Created
March 30, 2014 07:00
-
-
Save ryan-scott-dev/9868801 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ============================================= | |
| // Custom Settings | |
| // Last Updated:2013-10-3 | |
| // ============================================= | |
| // ============================================= | |
| // File Paths | |
| // ============================================= | |
| // file paths | |
| $root_path: "./"; | |
| $images_path: asset-path("images/"); | |
| $fonts_path: "groundworkcss/"; | |
| $boxsizing_path: asset-path("groundworkcss/libs/boxsizing.htc"); | |
| $PIE_path: asset-path("groundworkcss/libs/PIE.htc"); | |
| // $oldIE: false; // enable polyfills for legacy IE | |
| // ============================================= | |
| // Web Fonts | |
| // ============================================= | |
| // $web-font-classes: true; | |
| // $web-font-names: "source-sans-pro" | |
| // "museo-slab" | |
| // "quicksand"; | |
| // $web-font-files: "sourcesanspro-regular-webfont" | |
| // "museo-slab-500-webfont" | |
| // "quicksand-regular-webfont"; | |
| // $placeholder-fonts: true; | |
| // $placeholderText-fallback: true; // noscript fallback for placeholderText.js | |
| // $placeholder-font-classes: true; | |
| // $placeholder-font-names: "redacted" | |
| // "redacted-script" | |
| // "redacted-script-light" | |
| // "redacted-script-bold"; | |
| // $placeholder-font-files: "redacted-regular" | |
| // "redacted-script-regular" | |
| // "redacted-script-light" | |
| // "redacted-script-bold"; | |
| // ============================================= | |
| // Color Palette | |
| // ============================================= | |
| // $white: #ffffff; | |
| // $black: #111111; | |
| // document | |
| // $background-color: #ffffff; | |
| // $font-color: #2b2b2d; | |
| // links | |
| // $link-color: #489AC1; | |
| // $link-active: #198D98; | |
| // selection highlight | |
| // $selection-color: $link-color; | |
| // $selection-text: #ffffff; | |
| // code | |
| // $code-text: #555555; | |
| // $code-background: #ffffff; | |
| // borders | |
| // $border-thickness: 1px; | |
| // $border-style: solid; | |
| // $border-color: #dddddd; | |
| // $border: #{$border-thickness} #{$border-style} #{$border-color}; | |
| // buttons | |
| // $button-color: lighten(gray, 32.5%); | |
| // $button-text: darken(gray, 15%); | |
| // $button-border-color: lighten(gray, 27.5%); | |
| // $button-active: lighten(gray, 27.5%); | |
| // $button-active-text: darken(gray, 12%); | |
| // navigation | |
| // $nav-color: lighten(gray, 32.5%); | |
| // $nav-text: darken(gray, 15%); | |
| // $nav-border-color: lighten(gray, 27.5%); | |
| // $nav-active: lighten(gray, 27.5%); | |
| // $nav-active-text: darken(gray, 12%); | |
| // tabs | |
| // $tab-color: lighten(gray, 32.5%); | |
| // $tab-text: darken(gray, 15%); | |
| // $tab-border-color: lighten(gray, 22.5%); | |
| // $tab-active: lighten(gray, 27.5%); | |
| // $tab-active-text: darken(gray, 12%); | |
| // $tabpanel-background: #ffffff; | |
| // $tabpanel-text: #2b2b2d; | |
| // info | |
| // $info-color: #3a87ad; | |
| // $info-text: #ffffff; | |
| // $info-background: #d9edf7; | |
| // $info-border: #bce8f1; | |
| // alert | |
| // $alert-color: #c09853; | |
| // $alert-text: #ffffff; | |
| // $alert-background: #fcf8e3; | |
| // $alert-border: #fbeee0; | |
| // error | |
| // $error-color: #b94a48; | |
| // $error-text: #ffffff; | |
| // $error-background: #f2dede; | |
| // $error-border: #eed3d7; | |
| // warning | |
| // $warning-color: #FF971E; | |
| // $warning-text: #ffffff; | |
| // $warning-background: #FFE5C7; | |
| // $warning-border: #FFDBB3; | |
| // success | |
| // $success-color: #468847; | |
| // $success-text: #ffffff; | |
| // $success-background: #dff0d8; | |
| // $success-border: #d6e9c6; | |
| // question | |
| // $question-color: #9855b4; | |
| // $question-text: #ffffff; | |
| // $question-background: #f0e6f4; | |
| // $question-border: #f1dbfa; | |
| // disabled | |
| // $disabled-color: #808080; | |
| // $disabled-text: #dddddd; | |
| // $disabled-background: lighten($disabled-color, 20%); | |
| // $disabled-border: darken($disabled-color, 10%); | |
| // modifier states | |
| // $state-name: "info" "alert" "warning" "error" "success" "question" "disabled"; | |
| // $state-code: $info-color $alert-color $warning-color $error-color $success-color $question-color $disabled-color; | |
| // $state-text: $info-text $alert-text $warning-text $error-text $success-text $question-text $disabled-text; | |
| // modifier colors | |
| // $yellow: #f1c40f; | |
| // $orange: #e67e22; | |
| // $red: #e74c3c; | |
| // $pink: #f02475; | |
| // $purple: #9b59b6; | |
| // $asphalt: #34495e; | |
| // $charcoal: #383636; | |
| // $blue: #3498db; | |
| // $turquoise: #1abc9c; | |
| // $green: #2ecc71; | |
| // $modifier-name: "green" "blue" "purple" "yellow" "orange" "red" "pink" "turquoise" "asphalt" "charcoal" "white" "black"; | |
| // $modifier-code: $green $blue $purple $yellow $orange $red $pink $turquoise $asphalt $charcoal $white $black; | |
| // $modifier-text: $white $white $white $white $white $white $white $white $white $white $black $white; | |
| // ============================================= | |
| // Grid System | |
| // ============================================= | |
| // grid | |
| // $numerators: "one" "two" "three" "four" "five" "six" "seven" "eight" "nine" "ten" "eleven" "twelve"; | |
| // $denominators: "whole" "half" "third" "fourth" "fifth" "sixth" "seventh" "eighth" "ninth" "tenth" "eleventh" "twelfth"; | |
| // $denominators-plural: "wholes" "halves" "thirds" "fourths" "fifths" "sixths" "sevenths" "eighths" "ninths" "tenths" "elevenths" "twelfths"; | |
| // $grid-classes: true; | |
| // $grid-adapter-classes: true; | |
| // $grid-adapters: $one-whole $one-half $one-third $one-fourth $one-fifth; | |
| // $grid-adapters-clearfix: 15; | |
| // $container-width: 1200px; | |
| // $gutter: 10px; | |
| // $responsive: true; | |
| // ============================================= | |
| // Breakpoints | |
| // ============================================= | |
| // breakpoints | |
| // $small-mobile: "(max-width: 319px)"; | |
| // $iphone: "(min-device-width: 320px) and (max-device-width: 480px)"; | |
| // $iphone5: "(min-device-width: 320px) and (max-device-width: 568px)"; | |
| // $mobile: "(max-width: 480px)"; | |
| // $not-mobile: "(min-width: 481px)"; | |
| // $small-tablet: "(max-width: 767px)"; | |
| // $tablet: "(min-width: 768px)"; | |
| // $ipad: "(min-width: 768px) and (max-width:1024px)"; | |
| // $retina-ipad: "(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)"; | |
| // $not-desktop: "(max-width: 1024px)"; | |
| // $desktop: "(min-width: 1025px)"; | |
| // $retina: "(-webkit-min-device-pixel-ratio: 2)"; | |
| // ============================================= | |
| // Flexbox | |
| // ============================================= | |
| // flexible box layout | |
| // $flexbox-classes: true; // enable output of flexbox classes | |
| // $flexbox-helpers: "flex-wrapper" "flex-box" "vertical-center"; | |
| // ============================================= | |
| // Buttons | |
| // ============================================= | |
| // $button-tags: true; | |
| // $button-classes: true; | |
| // $button-modifiers: "small" "large" "on" "active" "square" "round" "block"; | |
| // $button-states: "on" "active" "selected" "pressed" "disabled" "info" "alert" "warning" "error" "success" "question"; | |
| // $aria-selectors: true; | |
| // $aria-states: "selected" "pressed" "disabled" "readonly" "invalid"; | |
| // ============================================= | |
| // Animations | |
| // ============================================= | |
| // dismissible message animation | |
| // $dismiss-animation: "fadeOut"; | |
| // animations | |
| // $bounce-animations: true; | |
| // $fade-animations: true; | |
| // $flash-animations: true; | |
| // $flip-animations: true; | |
| // $hinge-animations: true; | |
| // $lightspeed-animations: true; | |
| // $pulse-animations: true; | |
| // $roll-animations: true; | |
| // $rotate-animations: true; | |
| // $shake-animations: true; | |
| // $spin-animations: true; | |
| // $spin-helpers: "spin" "spin-once" "spin-twice" "spin-thrice" | |
| // "spin-fast" "spin-fast-once" "spin-fast-twice" "spin-fast-thrice" | |
| // "spin-slow" "spin-slow-once" "spin-slow-twice" "spin-slow-thrice"; | |
| // $swing-animations: true; | |
| // $tada-animations: true; | |
| // $wiggle-animations: true; | |
| // $wobble-animations: true; | |
| // ============================================= | |
| // Typography | |
| // ============================================= | |
| // $type-tags: true; | |
| // $type-elements: "h1" "h2" "h3" "h4" "h5" "h6" "p" | |
| // "ul" "ol" "dl" | |
| // "q" "blockquote" "cite" | |
| // "small" "big" | |
| // "b" "strong" | |
| // "em" | |
| // "sup" "sub" | |
| // "del" "strike" | |
| // "code" "pre"; | |
| // $type-colors: true; | |
| // $type-classes: false; | |
| // $type-classnames: "h1" "h2" "h3" "h4" "h5" "h6" "p" | |
| // "ul" "ol" "dl" | |
| // "q" "blockquote" "cite" | |
| // "small" "big" "large" | |
| // "b" "bold" "strong" | |
| // "em" "italic" | |
| // "sup" "sub" | |
| // "del" "strike" | |
| // "code" "pre" | |
| // "invalid" "valid" | |
| // "unstyled"; | |
| // $quote-color: $font-color; | |
| // $quote-background: $border-color; | |
| // $quote-font: "source-sans-pro"; | |
| // $styled-lists: true; | |
| // $multi-column-classes: true; | |
| // $multi-column-names: "one-column" "two-column" "three-column" "four-column" "five-column"; | |
| // $ui-states: "info" "alert" "warning" "error" "success" "question"; | |
| // $ui-icons: "\f05a" "\f06a" "\f071" "\f057" "\f058" "\f059"; | |
| // $ui-states-colors: $info-color $alert-color $warning-color $error-color $success-color $question-color; | |
| // $ui-states-color-classes: true; | |
| // $font-family: Helvetica, Arial, Geneva, sans-serif; | |
| // $font-size: 14px; | |
| // $line-height: 1.5; | |
| // $heading-line-height: 1.3; | |
| // $headings-font: nth($web-font-names, 1); | |
| // $links-underlined: false; | |
| // $links-active-underlined: true; | |
| // $link-type-icons: true; | |
| // $link-type-colors: true; | |
| // ============================================= | |
| // Misc | |
| // ============================================= | |
| // $default-radius: 4px; | |
| // ============================================= | |
| // Helpers | |
| // ============================================= | |
| // helpers | |
| // $positioning-classes: true; | |
| // $spacer-classes: true; | |
| // $spacer-helpers: "padded" "pad-top" "pad-right" "pad-bottom" "pad-left" | |
| // "gapped" "gap-top" "gap-right" "gap-bottom" "gap-left" | |
| // "offset" "offset-top" "offset-right" "offset-bottom" "offset-left"; | |
| // $spacer-mod-classes: true; | |
| // $spacer-modifiers: "half" "double" "triple"; | |
| // $size-classes: true; | |
| // $size-helpers: "small" "medium" "large"; | |
| // $layout-classes: true; | |
| // $layout-helpers: "inline" "inline-block" "block" | |
| // "hidden" | |
| // "zero" | |
| // "pull-right" "pull-left" "pull-none" "clear" | |
| // "center"; | |
| // $typography-classes: true; | |
| // $typography-helpers: "align-top" "align-right" "align-bottom" "align-left" "align-center" "justify" | |
| // "truncate" "unstyled"; | |
| // $border-classes: true; | |
| // $border-helpers: "bordered" "border-right" "border-left" "border-top" "border-bottom"; | |
| // $radius-classes: true; | |
| // $radius-helpers: "square" "round"; | |
| // $rotation-classes: true; | |
| // $rotation-helpers: "rotate-90" "rotate-90-ctr" "rotate-180" "rotate-180-ctr" "rotate-270" "rotate-270-ctr" "rotate-360" "rotate-360-ctr"; | |
| // $transition-classes: true; | |
| // ============================================= | |
| // CSS Reset | |
| // ============================================= | |
| // reset | |
| // $global-tags: true; | |
| // $reset: true; | |
| // $reset-elements: "html" "body" | |
| // "div" "span" "header" "footer" "aside" "nav" "menu" "main" "section" "article" "details" | |
| // "h1" "h2" "h3" "h4" "h5" "h6" "p" | |
| // "ol" "ul" "li" "dl" "dt" "dd" | |
| // "em" "small" "big" "strong" "b" "u" "i" "sub" "sup" "del" "strike" | |
| // "q" "blockquote" "cite" | |
| // "time" "address" | |
| // "code" "pre" | |
| // "a" "img" "center" "hr" | |
| // "form" "fieldset" "legend" "label" "input" "textarea" "button" | |
| // "table" "caption" "tbody" "thead" "tfoot" "tr" "th" "td" | |
| // "iframe" "object" "canvas" "audio" "video" "embed"; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment