compass-vikingR-template 1.2.4

data/templates/project/sass/_default.scss

@@ -0,0 +1,252 @@
+// Default
+
+.relative,
+.has-ps-icon,
+.has-icon,
+.field-box{
+    position: relative;
+}
+
+.absolute{
+    position: absolute;
+}
+
+.fixed{
+    position: fixed;
+}
+
+// Box-sizing
+.box,
+.wrapper,
+.field,
+.btn,
+.footer{
+    @include box-sizing(border-box);
+}
+
+// Display
+
+.dib,
+.icon,
+.btn,
+.field,
+.wrapper,
+.el{
+    display: inline-block;
+}
+
+.table{
+    display: table;
+}
+
+.row{
+    display: table-row;
+}
+
+.cell{
+    display: table-cell;
+}
+
+.block,
+.show{
+    display: block;
+}
+
+.none,
+.hide{
+    display: none;
+}
+
+// Vertical-align
+.dib{
+    vertical-align: top;
+}
+
+.icon,
+.btn,
+.field,
+.el{
+    vertical-align: middle;
+}
+
+// Float
+.left{
+    float: left;
+}
+
+.right{
+    float: right;
+}
+
+// Width
+.full,
+.table,
+.wrapper,
+.footer{
+    width: 100%;
+}
+
+.full-size{
+    @extend .full;
+    height: 100%;
+}
+
+// Animation
+.light-animation,
+.btn,
+.field{
+    @include transition(all .25s ease);
+}
+
+// Text-align
+.tac{
+    text-align: center;
+}
+
+.tal{
+    text-align: left;
+}
+
+.tar{
+    text-align: right;
+}
+
+// Alignment Blocks In Width
+.jbox{
+    line-height: 0;
+    text-align: justify;
+    @include legacy-pie-clearfix;
+
+    .dib{
+        line-height: normal;
+    }
+}
+
+// Other
+.clear{
+    clear: both;
+}
+
+.clearfix{
+    @include pie-clearfix;
+}
+
+.no-select{
+    @include user-select(none);
+}
+
+// --Typography--
+.ellipsis{
+    @include ellipsis(no-wrap);
+}
+
+.break{
+    word-wrap: break-word;
+}
+
+// --Images--
+
+.loading{
+    background: #fff url(../images/required/loading.gif) no-repeat center;
+}
+
+.img-rwd{
+    @extend .block;
+    max-width: 100%;
+    height: auto;
+}
+
+// --Form--
+
+.cur-pointer,
+.link{
+    cursor: pointer;
+}
+.cur-default{
+    cursor: default;
+}
+.cur-help{
+    cursor: help;
+}
+
+// --Position--
+
+.aborted{
+    @include pos(absolute, false, false, false, -10000px, false);
+
+    opacity: 0;
+    visibility: hidden;
+}
+.ceiling-pos{
+    @include pos(absolute, 0, false, false, 0, false);
+}
+.abs-icon{
+    @include pos(absolute, false, false, false, false, 1);
+}
+.left-icon{
+    top: 50%;
+    left: 0;
+}
+.right-icon{
+    top: 50%;
+    right: 0;
+}
+.top-icon{
+    top: 0;
+    left: 50%;
+}
+.bottom-icon{
+    left: 50%;
+    bottom: 0;
+}
+.center-icon{
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+}
+.has-ps-icon{
+    &:before{
+        @extend .absolute;
+
+        content: '';
+    }
+}
+.has-ps-left-icon{
+    &:before{
+        @extend .left-icon;
+    }
+}
+.has-ps-right-icon{
+    &:before{
+        @extend .right-icon;
+    }
+}
+.has-ps-top-icon{
+    &:before{
+        @extend .top-icon;
+    }
+}
+.has-ps-bottom-icon{
+    &:before{
+        @extend .bottom-icon;
+    }
+}
+.has-ps-center-icon{
+    &:before{
+        @extend .center-icon;
+    }
+}
+
+// --Styles--
+
+.circle{
+    border-radius: 50%;
+}
+
+.default-scroll{
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+}
+

data/templates/project/sass/_footer.scss

@@ -0,0 +1,5 @@
+// Footer
+
+.footer{
+    height: $footerHeight;
+}

data/templates/project/sass/_formstyle.scss

@@ -0,0 +1,130 @@
+// Form style
+
+// --fields--
+// Size
+$fieldDefaultWidth: 100%;
+$fieldDefaultHeight: 30px;
+$fieldDefaultPaddingSide: 10px;
+$fieldDefaultBorder: 1px solid #bdc3c7;
+$fieldDefaultBorderRadius: 5px;
+$fieldDefaultBg: #fff;
+
+// Style
+$fieldHelperContainer: 30px;
+// Typography
+$fieldDefaultColor: #444;
+$fieldDefaultPlaceholderColor: #777;
+$fieldDefaultFontFamily: $baseFontFamily;
+$fieldDefaultFontSize: rem-font-size(13px);
+
+// Action
+// Value
+$fieldHasValueBg: #ecf9ff;
+$fieldHasValueBorder: #3eb6e9;
+$fieldHasValueColor: #000;
+// Active
+$fieldHasActiveBg: #fff;
+$fieldHasActiveBorder: $fieldHasValueBorder;
+$fieldHasActiveColor: $fieldHasValueColor;
+// Error
+$fieldHasErrorColor: #e74c3c;
+// Success
+$fieldHasSuccessColor: #2ecc71;
+// Disabled
+$fieldHasDisabledBg: #f4f6f6;
+$fieldHasDisabledColor: #d5dbdb;
+
+// field style
+
+.field-box{}
+
+.field-frame{
+    width: $fieldDefaultWidth;
+    height: $fieldDefaultHeight;
+}
+
+.field{
+    @extend .field-frame;
+    max-width: 100%;
+    padding: 0 $fieldDefaultPaddingSide;
+
+    border: $fieldDefaultBorder;
+    border-radius: $fieldDefaultBorderRadius;
+    background: $fieldDefaultBg;
+
+    color: $fieldDefaultColor;
+    font: $fieldDefaultFontSize $fieldDefaultFontFamily;
+
+    // Action
+    // .has-value &{
+    //     // border, background, color
+    //     @include fieldEvent($fieldHasValueBorder, $fieldHasValueBg, $fieldHasValueColor);
+    // }
+    // .has-active &,
+    // &:focus{
+    //     // border, background, color
+    //     @include fieldEvent($fieldHasActiveBorder, $fieldHasActiveBg, $fieldHasActiveColor);
+    // }
+    .has-error &{
+        // border, background, color
+        @include fieldEvent($fieldHasErrorColor, $fieldDefaultBg, $fieldHasErrorColor);
+    }
+    // .has-success &{
+    //     // border, background, color
+    //     @include fieldEvent($fieldHasSuccessColor, $fieldDefaultBg, $fieldHasSuccessColor);
+    // }
+    .has-disabled &,
+    &[disabled]{
+        @extend .cur-default;
+        @extend .no-select;
+        @include fieldEvent($fieldHasDisabledColor, $fieldHasDisabledBg, $fieldHasDisabledColor);
+    }
+
+    // Placeholder
+    @each $prefixPlaceholder in $prefixPlaceholders {
+        @include placeholder($prefixPlaceholder, $fieldDefaultPlaceholderColor);
+    }
+}
+
+.field-fake{
+    position: relative;
+
+    @extend .ellipsis;
+
+    line-height: $fieldDefaultHeight;
+}
+
+.field-hidden{
+    @extend .full-size;
+
+    background: transparent;
+
+    @include box-sizing(border-box);
+    @include reset-box-model;
+    @include reset-font;
+}
+
+.field-has-helper{
+    padding-right: $fieldHelperContainer;
+}
+
+.field-helper{
+    @extend .abs-icon;
+
+    @extend .right-icon;
+}
+
+select.field{
+    padding-right: 0;
+    &,
+    &:active,
+    &:focus {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+        -webkit-focus-ring-color: rgba(0, 0, 0, 0);
+        outline: none;
+    }
+}
+
+textarea.field{
+    min-height: 60px;
+}

data/templates/project/sass/_global.scss

@@ -0,0 +1,38 @@
+// Global
+
+html {
+    // min-width: $standard;
+    >body{
+        .container-wrap{
+            height: auto;
+            min-height: 100%;
+        }
+    }
+}
+
+body{
+    background-color: #FFF;
+
+    color: $baseFontColor;
+    font: $baseFontSize+unquote('/')+1 $baseFontFamily;
+}
+
+.container{
+    @include centerBlock($standard);
+}
+
+// .grid{
+//     @include grids; // vaues: $numberOfColumns: 12, $gutterWidth: 20, $fullWidth: 960;
+// }
+
+.container-wrap{
+    @extend .relative;
+
+    // overflow-x: hidden;
+}
+
+.footer{
+    @include pos(absolute, false, false, 0, 0, 2);
+}
+
+

data/templates/project/sass/_header.scss

@@ -0,0 +1,5 @@
+// Header
+
+.header{}
+
+.logo{}

data/templates/project/sass/_icons.scss

@@ -0,0 +1,40 @@
+//icons
+
+// @each $icon in $icons {
+//     .#{$icon}-icon{
+//         @include icons(#{$icon});
+//     }
+// }
+
+//blockIcons
+
+// @each $blockIcon in $blockIcons {
+//     .#{$blockIcon}{
+//         @include icons(#{$blockIcon});
+//     }
+// }
+
+//icons pseudo
+
+// @each $before in $befores {
+//     .#{$before}:before{
+//         @include icons(#{$before});
+//     }
+// }
+
+// @each $after in $afters {
+//     .#{$after}:after{
+//         @include icons(#{$after});
+//     }
+// }
+
+//buttons
+
+// @each $button in $buttons {
+//     .#{$button}{
+//         @include icons(#{$button});
+//         &:hover{
+//             @include icons-sprite(#{$button}_hover);
+//         }
+//     }
+// }

data/templates/project/sass/_layout.scss

@@ -0,0 +1,3 @@
+// Pages
+
+// .home{}