compass-vikingR-template 1.2.4

data/templates/project/sass/_reset.scss

@@ -0,0 +1,455 @@
+/* ---------->>> XHTML, HTML4, HTML5 Reset <<<-----------*/
+
+a,
+abbr,
+acronym,
+address,
+applet,
+article,
+aside,
+audio,
+b,
+big,
+blockquote,
+body,
+canvas,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+dialog,
+div,
+dl,
+dt,
+em,
+embed,
+fieldset,
+figcaption,
+figure,
+font,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+hr,
+html,
+i,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+meter,
+nav,
+object,
+ol,
+output,
+p,
+pre,
+progress,
+q,
+rp,
+rt,
+ruby,
+s,
+samp,
+section,
+small,
+span,
+strike,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+tt,
+u,
+ul,
+var,
+video,
+xmp{
+    background: transparent;
+    @include reset-box-model;
+    vertical-align: baseline;
+}
+
+html,
+body,
+.container-wrap{
+    height: 100%;
+}
+
+/* Correct `block` display not defined in IE 8/9. */
+
+@include reset-html5;
+
+/*
+1. Correct `inline-block` display not defined in IE 8/9.
+2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+*/
+
+audio,
+canvas,
+video{
+    display: inline-block; /* 1 */
+    vertical-align: baseline; /* 2 */
+}
+
+/*
+Remove excess height in iOS 5 devices.
+*/
+
+audio:not([controls]){
+    height: 0;
+}
+
+/*
+Prevent modern browsers from displaying `audio` without controls.
+Address `[hidden]` styling not present in IE 8/9.
+Hide the `template` element in IE, Safari, and Firefox < 22.
+*/
+
+audio:not([controls]),
+[hidden],
+template{
+    display: none;
+}
+
+/*
+Addresses `font-family` inconsistency between `textarea` and other form elements.
+*/
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/* 1. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
+
+html{
+    font-size: 100.01%;
+    overflow-y: scroll;
+    -ms-text-size-adjust: 100%; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 1 */
+}
+
+body{
+    color: #181818;
+    background: white;
+    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+}
+
+pre,
+code,
+kbd,
+samp,
+q{
+    @include hyphens(none);
+}
+
+pre,
+code,
+kbd,
+samp{
+    font:{
+        family: monospace, serif;
+        size: 100%;
+    }
+}
+
+pre{
+    overflow: auto;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+q,
+blockquote{
+    @include reset-quotation;
+}
+
+sub,
+sup {
+    font-size: smaller;
+}
+
+sup {
+    vertical-align: super;
+}
+
+sub {
+    vertical-align: sub;
+}
+
+b,
+strong {
+    font-weight: bold;
+}
+
+em,
+i,
+dfn{
+    font-style: italic;
+}
+
+u{
+    text-decoration: underline;
+}
+
+small{
+    font-size: 80%;
+}
+
+mark{
+    background: #ff0;
+    color: #000;
+}
+
+/*
+Remove the gray background color from active links in IE 10.
+*/
+
+a{
+    background: transparent;
+    img{
+        @include reset-image-anchor-border;
+    }
+}
+
+img {
+    border: 0;
+    color: transparent;
+    font-size: 0;
+    vertical-align: middle;
+    -ms-interpolation-mode: bicubic;
+}
+
+ul,
+ol{
+    @include no-bullets;
+}
+
+/*  Remove most spacing between table cells. */
+
+table{
+    @include reset-table;
+}
+
+th,
+td,
+caption{
+    @include reset-table-cell;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6{
+    font-weight: normal;
+}
+
+hr {
+    @include box-sizing(content-box);
+    height: 0;
+}
+
+/*Correct overflow displayed oddly in IE 9.*/
+
+svg:not(:root){
+    overflow: hidden;
+}
+
+/*
+1. Correct color not being inherited.
+   Known issue: affects color of disabled elements.
+2. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea{
+    color: inherit; /* 1 */
+    margin: 0; /* 2 */
+}
+
+/**
+1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+2. Improve usability and consistency of cursor style between image-type `input` and others.
+*/
+
+a[href],
+input[type="submit"],
+html input[type="button"], /* 1 */
+input[type="image"],
+input[type="reset"],
+label[for],
+select,
+button,
+.btn,
+.button{
+    cursor: pointer; /* 2 */
+}
+
+/*Address `overflow` set to `hidden` in IE 8/9/10*/
+
+button{
+    overflow: visible;
+}
+
+/*
+Address inconsistent `text-transform` inheritance for `button` and `select`.
+All other form control elements do not inherit `text-transform` values.
+Correct `button` style inheritance in Firefox, IE 8+, and Opera
+Correct `select` style inheritance in Firefox.
+*/
+
+button,
+select{
+    text-transform: none;
+}
+
+a{
+    &:active,
+    &:hover{
+        outline: none;
+    }
+}
+
+input,
+textarea{
+    -webkit-user-modify: read-write-plaintext-only;
+    -webkit-tap-highlight-color: rgba(255,255,255,0);
+}
+input,
+textarea,
+select,
+button{
+    &,
+    &:hover,
+    &:focus{
+        outline: none;
+    }
+}
+/*
+Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
+It's recommended that you don't attempt to style these elements.
+Firefox's implementation doesn't respect box-sizing, padding, or width.
+
+1. Address box sizing set to `content-box` in IE 8/9/10.
+2. Remove excess padding in IE 8/9/10.
+3. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+4. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).
+
+Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`.
+Remove inner padding and search cancel button in Safari and Chrome on OS X.
+Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance).
+*/
+
+input{
+    line-height: normal;
+    &[type="checkbox"],
+    &[type="radio"] {
+        box-sizing: border-box; /* 1 */
+        padding: 0; /* 2 */
+    }
+    &[type="checkbox"] {
+        vertical-align: bottom;
+    }
+    &[type="radio"] {
+        vertical-align: text-bottom;
+    }
+    &[type="number"]::-webkit-inner-spin-button,
+    &[type="number"]::-webkit-outer-spin-button {
+      height: auto;
+      -webkit-user-modify: read-write;
+    }
+    &[type="search"]{
+        -webkit-appearance: textfield; /* 3 */
+        &::-webkit-search-cancel-button,
+        &::-webkit-search-decoration {
+            -webkit-appearance: none;
+        }
+    }
+}
+
+/*
+Re-set default cursor for disabled elements.
+*/
+
+button[disabled],
+input[disabled],
+textarea,
+select{
+    cursor: default;
+}
+
+/*
+Remove inner padding and border in Firefox 4+.
+*/
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    @include reset-box-model;
+}
+
+acronym,
+abbr,
+span.caps {
+    cursor: help;
+}
+
+acronym,
+abbr {
+    border-bottom: 1px dashed #999;
+}
+
+textarea{
+    overflow: auto;
+    resize: none;
+    vertical-align: top;
+    @include box-sizing(border-box);
+}
+
+/*
+Don't inherit the `font-weight` (applied by a rule above).
+NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+*/
+
+optgroup {
+    font-weight: bold;
+}
+
+input[type="submit"],
+html input[type="button"],
+input[type="reset"],
+button{
+    @include appearance(button);
+}

data/templates/project/sass/_responsive.scss

@@ -0,0 +1,25 @@
+// Media Queries
+
+// /* Large Desktops */
+// @media only screen and (min-width: $HD) {}
+
+// /* Only desktops & tablets landscape */
+// @media only screen and (min-width: $XGALandscape + 1) and (max-width: $HD) {}
+
+// /* > 1024px */
+// @media only screen and (max-width: $XGALandscape) {}
+
+// /* Only tablets portrait */
+// @media only screen and (min-width: $XGAPortrait + 1) and (max-width: $XGALandscape) {}
+
+// /* > 768px */
+// @media only screen and (max-width: $XGAPortrait) {}
+
+// /* Phones landscape */
+// @media only screen and (min-width: $QVGA + 1) and (max-width: $XGAPortrait) {}
+
+// /* > 640px */
+// @media only screen and (max-width: $VGA) {}
+
+// /* Small phones */
+// @media only screen and (max-width: $QVGA) {}

data/templates/project/sass/_rforms.scss

@@ -0,0 +1,213 @@
+// rForms
+
+// Select JS
+$slctArrowWidth: 5px;
+$slctArrowHeight: 10px;
+$slctArrowColor: #bdc3c7;
+$slctArrowPosRight: 10px;
+$slctArrowContainer: $fieldHelperContainer;
+
+$maxHeightPoint: 7;
+$slctdropBg: #FFF;
+$slctdropItemColor: #444;
+$slctdropItemBgHover: $fieldHasValueBg;
+
+// Radio Buttons
+$radioIconVal: radio;
+$radioDefaultIcon: #{$radioIconVal}_inactive;
+$radioActiveIcon: #{$radioIconVal}_active;
+// $radioDisabledIcon: #{$radioIconVal}_inactive_disabled;
+// $radioActiveDisabledIcon: #{$radioIconVal}_active_disabled;
+$radioPadding: 30px;
+$radioMargin: 0 10px;
+
+// Checkboxes
+$checkIconVal: check;
+$checkDefaultIcon: #{$checkIconVal}_inactive;
+$checkActiveIcon: #{$checkIconVal}_active;
+// $checkDisabledIcon: #{$checkIconVal}_inactive_disabled;
+// $checkActiveDisabledIcon: #{$checkIconVal}_active_disabled;
+$checkPadding: $radioPadding;
+
+// Files
+$fileloadFieldWidth: 73%;
+$fileloadBtnWidth: 25%;
+
+
+// Select JS
+
+.select-box{
+    .field-hidden{
+        opacity: 0;
+    }
+}
+
+.field-slct{
+    @extend .cur-pointer;
+
+    padding-right: $slctArrowContainer;
+
+    color: $fieldDefaultPlaceholderColor;
+
+    &:after{
+        @include arrow("top", $slctArrowWidth, $slctArrowHeight, $slctArrowColor, true, false){
+            right: $slctArrowPosRight;
+            top: 50%;
+            margin-top: -($slctArrowHeight/2);
+        };
+    }
+
+    // Action
+    .has-value &{
+        &:after{
+            border-top-color: $fieldHasValueBorder;
+        }
+    }
+    .has-active &{
+        &:after{
+            @include arrowBorder("bottom", $slctArrowHeight, $fieldHasActiveBorder);
+        }
+    }
+    .has-error &{
+        &:after{
+            border-top-color: $fieldHasErrorColor;
+        }
+    }
+    .has-error.has-active &{
+        &:after{
+            border-bottom-color: $fieldHasErrorColor;
+        }
+    }
+    .has-success &{
+        &:after{
+            border-top-color: $fieldHasSuccessColor;
+        }
+    }
+    .has-success.has-active &{
+        &:after{
+            border-bottom-color: $fieldHasSuccessColor;
+        }
+    }
+    .has-disabled &{
+        &:after{
+            border-top-color: $fieldHasDisabledColor;
+        }
+    }
+}
+.slctdrop{
+    @include pos(absolute, 100%, false, false, 0, 100);
+
+    @extend .hide;
+    overflow: hidden;
+
+    @include box-sizing(border-box);
+    @extend .full;
+
+    background-color: $slctdropBg;
+    border: $fieldDefaultBorder;
+    border-radius: $fieldDefaultBorderRadius;
+
+    font: $fieldDefaultFontSize $fieldDefaultFontFamily;
+}
+.slctdrop-list{
+    max-height: $fieldDefaultHeight*$maxHeightPoint;
+}
+.slctdrop-item{
+    @extend .cur-pointer;
+    @extend .block;
+
+    padding: 0 $fieldDefaultPaddingSide;
+
+    color: $slctdropItemColor;
+    line-height: $fieldDefaultHeight;
+
+    &:hover{
+        background-color: $slctdropItemBgHover;
+    }
+
+    &:first-child{
+        border-radius: $fieldDefaultBorderRadius $fieldDefaultBorderRadius 0 0;
+    }
+
+    &:last-child{
+        border-radius: 0 0 $fieldDefaultBorderRadius $fieldDefaultBorderRadius;
+    }
+}
+
+.check-box,
+.radio-box{
+    &.has-disabled{
+        opacity: .5;
+        @extend .no-select;
+    }
+}
+
+// Radio Buttons
+
+.radio-box{
+    line-height: $fieldDefaultHeight;
+
+    @extend .no-select;
+    &.has-disabled{
+        .radio{
+            @extend .cur-default;
+        }
+    }
+}
+.radio{
+    @extend .cur-pointer;
+
+    padding-left: $radioPadding;
+    margin: $radioMargin;
+
+    &:before{
+        @include icons($radioDefaultIcon);
+        @include centerHeightIcons($radioDefaultIcon);
+    }
+
+    &.has-active:before{
+        @include icons-sprite($radioActiveIcon);
+    }
+}
+.radio-text{}
+
+// Checkboxes
+
+.check-box{
+    @extend .cur-pointer;
+
+    padding-left: $checkPadding;
+
+    line-height: $fieldDefaultHeight;
+
+    @extend .no-select;
+
+    &:before{
+        @include icons($checkDefaultIcon);
+        @include centerHeightIcons($checkDefaultIcon);
+    }
+
+    &.has-active:before{
+        @include icons-sprite($checkActiveIcon);
+    }
+    &.has-disabled{
+        @extend .cur-default;
+    }
+}
+.check-text{}
+
+// Files
+
+.fileload-box{
+    @extend .relative;
+    @extend .no-select;
+
+    width: $fieldDefaultWidth;
+}
+.fileload-field{
+    line-height: $fieldDefaultHeight;
+    width: $fileloadFieldWidth;
+}
+.fileload-btn{
+    width: $fileloadBtnWidth;
+}