compass-vikingR-template 1.2.4

data/templates/project/js/ph.js

@@ -0,0 +1,33 @@
+(function($){
+    $("input[placeholder], textarea[placeholder]").each(function(){
+        var that = this;
+        if (hasClass(document.documentElement, 'ie') && that.placeholder && 'placeholder' in document.createElement(that.tagName)) return;
+        var placeholder = that.getAttribute('placeholder'),
+            input = $(that),
+            placeholderClass = 'text-placeholder';
+        if (that.value === '' || that.value == placeholder) {
+            input.addClass(placeholderClass);
+            that.value = placeholder;
+        }
+        input
+        .focus(function(){
+            if (input.hasClass(placeholderClass)) {
+                this.value = '';
+                input.removeClass(placeholderClass)
+            }
+        })
+        .blur(function(){
+            if (this.value === '') {
+                input.addClass(placeholderClass);
+                this.value = placeholder;
+            } else {
+                input.removeClass(placeholderClass);
+            }
+        });
+        that.form && jQuery(that.form).submit(function(){
+            if (input.hasClass(placeholderClass)) {
+                that.value = '';
+            }
+        });
+    });
+})($);

data/templates/project/js/ph.min.js

@@ -0,0 +1,2 @@
+(function(d){d("input[placeholder], textarea[placeholder]").each(function(){var a=this;if(!(hasClass(document.documentElement,"ie")&&a.placeholder&&"placeholder"in document.createElement(a.tagName))){var c=a.getAttribute("placeholder"),b=d(a);if(""===a.value||a.value==c)b.addClass("text-placeholder"),a.value=c;b.focus(function(){b.hasClass("text-placeholder")&&(this.value="",b.removeClass("text-placeholder"))}).blur(function(){""===this.value?(b.addClass("text-placeholder"),this.value=c):b.removeClass("text-placeholder")});
+a.form&&jQuery(a.form).submit(function(){b.hasClass("text-placeholder")&&(a.value="")})}})})($);

data/templates/project/js/rform.js

@@ -0,0 +1,228 @@
+(function($){
+    var global = {
+        activeClass : 'has-active',
+        valueClass : 'has-value',
+        disabledClass : 'has-disabled'
+    };
+
+    /*field function*/
+    $.fn.fieldJS = function () {
+        return this.each(function(){
+            var settings = {
+              el : this,
+              fieldClass : 'field'
+            },
+            $field = $(settings.el).find('.'+settings.fieldClass);
+
+            if (!$(settings.el).hasClass(global.disabledClass)) {
+                var $fieldVal = $field.val();
+
+                    if ($fieldVal) {
+                        $(settings.el).addClass(global.valueClass);
+                    };
+
+                    $field
+                        .focus(function(event) {
+                            $(this).parent().addClass(global.activeClass);
+                        })
+                        .blur(function(event) {
+                            $(this).parent().removeClass(global.activeClass);
+                        })
+                        .change(function(event) {
+                            if (!$fieldVal) {
+                                $(settings.el).addClass(global.valueClass);
+                            };
+                        });
+            }
+            else{
+                $field.attr('disabled', 'disabled');
+            }
+        });
+    };
+
+    /*select function*/
+    selectJS = function() {
+        this._init = function(element, options) {
+            var defaults = {
+                slctDropClass     : 'slctdrop',
+                slctDropListClass : 'slctdrop-list',
+                slctDropItemClass : 'slctdrop-item',
+                fieldBoxClass     : 'field-box',
+                hideClass         : 'hide',
+                fakeFieldClass    : 'field-fake',
+                workSelectClass   : 'hidden-select',
+                userScrollClass   : 'scroll-simple_inner',
+                el                : $(element),
+                userBrowser       : /Android|webOS|iPhone|iPad|iPod|BlackBerry/i,
+                userScroll        : false
+            },
+            settings = $.extend(defaults, options),
+            $elSelect = settings.el.find('select'),
+            $fakeField = settings.el.find('.'+settings.fakeFieldClass),
+            $elVal = $elSelect.val(),
+            $elText = $elSelect.find('option:selected').text(),
+            $options = $elSelect.find('option'),
+            $slctDrop = $('<div class="'+settings.slctDropClass+' '+settings.slctDropClass+'-js"></div>'),
+            $list = $('<ul class="'+settings.slctDropListClass+'"></ul>');
+
+            $fakeField.text($elText);
+            if (!settings.el.hasClass(global.disabledClass)) {
+
+                if (!$elVal) {
+                    settings.el.removeClass(global.activeClass);
+                }
+                else{
+                    $fakeField.text($elText);
+                    settings.el.addClass(global.valueClass);
+                }
+
+                if( !settings.userBrowser.test(navigator.userAgent) ) {
+                    $options.each(function(){
+                        var $this = $(this),
+                            $optionVal = $this.val(),
+                            $optionText = $this.text(),
+                            $optionLi = $('<li class="'+settings.slctDropItemClass+' '+settings.slctDropItemClass+'-js" data-option="'+$optionVal+'">'+$optionText+'</li>');
+
+                        if (!$this.is(':disabled')) {
+                            if ($elText == $optionText) {
+                                $optionLi.addClass(settings.hideClass);
+                            };
+                            $list.append($optionLi);
+                        };
+                    });
+                    $slctDrop.prepend($list);
+                    $elSelect
+                        .hide()
+                        .before($slctDrop);
+
+                    if (settings.userScroll) {
+                        $list
+                            .addClass(settings.userScrollClass)
+                            .scrollbar({
+                                "type": "simple"
+                            });
+                    }
+                    else{
+                        $list.addClass('default-scroll');
+                    }
+                    settings.el.on('click', '.'+settings.fakeFieldClass, function() {
+                        var $fakeEl = $(this),
+                            $elParent = $fakeEl.closest('.'+settings.fieldBoxClass);
+
+                        $('.'+settings.slctDropClass+'-js').hide();
+                        $('.'+settings.fakeFieldClass).removeClass(global.activeClass);
+                        $elParent
+                            .addClass(global.activeClass)
+                            .find('.'+settings.slctDropClass+'-js').slideToggle();
+                    });
+                    settings.el.on('click', '.'+settings.slctDropItemClass+'-js', function() {
+                        var $item = $(this),
+                            $itemel = $item.closest('.'+settings.fieldBoxClass),
+                            $itemField = $itemel.find('.'+settings.fakeFieldClass),
+                            $itemSelect = $itemel.find('select'),
+                            $itemText = $item.text(),
+                            $itemOption = $item.data('option');
+                        $itemel
+                            .removeClass(global.activeClass)
+                            .addClass(global.valueClass)
+                            .find('.'+settings.slctDropClass+'-js').slideToggle();
+                        $itemField.text($itemText);
+                        $itemSelect.val($itemOption);
+                        $itemel.find('.'+settings.slctDropItemClass+'-js').removeClass(settings.hideClass);
+                        $item.addClass(settings.hideClass);
+                    });
+                    $(document).click(function(event) {
+                        if (!$(event.target).closest('.'+settings.fieldBoxClass).length) {
+                            settings.el
+                                .removeClass(global.activeClass)
+                                .find('.'+settings.slctDropClass+'-js').hide();
+                            if (!$elSelect.val()) {
+                                $elSelect.removeClass(global.valueClass);
+                            };
+                        };
+                    });
+                }
+                else{
+                    $elSelect.on('change', function() {
+                        var $thisVal = $(this).val();
+                        $fakeField.text($thisVal);
+                        settings.el.addClass(global.activeClass);
+                    });
+                }
+            }
+            else{
+                $elSelect.hide();
+            }
+        };
+    };
+    // Launch plugin
+    $.fn.selectJS = function( options ){
+        return this.each(function(){
+             $( this ).data( "selectJS", new selectJS()._init( this, options ) );
+         });
+    };
+
+    /*radio function*/
+    $.fn.radioJS = function () {
+        return this.each(function(){
+            var settings = {
+              radio : this,
+              virtualRadioClass : 'radio',
+            }
+
+            if (!$(settings.radio).hasClass(global.disabledClass)) {
+                $(settings.radio).on('click', '.'+settings.virtualRadioClass, function() {
+                    var radioThis = $(this),
+                        valueRadio = radioThis.data('rval');
+
+                    radioThis
+                            .parent().find('.'+settings.virtualRadioClass).removeClass(global.activeClass)
+                            .end().end().addClass(global.activeClass)
+                            .parent().find('input').val(valueRadio);
+                });
+            };
+        });
+    };
+
+    /*checkbox function*/
+    $.fn.checkboxJS = function () {
+        return this.each(function(){
+            if (!$(this).hasClass(global.disabledClass)) {
+                $(this).on('change', 'input:checkbox', function(){
+                    $(this).parent().toggleClass(global.activeClass);
+                });
+            }
+        });
+    };
+
+    /*file function*/
+    $.fn.fileJS = function () {
+        return this.each(function(){
+            var settings = {
+                file : this,
+                fileloadField: '.fileload-field-js',
+                fileloadBtn: '.fileload-btn-js'
+            };
+            if (!$(settings.file).hasClass(global.disabledClass)) {
+                $(settings.file)
+                    .on('click', settings.fileloadBtn, function(){
+                        $(this)
+                            .siblings('input').click()
+                            .parent().addClass(global.activeClass);
+                    })
+                    .on('change', 'input:file', function(){
+                        var $ThisEl = $(this),
+                            $fileResult = $ThisEl.val();
+                        $ThisEl
+                            .parent()
+                                .removeClass(global.activeClass)
+                                .addClass(global.valueClass);
+
+                        if ($ThisEl.parent().find(settings.fileloadField).length) {
+                            $ThisEl.parent().find(settings.fileloadField).text($fileResult);
+                        };
+                    });
+            };
+        });
+    };
+})($);

data/templates/project/js/scripts.js

@@ -0,0 +1,3 @@
+$(document).ready(function(){
+
+}); // Ready

data/templates/project/manifest.rb

@@ -0,0 +1,78 @@
+# Description
+description "A Compass implementation of Sergii Rudchyk's template"
+
+# General File Import
+html 'index.html', :to => "index.html"
+html 'index.php', :to => "index.php"
+file 'files/readme.txt', :to => "readme.txt"
+image 'files/screenshot.jpg', :to => "../screenshot.jpg"
+file 'files/compass_watch.bat', :to => "compass_watch.bat"
+
+# Stylesheet Import
+file 'css/dev.css', :to => "css/dev.css"
+file 'sass/_mixins.scss', :to => "sass/source/_mixins.scss"
+file 'sass/_variables.scss', :to => "sass/source/_variables.scss"
+file 'sass/_reset.scss', :to => "sass/source/_reset.scss"
+file 'sass/_global.scss', :to => "sass/source/_global.scss"
+file 'sass/_typography.scss', :to => "sass/source/_typography.scss"
+file 'sass/_formstyle.scss', :to => "sass/source/_formstyle.scss"
+file 'sass/_rforms.scss', :to => "sass/source/_rforms.scss"
+file 'sass/_buttons.scss', :to => "sass/source/_buttons.scss"
+file 'sass/_icons.scss', :to => "sass/source/_icons.scss"
+file 'sass/_header.scss', :to => "sass/source/_header.scss"
+file 'sass/_content.scss', :to => "sass/source/_content.scss"
+file 'sass/_footer.scss', :to => "sass/source/_footer.scss"
+file 'sass/_all.scss', :to => "sass/source/_all.scss"
+file 'sass/_default.scss', :to => "sass/source/_default.scss"
+file 'sass/_layout.scss', :to => "sass/source/_layout.scss"
+file 'sass/_responsive.scss', :to => "sass/source/_responsive.scss"
+file 'sass/_browsers.scss', :to => "sass/source/_browsers.scss"
+file 'sass/index.scss', :to => "sass/index.scss"
+
+# Image Import
+image 'images/favicon.png', :to => "favicon.png"
+image 'images/loading.gif', :to => "required/loading.gif"
+image 'images/noimg.jpg', :to => "required/noimg.jpg"
+
+# Javascript Import
+file 'js/head.min.js', :like => :javascript, :to => 'head.min.js'
+file 'js/init.js', :like => :javascript, :to => 'init.js'
+file 'js/ph.js', :like => :javascript, :to => 'ph.js'
+file 'js/ph.min.js', :like => :javascript, :to => 'ph.min.js'
+file 'js/rform.js', :like => :javascript, :to => 'rform.js'
+file 'js/scripts.js', :like => :javascript, :to => 'scripts.js'
+file 'js/example.js', :like => :javascript, :to => 'example.js'
+
+
+# ie-old Import
+image 'ie-old/favicon.ico', :to => "../ie-old/favicon.ico"
+html 'ie-old/index.html', :to => "ie-old/index.html"
+image 'ie-old/images/as.jpg', :to => "../ie-old/images/as.jpg"
+image 'ie-old/images/bg_span_wol.gif', :to => "../ie-old/images/bg_span_wol.gif"
+image 'ie-old/images/f.jpg', :to => "../ie-old/images/f.jpg"
+image 'ie-old/images/gc.jpg', :to => "../ie-old/images/gc.jpg"
+image 'ie-old/images/h.jpg', :to => "../ie-old/images/h.jpg"
+image 'ie-old/images/ie.jpg', :to => "../ie-old/images/ie.jpg"
+image 'ie-old/images/mf.jpg', :to => "../ie-old/images/mf.jpg"
+image 'ie-old/images/op.jpg', :to => "../ie-old/images/op.jpg"
+image 'ie-old/images/td1.jpg', :to => "../ie-old/images/td1.jpg"
+image 'ie-old/images/td2.jpg', :to => "../ie-old/images/td2.jpg"
+image 'ie-old/images/td3.jpg', :to => "../ie-old/images/td3.jpg"
+
+#directories
+directory 'fonts', :to => 'fonts'
+directory 'bg', :to => 'images/bg'
+directory 'icons', :to => 'images/icons'
+directory 'temp', :to => 'images/temp'
+
+
+# Compass Extension Help
+help %Q{
+  Help for compass-vikingR-template
+}
+
+# Compass Extension Welcome Message
+#  Users will see this when they create a new project using this template.
+welcome_message %Q{
+  Welcome to compass-vikingR-template!
+}

data/templates/project/sass/_all.scss

@@ -0,0 +1 @@
+// Other Styles

data/templates/project/sass/_browsers.scss

@@ -0,0 +1,49 @@
+// Browsers
+
+// All IE
+
+.ie{
+    // clear the password reveal button and the clear button in IE10
+    // .hidden_input{
+    //     &::-ms-clear,
+    //     &::-ms-reveal{
+    //         display: none;
+    //     }
+    // }
+}
+
+// IE11
+
+.ie11{}
+
+// IE10
+
+.ie10{}
+
+// IE9
+
+.ie9{}
+
+// IE8
+
+.ie8{
+    .field{
+        line-height: $fieldDefaultHeight;
+    }
+}
+
+// Firefox
+
+.ff{}
+
+// Opera
+
+.opera{}
+
+// Safari
+
+.safari{}
+
+// Chrome
+
+.chrome{}

data/templates/project/sass/_buttons.scss

@@ -0,0 +1,54 @@
+// Buttons
+// Height
+$btnDefaultHeight: $fieldDefaultHeight;
+// Typography
+$btnDefaultColor: #fff;
+$btnDefaultFontFamily: $baseFontFamily;
+$btnDefaultFontSize: rem-font-size(13px);
+// Action
+$btnHasDisabledColor: #bdc3c7;
+
+// **Default
+
+.btn{
+    height: $btnDefaultHeight;
+    padding: 0 10px;
+
+    border: 1px solid transparent;
+    border-radius: 5px;
+    background-color: #3498db;
+
+    color: $btnDefaultColor;
+    font: $btnDefaultFontSize $btnDefaultFontFamily;
+
+    &:hover{
+        background-color: #5dade2;
+    }
+
+    .has-disabled &,
+    &[disabled]{
+        @extend .cur-default;
+        @extend .no-select;
+        background-color: $btnHasDisabledColor;
+        border-color: $btnHasDisabledColor;
+    }
+}
+
+.btn-bl{
+    @extend .block;
+
+    @extend .full;
+    padding-right: 0;
+    padding-left: 0;
+
+    @extend .tac;
+}
+
+.btn-fake{
+    line-height: $btnDefaultHeight;
+    text-align: center;
+    &,
+    &:hover{
+        text-decoration: none;
+    }
+}

data/templates/project/sass/_content.scss

@@ -0,0 +1,7 @@
+// Content
+
+.content{
+    padding-bottom: $footerHeight;
+}
+
+.main-section{}