diff --git a/public/_old/config.rb b/public/_old-files/v1/config.rb similarity index 100% rename from public/_old/config.rb rename to public/_old-files/v1/config.rb diff --git a/public/_old/favicon.ico b/public/_old-files/v1/favicon.ico similarity index 100% rename from public/_old/favicon.ico rename to public/_old-files/v1/favicon.ico diff --git a/public/_old/img/big-name-logo.png b/public/_old-files/v1/img/big-name-logo.png similarity index 100% rename from public/_old/img/big-name-logo.png rename to public/_old-files/v1/img/big-name-logo.png diff --git a/public/_old/img/digger.gif b/public/_old-files/v1/img/digger.gif similarity index 100% rename from public/_old/img/digger.gif rename to public/_old-files/v1/img/digger.gif diff --git a/public/_old/img/digger.png b/public/_old-files/v1/img/digger.png similarity index 100% rename from public/_old/img/digger.png rename to public/_old-files/v1/img/digger.png diff --git a/public/_old/img/laptop.png b/public/_old-files/v1/img/laptop.png similarity index 100% rename from public/_old/img/laptop.png rename to public/_old-files/v1/img/laptop.png diff --git a/public/_old/img/mmm.png b/public/_old-files/v1/img/mmm.png similarity index 100% rename from public/_old/img/mmm.png rename to public/_old-files/v1/img/mmm.png diff --git a/public/_old/img/work/accountsportal-full.jpg b/public/_old-files/v1/img/work/accountsportal-full.jpg similarity index 100% rename from public/_old/img/work/accountsportal-full.jpg rename to public/_old-files/v1/img/work/accountsportal-full.jpg diff --git a/public/_old/img/work/accountsportal-full.png b/public/_old-files/v1/img/work/accountsportal-full.png similarity index 100% rename from public/_old/img/work/accountsportal-full.png rename to public/_old-files/v1/img/work/accountsportal-full.png diff --git a/public/_old/img/work/big-name-doggysnooze.png b/public/_old-files/v1/img/work/big-name-doggysnooze.png similarity index 100% rename from public/_old/img/work/big-name-doggysnooze.png rename to public/_old-files/v1/img/work/big-name-doggysnooze.png diff --git a/public/_old/img/work/bigtodo-full.png b/public/_old-files/v1/img/work/bigtodo-full.png similarity index 100% rename from public/_old/img/work/bigtodo-full.png rename to public/_old-files/v1/img/work/bigtodo-full.png diff --git a/public/_old/img/work/doggysnooze.png b/public/_old-files/v1/img/work/doggysnooze.png similarity index 100% rename from public/_old/img/work/doggysnooze.png rename to public/_old-files/v1/img/work/doggysnooze.png diff --git a/public/_old/img/work/hvah-full.jpg b/public/_old-files/v1/img/work/hvah-full.jpg similarity index 100% rename from public/_old/img/work/hvah-full.jpg rename to public/_old-files/v1/img/work/hvah-full.jpg diff --git a/public/_old/img/work/kkw-full.png b/public/_old-files/v1/img/work/kkw-full.png similarity index 100% rename from public/_old/img/work/kkw-full.png rename to public/_old-files/v1/img/work/kkw-full.png diff --git a/public/_old/img/work/laravel_starter_book_cover.png b/public/_old-files/v1/img/work/laravel_starter_book_cover.png similarity index 100% rename from public/_old/img/work/laravel_starter_book_cover.png rename to public/_old-files/v1/img/work/laravel_starter_book_cover.png diff --git a/public/_old/img/work/mommeetmom-full.png b/public/_old-files/v1/img/work/mommeetmom-full.png similarity index 100% rename from public/_old/img/work/mommeetmom-full.png rename to public/_old-files/v1/img/work/mommeetmom-full.png diff --git a/public/_old/img/work/opm-thumb.jpg b/public/_old-files/v1/img/work/opm-thumb.jpg similarity index 100% rename from public/_old/img/work/opm-thumb.jpg rename to public/_old-files/v1/img/work/opm-thumb.jpg diff --git a/public/_old/img/work/picofin-full.jpg b/public/_old-files/v1/img/work/picofin-full.jpg similarity index 100% rename from public/_old/img/work/picofin-full.jpg rename to public/_old-files/v1/img/work/picofin-full.jpg diff --git a/public/_old/img/work/picofin-full.png b/public/_old-files/v1/img/work/picofin-full.png similarity index 100% rename from public/_old/img/work/picofin-full.png rename to public/_old-files/v1/img/work/picofin-full.png diff --git a/public/_old/img/work/picofin-thumb.jpg b/public/_old-files/v1/img/work/picofin-thumb.jpg similarity index 100% rename from public/_old/img/work/picofin-thumb.jpg rename to public/_old-files/v1/img/work/picofin-thumb.jpg diff --git a/public/_old/img/work/rcny-full.png b/public/_old-files/v1/img/work/rcny-full.png similarity index 100% rename from public/_old/img/work/rcny-full.png rename to public/_old-files/v1/img/work/rcny-full.png diff --git a/public/_old/img/work/screencloud-full.png b/public/_old-files/v1/img/work/screencloud-full.png similarity index 100% rename from public/_old/img/work/screencloud-full.png rename to public/_old-files/v1/img/work/screencloud-full.png diff --git a/public/_old/img/work/sw-full.jpg b/public/_old-files/v1/img/work/sw-full.jpg similarity index 100% rename from public/_old/img/work/sw-full.jpg rename to public/_old-files/v1/img/work/sw-full.jpg diff --git a/public/_old/img/work/sw-thumb.jpg b/public/_old-files/v1/img/work/sw-thumb.jpg similarity index 100% rename from public/_old/img/work/sw-thumb.jpg rename to public/_old-files/v1/img/work/sw-thumb.jpg diff --git a/public/_old/img/work/veroot-full.jpg b/public/_old-files/v1/img/work/veroot-full.jpg similarity index 100% rename from public/_old/img/work/veroot-full.jpg rename to public/_old-files/v1/img/work/veroot-full.jpg diff --git a/public/_old/img/work/veroot-thumb.jpg b/public/_old-files/v1/img/work/veroot-thumb.jpg similarity index 100% rename from public/_old/img/work/veroot-thumb.jpg rename to public/_old-files/v1/img/work/veroot-thumb.jpg diff --git a/public/_old/js/script.js b/public/_old-files/v1/js/script.js similarity index 100% rename from public/_old/js/script.js rename to public/_old-files/v1/js/script.js diff --git a/public/_old/js/vendor/html5shiv.js b/public/_old-files/v1/js/vendor/html5shiv.js similarity index 100% rename from public/_old/js/vendor/html5shiv.js rename to public/_old-files/v1/js/vendor/html5shiv.js diff --git a/public/_old/js/vendor/jquery.fittext.js b/public/_old-files/v1/js/vendor/jquery.fittext.js similarity index 100% rename from public/_old/js/vendor/jquery.fittext.js rename to public/_old-files/v1/js/vendor/jquery.fittext.js diff --git a/public/_old/sass/screen.scss b/public/_old-files/v1/sass/screen.scss similarity index 100% rename from public/_old/sass/screen.scss rename to public/_old-files/v1/sass/screen.scss diff --git a/public/_old/stylesheets/screen.css b/public/_old-files/v1/stylesheets/screen.css similarity index 100% rename from public/_old/stylesheets/screen.css rename to public/_old-files/v1/stylesheets/screen.css diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_articles.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_articles.scssc new file mode 100644 index 000000000..421597eff Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_articles.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_buttons.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_buttons.scssc new file mode 100644 index 000000000..13b749102 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_buttons.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_categories.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_categories.scssc new file mode 100644 index 000000000..c16d49200 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_categories.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_contributors.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_contributors.scssc new file mode 100644 index 000000000..4195d25b6 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_contributors.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_header.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_header.scssc new file mode 100644 index 000000000..e4fc01a8a Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_header.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_hero-section.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_hero-section.scssc new file mode 100644 index 000000000..f0eea2268 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_hero-section.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_meta.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_meta.scssc new file mode 100644 index 000000000..df12b0c6e Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_meta.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_post.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_post.scssc new file mode 100644 index 000000000..b9832879c Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_post.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_sidebar.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_sidebar.scssc new file mode 100644 index 000000000..3d1a51834 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_sidebar.scssc differ diff --git a/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_tags.scssc b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_tags.scssc new file mode 100644 index 000000000..7ea6c0645 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/4ed545a66736e8bf599511235d687ab6cea9a310/_tags.scssc differ diff --git a/public/_old-files/v2/.sass-cache/bc9269b80157bdc1452a544cb96172f9e01685ef/foundation.scssc b/public/_old-files/v2/.sass-cache/bc9269b80157bdc1452a544cb96172f9e01685ef/foundation.scssc new file mode 100644 index 000000000..5227c2eff Binary files /dev/null and b/public/_old-files/v2/.sass-cache/bc9269b80157bdc1452a544cb96172f9e01685ef/foundation.scssc differ diff --git a/public/_old-files/v2/.sass-cache/bfd356ba06f7983caa23a9b15cb36bc0ebdbbc55/_variables.scssc b/public/_old-files/v2/.sass-cache/bfd356ba06f7983caa23a9b15cb36bc0ebdbbc55/_variables.scssc new file mode 100644 index 000000000..ce52c6416 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/bfd356ba06f7983caa23a9b15cb36bc0ebdbbc55/_variables.scssc @@ -0,0 +1,2644 @@ +3.2.10 (Media Mark) +93c631ffe11dbaabfe0bafe2f34aaae156931509 +o:Sass::Tree::RootNode +:@template"// +// Foundation Variables +// + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +// $base-line-height: 150%; + +// This is the default html and body font-size for the base em value. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16 !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value) { + $value: strip-unit($value) / strip-unit($em-base) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) +// Just enter the number, no need to mention "px" +@function emCalc($values...) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1)); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i))); + } + @return $emValues; +} + +// Change whether or not you include browser prefixes +// $experimental: true; + +// Various global styles + +$default-float: left; + +// $body-bg: #fff; +// $body-font-color: #222; +// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $body-font-weight: normal; +// $body-font-style: normal; + +// Font-smoothing + +// $font-smoothing: antialiased; + +// Text direction settings + +// $text-direction: ltr; + +// Colors + +// $primary-color: #2ba6cb; +// $secondary-color: #e9e9e9; +// $alert-color: #c60f13; +// $success-color: #5da423; + +// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-global-classes: $include-html-classes; +// $include-html-inline-list-classes: $include-html-classes; +// $include-html-type-classes: $include-html-classes; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-custom-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-orbit-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-joyride-classes: $include-html-classes; +// $include-html-clearing-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-top-bar-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; +// $include-html-tooltip-classes: $include-html-classes; + +// Media Queries + +// $small-screen: 768px; +// $medium-screen: 1280px; +// $large-screen: 1440px; + +// $screen: "only screen"; +// $small: "only screen and (min-width: #{$small-screen})"; +// $medium: "only screen and (min-width: #{$medium-screen})"; +// $large: "only screen and (min-width: #{$large-screen})"; +// $landscape: "only screen and (orientation: landscape)"; +// $portrait: "only screen and (orientation: portrait)"; + +//// Cursors + +//Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; + +// $cursor-crosshair-value: "crosshair"; +// $cursor-default-value: "default"; +// $cursor-pointer-value: "pointer"; +// $cursor-help-value: "help"; + +// +// Grid Variables +// + +// $row-width: emCalc(1000); +// $column-gutter: emCalc(30); +// $total-columns: 12; + +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: emCalc(20); + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +// Control header font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +// Control header font sizes + +// $h1-font-size: emCalc(44); +// $h2-font-size: emCalc(37); +// $h3-font-size: emCalc(27); +// $h4-font-size: emCalc(23); +// $h5-font-size: emCalc(18); +// $h6-font-size: 1em; + +// Control how subheaders are styled. + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +// A general styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +// Style paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: emCalc(20); +// $paragraph-aside-font-size: emCalc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// Style tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +// Style anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +// Style the
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: emCalc(20); + +// Style lists + +// $list-style-position: outside; +// $list-side-margin: 0; +// $list-nested-margin: emCalc(20); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: emCalc(12); + +// Style blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: emCalc(9, 20, 0, 19); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: emCalc(13); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles + +// $acronym-underline: 1px dotted #ddd; + +// Control padding and margin + +// $microformat-padding: emCalc(10, 12); +// $microformat-margin: emCalc(0, 0, 20, 0); + +// Control the border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +// Control full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: emCalc(15); + +// Control the summary font styles + +// $microformat-summary-font-weight: bold; + +// Control abbr padding +// $microformat-abbr-padding: emCalc(0, 1); + +// Control abbr font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +// We use this to set the base for lots of form spacing and positioning styles + +// $form-spacing: emCalc(16); + +// We use these to style the labels in different ways + +// $form-label-pointer: pointer; +// $form-label-font-size: emCalc(14); +// $form-label-font-weight: 500; +// $form-label-font-color: lighten(#000, 30%); +// $form-label-bottom-margin: emCalc(3); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: emCalc(14); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: emCalc(20); +// $fieldset-margin: emCalc(18, 0); + +// We use these to style the legends when you use them + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: emCalc(0, 3); + +// We use these to style the prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +// We use these to style the error states for inputs and labels + +// $input-error-message-padding: emCalc(6, 4); +// $input-error-message-top: 0; +// $input-error-message-font-size: emCalc(12); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +// We use this to style the glowing effect of inputs when focused + +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// +// Button Variables +// + +// We use these to build padding for buttons. + +// $button-med: emCalc(12); +// $button-tny: emCalc(7); +// $button-sml: emCalc(9); +// $button-lrg: emCalc(16); + +// We use this to control the display property. + +// $button-display: inline-block; +// $button-margin-bottom: emCalc(20); + +// We use these to control button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: emCalc(16); +// $button-font-tny: emCalc(11); +// $button-font-sml: emCalc(13); +// $button-font-lrg: emCalc(20); +// $button-font-weight: bold; +// $button-font-align: center; + +// We use these to control various hover effects. + +// $button-function-factor: 10%; + +// We use these to control button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; + +// We use this to set the default radius used throughout the core. + +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Button Groups +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used + +// $button-bar-margin-opposite: emCalc(10); + +// +// Dropdown Button Variables +// + +// We use these to set the color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +// We use these to style tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-opposite-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); + +// We use these to style small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-opposite-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); + +// We use these to style medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + emCalc(3); +// $dropdown-button-pip-size-med: $button-med - emCalc(3); +// $dropdown-button-pip-opposite-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); + +// We use these to style large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); +// $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); + +// +// Split Button Variables +// + +// We use these to control different shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-default-float-tny: emCalc(-5); + +// We use these to control small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-default-float-sml: emCalc(-9); + +// We use these to control medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - emCalc(3); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-default-float-med: emCalc(-9); + +// We use these to control large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - emCalc(6); +// $split-button-pip-top-lrg: $button-lrg + emCalc(5); +// $split-button-pip-default-float-lrg: emCalc(-9); + +// +// Alert Box Variables +// + +// We use this to control alert padding. + +// $alert-padding-top: emCalc(11); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); +// $alert-padding-bottom: $alert-padding-top + emCalc(1); + +// We use these to control text style. + +// $alert-font-weight: bold; +// $alert-font-size: emCalc(14); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +// We use this for close hover effect. + +// $alert-function-factor: 10%; + +// We use these to control border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: emCalc(20); + +// We use these to style the close buttons + +// $alert-close-color: #333; +// $alert-close-position: emCalc(5); +// $alert-close-font-size: emCalc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +// We use this to control border radius + +// $alert-radius: $global-radius; + + +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +// We use these to set the padding around the breadcrumbs. + +// $crumb-padding: emCalc(9, 14, 9); +// $crumb-side-padding: emCalc(12); + +// We use these to control border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. + +// $crumb-font-size: emCalc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +// We use these to set the background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +// We use these to style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +// We use these to make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +// We use these to control the basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-border-size: 1px; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-input-size: 16px; +// $custom-form-check-color: #222; +// $custom-form-check-size: 16px; +// $custom-form-radio-size: 8px; +// $custom-form-checkbox-radius: 0px; + +// We use these to style the custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: emCalc(13) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: emCalc(20); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +// We use these to control the style of the custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: emCalc(14); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: auto; +// $custom-dropdown-list-padding: emCalc(4); +// $custom-dropdown-default-float-padding: emCalc(6); +// $custom-dropdown-opposite-padding: emCalc(38); +// $custom-dropdown-list-item-min-height: emCalc(24); +// $custom-dropdown-width-small: 134px; +// $custom-dropdown-width-medium: 254px; +// $custom-dropdown-width-large: 434px; + +// +// Dropdown Variables +// + +// We use these to controls height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +// We use this to control the background color + +// $f-dropdown-bg: #fff; + +// We use this to set the border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +// We use these to style the triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: emCalc(14); +// $f-dropdown-list-padding: emCalc(5, 10); +// $f-dropdown-line-height: emCalc(18); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + +// $f-dropdown-content-padding: emCalc(20); + +// +// Flex Video Variables +// + +// We use these to control video container padding and margins + +// $flex-video-padding-top: emCalc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: emCalc(16); + +// We use this to control widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +// We use this to control the margins and padding of the inline list. + +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: emCalc(17); +// $inline-list-default-float-margin: emCalc(-22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. + +// $inline-list-overflow: hidden; + +// We use this to control the list items + +// $inline-list-display: block; + +// We use this to control any elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +// Controlling default Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: emCalc(18, 20, 24); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip dont styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: emCalc(14); +// $joyride-tip-header-weight: bold; + +// This changes the nub size + +// $joyride-tip-nub-size: 14px; + +// This adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +// This changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +// When Joyride is filling the screen, we use this style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +// We use these to control text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: emCalc(14); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +// We use this to control keystroke padding. + +// $keystroke-padding: emCalc(2, 4, 0); + +// We use these to control background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +// We use these to style the labels + +// $label-padding: emCalc(3, 10, 4); +// $label-radius: $global-radius; + +// We use these to style the label text + +// $label-font-sizing: emCalc(14); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +// We use these to control the caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg-old: rgb(0,0,0); +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; + +// We use these to control the left/right nav styles + +// $orbit-nav-bg-old: rgb(0,0,0); +// $orbit-nav-bg: rgba(0,0,0,0.6); + +// We use these to control the timer styles + +// $orbit-timer-bg-old: rgb(0,0,0); +// $orbit-timer-bg: rgba(0,0,0,0.6); + +// We use these to control the bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #555; + +// We use thes to controls the style of slide numbers + +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: emCalc(5px); + +// Graceful Loading Wrapper and preloader + +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// +// Pagination Variables +// + +// We use these to control the pagination container + +// $pagination-height: emCalc(24); +// $pagination-margin: emCalc(-5); + +// We use these to set the list-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: emCalc(24); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: emCalc(14); +// $pagination-li-margin: emCalc(5); + +// We use these for the pagination anchor links + +// $pagination-link-pad: emCalc(1, 7, 1); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +// We use these for disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +// We use these to control the background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +// We use these to set default inner padding and bottom margin + +// $panel-margin-bottom: emCalc(20); +// $panel-padding: emCalc(20); + +// We use these to set default font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// $panel-header-adjust: true; + +// +// Pricing Table Variables +// + +// We use this to control the border color + +// $price-table-border: solid 1px #ddd; + +// We use this to control the bottom margin of the pricing table + +// $price-table-margin-bottom: emCalc(20); + +// We use these to control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: emCalc(15, 20); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: emCalc(16); + +// We use these to control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: emCalc(15, 20); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: emCalc(20); + +// We use these to control the description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: emCalc(15); +// $price-desc-align: center; +// $price-desc-font-size: emCalc(12); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +// We use these to control the list item styles + +// $price-item-color: #333; +// $price-item-padding: emCalc(15); +// $price-item-align: center; +// $price-item-font-size: emCalc(14); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +// We use these to control the CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: emCalc(20, 20, 0); + +// +// Progress Bar Variables +// + +// We use this to se the prog bar height + +// $progress-bar-height: emCalc(25); +// $progress-bar-color: transparent; + +// We use these to control the border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding + +// $progress-bar-pad: emCalc(2); +// $progress-bar-margin-bottom: emCalc(10); + +// We use these to set the meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +// We use these to control the style of the reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +// We use these to control the style of the modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: emCalc(20); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +// We use these to style the reveal close button + +// $reveal-close-font-size: emCalc(22); +// $reveal-close-top: emCalc(8); +// $reveal-close-side: emCalc(11); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +// We use these to control the modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// +// Section Variables +// + +// We use these to set padding and hover factor + +// $section-title-padding: emCalc(15); +// $section-content-padding: emCalc(15); +// $section-function-factor: 10%; + +// These style the titles + +// $section-title-color: #333; +// $section-title-color-active: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; +// $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); + +// Want to control border size, here ya go! + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +// Font controls + +// $section-font-size: emCalc(14); + +// Control the color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: emCalc(200); +// $section-vertical-tabs-title-width: emCalc(200); +// $section-bottom-margin: emCalc(20); + +// $title-selector: ".title"; +// $content-selector: ".content"; +// $active-region-selector: ".active"; + +// +// Side Nav Variables +// + +// We use this to control padding. + +// $side-nav-padding: emCalc(14, 0); + +// We use these to control list styles. + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: emCalc(0, 0, 7, 0); + +// We use these to control link styles. + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: emCalc(14); +// $side-nav-font-weight: bold; + +// We use these to control border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +// We use these to control margin and padding + +// $sub-nav-list-margin: emCalc(-4, 0, 18); +// $sub-nav-list-padding-top: emCalc(4); + +// We use this to control the definition + +// $sub-nav-font-size: emCalc(14); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: emCalc(3, 9); +// $sub-nav-active-cursor: default; + +// +// Switch Variables +// + +// Controlling border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +// We use these to control the switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: emCalc(20); + +// We use these to control default font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +// We use these to style the switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +// These control the background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +// These control the table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +// These control the table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: emCalc(14); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: emCalc(8, 10, 10); + +// These control the row padding and font styles + +// $table-row-padding: emCalc(9, 10); +// $table-row-font-size: emCalc(14); +// $table-row-font-color: #222; +// $table-line-height: emCalc(18); + +// These are for controlling the display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: emCalc(20); + +// +// Image Thumbnail Variables +// + +// We use these to control border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: emCalc(8); +// $tooltip-bg: #000; +// $tooltip-font-size: emCalc(15); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: emCalc(10); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: emCalc(14); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; + +// +// Top Bar Variables +// + +// Background color for the top bar + +// $topbar-bg: #111; + +// Height and margin + +// $topbar-height: 45px; +// $topbar-margin-bottom: emCalc(30); + +// Control Input height for top bar + +// $topbar-input-height: 2.45em; + +// Controlling the styles for the title in the top bar + +// $topbar-title-weight: bold; +// $topbar-title-font-size: emCalc(17); + +// Style the top bar dropdown elements + +// $topbar-dropdown-bg: #222; +// $topbar-dropdown-link-color: #fff; +// $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: #fff; +// $topbar-dropdown-toggle-alpha: 0.5; + +// Set the link colors and styles for top-level nav + +// $topbar-link-color: #fff; +// $topbar-link-color-hover: #fff; +// $topbar-link-color-active: #fff; +// $topbar-link-weight: bold; +// $topbar-link-font-size: emCalc(13); +// $topbar-link-hover-lightness: -30%; // Darken by 30% +// $topbar-link-bg-hover: darken($topbar-bg, 3%); +// $topbar-link-bg-active: darken($topbar-bg, 3%); + +// $topbar-dropdown-label-color: #555; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: bold; +// $topbar-dropdown-label-font-size: emCalc(10); + +// Top menu icon styles + +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: emCalc(13); +// $topbar-menu-link-weight: bold; +// $topbar-menu-link-color: #fff; +// $topbar-menu-icon-color: #fff; +// $topbar-menu-link-color-toggled: #888; +// $topbar-menu-icon-color-toggled: #888; + +// Transitions and breakpoint styles + +// $topbar-transition-speed: 300ms; +// $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; + +// Divider Styles + +// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); +// $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); + +// Sticky Class + +// $topbar-sticky-class: ".sticky"; +: +@linei: @options{:@has_childrenT:@children[xo:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["%/* + * Foundation Variables + * */o; +;i +;@; ; ; +[;["/* The default font-size is set to 100% of the browser style sheet (usually 16px) + * for compatibility with browser-based text zoom or user-set defaults. */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"base-font-size: +@expro:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units["%:@original" 100%;ii; +[o; +;i;@; ; ; +[;["^/* $base-line-height is 24px while $base-font-size is 16px + * $base-line-height: 150%; */o; +;i;@; ; ; +[;["M/* This is the default html and body font-size for the base em value. */o; +;i;@; ; ; +[;["/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. + * If you want your base font-size to be a different size and not have it effect grid size too, + * set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */o; ;i;" !default;@;" em-base;o; ;i;@;[;[;"16;i; +[o; +;i;@; ; ; +[;["7/* It strips the unit of measure and returns it */o:Sass::Tree::FunctionNode ;i;@;"strip-unit; T; +[o:Sass::Tree::ReturnNode ;i;@;o:Sass::Script::Operation +;i:@operand1o:Sass::Script::Variable ;i;@;"num:@underscored_name"num;@:@operator:div:@operand2o; +;i;o; +;i;o; ;i;@;"num;"num;@;: +times;o; ;i;@;@*;[;"0;i;@;: plus;o; ;i;@;@*;[;"1;i; +[: @splat0: +@args[[o;;@;"num;"num0o; +;i;@; ; ; +[;["5/* Converts "px" to "em" using the ($)em-base */o; ;i;@;"convert-to-em; T; +[ o; ;i;0;@;" +value;o; +;i;o; +;i;o:Sass::Script::Funcall :@keywords{;i;@;"strip-unit;"0;#[o; ;i;@;" +value;" +value;@;;;o;$ ;%{;i;@;"strip-unit;"0;#[o; ;i;@;" em-base;" em_base;@;; ;o; ;i;@;[;["em;"1em;i; +[u:Sass::Tree::IfNodew[o:Sass::Script::Operation +: +@linei :@operand1o:Sass::Script::Variable ;i : @options{: +@name" +value:@underscored_name" +value; @:@operator:eq:@operand2o:Sass::Script::Number ;i ; @:@denominator_units[:@numerator_units["em:@original"0em: @valuei0[o:Sass::Tree::VariableNode ;i : @guarded0; @; +" +value: +@expro; ;i ; @;[;[;"0;i:@children[o; +;i ;@; ; ; +[;["/* Turn 0em into 0 */o; ;i!;@;o; ;i!;@;" +value;" +value; +[;"0;#[[o;;@;" +value;" +value0o; +;i$;@; ; ; +[;["/* Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) + * Just enter the number, no need to mention "px" */o; ;i&;@;" emCalc; T; +[ o; ;i';0;@;"max;o;$ ;%{;i';@;" length;"0;#[o; ;i';@;" values;" values; +[o; +;i';@; ; ; +[;["4/* Get the total number of parameters passed */o; +;i);@; ; ; +[;["/* If there is only 1 parameter, then return it as an integer. + * This is done because a list can't be multiplied or divided even if it contains a single value */u;&[o:Sass::Script::Operation +: +@linei+:@operand1o:Sass::Script::Variable ;i+: @options{: +@name"max:@underscored_name"max; @:@operator:eq:@operand2o:Sass::Script::Number ;i+; @:@denominator_units[:@numerator_units[:@original"1: @valuei0[o:Sass::Tree::ReturnNode ;i+; @: +@expro:Sass::Script::Funcall :@keywords{;i+; @; +"convert-to-em: @splat0: +@args[o; ;{;i+; @; +"nth;0;[o; ;i+; @; +" values; " valueso; ;i+; @;@ ;[;"1;i:@children[o; ;i-;0;@;" emValues;o:Sass::Script::List :@separator: +space;i-;@;[; +[o; +;i-;@; ; ; +[;["E/* This will eventually store the converted $values in a list */o:Sass::Tree::ForNode : +@fromo; ;i.;@;@*;[;"1;i;i.;@: @var"i; T; +[o; ;i/;0;@;" emValues;o;$ ;%{;i/;@;" append;"0;#[o; ;i/;@;" emValues;" emValueso;$ ;%{;i/;@;"convert-to-em;"0;#[o;$ ;%{;i/;@;"nth;"0;#[o; ;i/;@;" values;" valueso; ;i/;@;"i;"i; +[:@too; ;i.;@;"max;"max:@exclusiveFo; ;i1;@;o; ;i1;@;" emValues;" emValues; +[;"o;;{;" values;" values;#[o; +;i4;@; ; ; +[;["U/* Change whether or not you include browser prefixes + * $experimental: true; */o; +;i7;@; ; ; +[;[" /* Various global styles */o; ;i9;0;@;"default-float;o:Sass::Script::String ;i9;@; :identifier;" left; +[o; +;i;;@; ; ; +[;["/* $body-bg: #fff; + * $body-font-color: #222; + * $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + * $body-font-weight: normal; + * $body-font-style: normal; */o; +;iA;@; ; ; +[;["/* Font-smoothing */o; +;iC;@; ; ; +[;["(/* $font-smoothing: antialiased; */o; +;iE;@; ; ; +[;[""/* Text direction settings */o; +;iG;@; ; ; +[;[" /* $text-direction: ltr; */o; +;iI;@; ; ; +[;["/* Colors */o; +;iK;@; ; ; +[;["w/* $primary-color: #2ba6cb; + * $secondary-color: #e9e9e9; + * $alert-color: #c60f13; + * $success-color: #5da423; */o; +;iP;@; ; ; +[;["G/* Make sure border radius matches unless we want it different. */o; +;iR;@; ; ; +[;[";/* $global-radius: 3px; + * $global-rounded: 1000px; */o; +;iU;@; ; ; +[;["4/* Inset shadow shiny edges and depressions. */o; +;iW;@; ; ; +[;["x/* $shiny-edge-size: 0 1px 0; + * $shiny-edge-color: rgba(#fff, .5); + * $shiny-edge-active-color: rgba(#000, .2); */o; +;i[;@; ; ; +[;["L/* Control whether or not CSS classes come through in the CSS files. */o; +;i];@; ; ; +[;["U/* $include-html-classes: true; + * $include-print-styles: true; + * $include-html-global-classes: $include-html-classes; + * $include-html-inline-list-classes: $include-html-classes; + * $include-html-type-classes: $include-html-classes; + * $include-html-grid-classes: $include-html-classes; + * $include-html-visibility-classes: $include-html-classes; + * $include-html-button-classes: $include-html-classes; + * $include-html-form-classes: $include-html-classes; + * $include-html-custom-form-classes: $include-html-classes; + * $include-html-media-classes: $include-html-classes; + * $include-html-section-classes: $include-html-classes; + * $include-html-orbit-classes: $include-html-classes; + * $include-html-reveal-classes: $include-html-classes; + * $include-html-joyride-classes: $include-html-classes; + * $include-html-clearing-classes: $include-html-classes; + * $include-html-alert-classes: $include-html-classes; + * $include-html-nav-classes: $include-html-classes; + * $include-html-top-bar-classes: $include-html-classes; + * $include-html-label-classes: $include-html-classes; + * $include-html-panel-classes: $include-html-classes; + * $include-html-pricing-classes: $include-html-classes; + * $include-html-progress-classes: $include-html-classes; + * $include-html-magellan-classes: $include-html-classes; + * $include-html-tooltip-classes: $include-html-classes; */o; +;iw;@; ; ; +[;["/* Media Queries */o; +;iy;@; ; ; +[;["U/* $small-screen: 768px; + * $medium-screen: 1280px; + * $large-screen: 1440px; */o; +;i};@; ; ; +[;["G/* $screen: "only screen"; + * $small: "only screen and (min-width: #{$small-screen})"; + * $medium: "only screen and (min-width: #{$medium-screen})"; + * $large: "only screen and (min-width: #{$large-screen})"; + * $landscape: "only screen and (orientation: landscape)"; + * $portrait: "only screen and (orientation: portrait)"; */o; +;i;@; ; ; +[;["/*// Cursors */o; +;i;@; ; ; +[;["/*Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; */o; +;i;@; ; ; +[;["/* $cursor-crosshair-value: "crosshair"; + * $cursor-default-value: "default"; + * $cursor-pointer-value: "pointer"; + * $cursor-help-value: "help"; */o; +;i;@; ; ; +[;["/* + * Grid Variables + * */o; +;i;@; ; ; +[;["Z/* $row-width: emCalc(1000); + * $column-gutter: emCalc(30); + * $total-columns: 12; */o; +;i;@; ; ; +[;["%/* + * Block Grid Variables + * */o; +;i;@; ; ; +[;["S/* We use this to control the maximum number of block grid elements per row */o; +;i;@; ; ; +[;["P/* $block-grid-elements: 12; + * $block-grid-default-spacing: emCalc(20); */o; +;i;@; ; ; +[;["_/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */o; +;i;@; ; ; +[;["+/* $block-grid-media-queries: true; */o; +;i;@; ; ; +[;["%/* + * Typography Variables + * */o; +;i;@; ; ; +[;["%/* Control header font styles */o; +;i;@; ; ; +[;[":/* $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + * $header-font-weight: bold; + * $header-font-style: normal; + * $header-font-color: #222; + * $header-line-height: 1.4; + * $header-top-margin: .2em; + * $header-bottom-margin: .5em; + * $header-text-rendering: optimizeLegibility; */o; +;i;@; ; ; +[;["$/* Control header font sizes */o; +;i;@; ; ; +[;["/* $h1-font-size: emCalc(44); + * $h2-font-size: emCalc(37); + * $h3-font-size: emCalc(27); + * $h4-font-size: emCalc(23); + * $h5-font-size: emCalc(18); + * $h6-font-size: 1em; */o; +;i;@; ; ; +[;["-/* Control how subheaders are styled. */o; +;i;@; ; ; +[;["/* $subheader-line-height: 1.4; + * $subheader-font-color: lighten($header-font-color, 30%); + * $subheader-font-weight: 300; + * $subheader-top-margin: .2em; + * $subheader-bottom-margin: .5em; */o; +;i;@; ; ; +[;["$/* A general styling */o; +;i;@; ; ; +[;["Y/* $small-font-size: 60%; + * $small-font-color: lighten($header-font-color, 30%); */o; +;i;@; ; ; +[;["/* Style paragraphs */o; +;i;@; ; ; +[;["\/* $paragraph-font-family: inherit; + * $paragraph-font-weight: normal; + * $paragraph-font-size: 1em; + * $paragraph-line-height: 1.6; + * $paragraph-margin-bottom: emCalc(20); + * $paragraph-aside-font-size: emCalc(14); + * $paragraph-aside-line-height: 1.35; + * $paragraph-aside-font-style: italic; + * $paragraph-text-rendering: optimizeLegibility; */o; +;i;@; ; ; +[;["/* Style tags */o; +;i;@; ; ; +[;["/* $code-color: darken($alert-color, 15%); + * $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; + * $code-font-weight: bold; */o; +;i;@; ; ; +[;["/* Style anchors */o; +;i;@; ; ; +[;["/* $anchor-text-decoration: none; + * $anchor-font-color: $primary-color; + * $anchor-font-color-hover: darken($primary-color, 5%); */o; +;i;@; ; ; +[;["!/* Style the
element */o; +;i;@; ; ; +[;["s/* $hr-border-width: 1px; + * $hr-border-style: solid; + * $hr-border-color: #ddd; + * $hr-margin: emCalc(20); */o; +;i;@; ; ; +[;["/* Style lists */o; +;i;@; ; ; +[;["/* $list-style-position: outside; + * $list-side-margin: 0; + * $list-nested-margin: emCalc(20); + * $definition-list-header-weight: bold; + * $definition-list-header-margin-bottom: .3em; + * $definition-list-margin-bottom: emCalc(12); */o; +;i;@; ; ; +[;["/* Style blockquotes */o; +;i;@; ; ; +[;[">/* $blockquote-font-color: lighten($header-font-color, 30%); + * $blockquote-padding: emCalc(9, 20, 0, 19); + * $blockquote-border: 1px solid #ddd; + * $blockquote-cite-font-size: emCalc(13); + * $blockquote-cite-font-color: lighten($header-font-color, 20%); + * $blockquote-cite-link-color: $blockquote-cite-font-color; */o; +;i;@; ; ; +[;["/* Acronym styles */o; +;i;@; ; ; +[;["//* $acronym-underline: 1px dotted #ddd; */o; +;i;@; ; ; +[;["%/* Control padding and margin */o; +;i;@; ; ; +[;["]/* $microformat-padding: emCalc(10, 12); + * $microformat-margin: emCalc(0, 0, 20, 0); */o; +;i;@; ; ; +[;["$/* Control the border styles */o; +;i;@; ; ; +[;["s/* $microformat-border-width: 1px; + * $microformat-border-style: solid; + * $microformat-border-color: #ddd; */o; +;i;@; ; ; +[;["(/* Control full name font styles */o; +;i;@; ; ; +[;["c/* $microformat-fullname-font-weight: bold; + * $microformat-fullname-font-size: emCalc(15); */o; +;i;@; ; ; +[;["*/* Control the summary font styles */o; +;i ;@; ; ; +[;["2/* $microformat-summary-font-weight: bold; */o; +;i ;@; ; ; +[;["K/* Control abbr padding + * $microformat-abbr-padding: emCalc(0, 1); */o; +;i;@; ; ; +[;["#/* Control abbr font styles */o; +;i;@; ; ; +[;["[/* $microformat-abbr-font-weight: bold; + * $microformat-abbr-font-decoration: none; */o; +;i;@; ; ; +[;["/* + * Form Variables + * */o; +;i;@; ; ; +[;["V/* We use this to set the base for lots of form spacing and positioning styles */o; +;i;@; ; ; +[;["%/* $form-spacing: emCalc(16); */o; +;i;@; ; ; +[;["=/* We use these to style the labels in different ways */o; +;i;@; ; ; +[;["/* $form-label-pointer: pointer; + * $form-label-font-size: emCalc(14); + * $form-label-font-weight: 500; + * $form-label-font-color: lighten(#000, 30%); + * $form-label-bottom-margin: emCalc(3); + * $input-font-family: inherit; + * $input-font-color: rgba(0,0,0,0.75); + * $input-font-size: emCalc(14); + * $input-bg-color: #fff; + * $input-focus-bg-color: darken(#fff, 2%); + * $input-border-color: darken(#fff, 20%); + * $input-focus-border-color: darken(#fff, 40%); + * $input-border-style: solid; + * $input-border-width: 1px; + * $input-disabled-bg: #ddd; + * $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + * $input-include-glowing-effect: true; */o; +;i/;@; ; ; +[;["A/* We use these to style the fieldset border and spacing. */o; +;i1;@; ; ; +[;["/* $fieldset-border-style: solid; + * $fieldset-border-width: 1px; + * $fieldset-border-color: #ddd; + * $fieldset-padding: emCalc(20); + * $fieldset-margin: emCalc(18, 0); */o; +;i7;@; ; ; +[;[">/* We use these to style the legends when you use them */o; +;i9;@; ; ; +[;["\/* $legend-bg: #fff; + * $legend-font-weight: bold; + * $legend-padding: emCalc(0, 3); */o; +;i=;@; ; ; +[;["F/* We use these to style the prefix and postfix input elements */o; +;i?;@; ; ; +[;["/* $input-prefix-bg: darken(#fff, 5%); + * $input-prefix-border-color: darken(#fff, 20%); + * $input-prefix-border-size: 1px; + * $input-prefix-border-type: solid; + * $input-prefix-overflow: hidden; + * $input-prefix-font-color: #333; + * $input-prefix-font-color-alt: #fff; */o; +;iG;@; ; ; +[;["G/* We use these to style the error states for inputs and labels */o; +;iI;@; ; ; +[;["/* $input-error-message-padding: emCalc(6, 4); + * $input-error-message-top: 0; + * $input-error-message-font-size: emCalc(12); + * $input-error-message-font-weight: bold; + * $input-error-message-font-color: #fff; + * $input-error-message-font-color-alt: #333; */o; +;iP;@; ; ; +[;["I/* We use this to style the glowing effect of inputs when focused */o; +;iR;@; ; ; +[;["a/* $glowing-effect-fade-time: 0.45s; + * $glowing-effect-color: $input-focus-border-color; */o; +;iU;@; ; ; +[;["!/* + * Button Variables + * */o; +;iY;@; ; ; +[;["5/* We use these to build padding for buttons. */o; +;i[;@; ; ; +[;["u/* $button-med: emCalc(12); + * $button-tny: emCalc(7); + * $button-sml: emCalc(9); + * $button-lrg: emCalc(16); */o; +;i`;@; ; ; +[;["7/* We use this to control the display property. */o; +;ib;@; ; ; +[;["O/* $button-display: inline-block; + * $button-margin-bottom: emCalc(20); */o; +;ie;@; ; ; +[;["6/* We use these to control button text styles. */o; +;ig;@; ; ; +[;[""/* $button-font-family: inherit; + * $button-font-color: #fff; + * $button-font-color-alt: #333; + * $button-font-med: emCalc(16); + * $button-font-tny: emCalc(11); + * $button-font-sml: emCalc(13); + * $button-font-lrg: emCalc(20); + * $button-font-weight: bold; + * $button-font-align: center; */o; +;iq;@; ; ; +[;["9/* We use these to control various hover effects. */o; +;is;@; ; ; +[;["(/* $button-function-factor: 10%; */o; +;iu;@; ; ; +[;["8/* We use these to control button border styles. */o; +;iw;@; ; ; +[;["E/* $button-border-width: 1px; + * $button-border-style: solid; */o; +;iz;@; ; ; +[;["J/* We use this to set the default radius used throughout the core. */o; +;i|;@; ; ; +[;["M/* $button-radius: $global-radius; + * $button-round: $global-rounded; */o; +;i;@; ; ; +[;["C/* We use this to set default opacity for disabled buttons. */o; +;i;@; ; ; +[;[")/* $button-disabled-opacity: 0.6; */o; +;i;@; ; ; +[;["/* + * Button Groups + * */o; +;i;@; ; ; +[;["p/* Sets the margin for the right side by default, and the left margin if right-to-left direction is used */o; +;i;@; ; ; +[;["3/* $button-bar-margin-opposite: emCalc(10); */o; +;i;@; ; ; +[;["*/* + * Dropdown Button Variables + * */o; +;i;@; ; ; +[;["G/* We use these to set the color of the pip in dropdown buttons */o; +;i;@; ; ; +[;["U/* $dropdown-button-pip-color: #fff; + * $dropdown-button-pip-color-alt: #333; */o; +;i;@; ; ; +[;["6/* We use these to style tiny dropdown buttons */o; +;i;@; ; ; +[;["/* $dropdown-button-padding-tny: $button-tny * 5; + * $dropdown-button-pip-size-tny: $button-tny; + * $dropdown-button-pip-opposite-tny: $button-tny * 2; + * $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); */o; +;i;@; ; ; +[;["7/* We use these to style small dropdown buttons */o; +;i;@; ; ; +[;["/* $dropdown-button-padding-sml: $button-sml * 5; + * $dropdown-button-pip-size-sml: $button-sml; + * $dropdown-button-pip-opposite-sml: $button-sml * 2; + * $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); */o; +;i;@; ; ; +[;["8/* We use these to style medium dropdown buttons */o; +;i;@; ; ; +[;["/* $dropdown-button-padding-med: $button-med * 4 + emCalc(3); + * $dropdown-button-pip-size-med: $button-med - emCalc(3); + * $dropdown-button-pip-opposite-med: $button-med * 2; + * $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); */o; +;i;@; ; ; +[;["7/* We use these to style large dropdown buttons */o; +;i;@; ; ; +[;["/* $dropdown-button-padding-lrg: $button-lrg * 4; + * $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); + * $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); + * $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); */o; +;i;@; ; ; +[;["'/* + * Split Button Variables + * */o; +;i;@; ; ; +[;["L/* We use these to control different shared styles for Split Buttons */o; +;i;@; ; ; +[;["/* $split-button-function-factor: 15%; + * $split-button-pip-color: #fff; + * $split-button-pip-color-alt: #333; + * $split-button-active-bg-tint: rgba(0,0,0,0.1); */o; +;i;@; ; ; +[;["5/* We use these to control tiny split buttons */o; +;i;@; ; ; +[;["/* $split-button-padding-tny: $button-tny * 9; + * $split-button-span-width-tny: $button-tny * 6.5; + * $split-button-pip-size-tny: $button-tny; + * $split-button-pip-top-tny: $button-tny * 2; + * $split-button-pip-default-float-tny: emCalc(-5); */o; +;i;@; ; ; +[;["6/* We use these to control small split buttons */o; +;i;@; ; ; +[;["/* $split-button-padding-sml: $button-sml * 7; + * $split-button-span-width-sml: $button-sml * 5; + * $split-button-pip-size-sml: $button-sml; + * $split-button-pip-top-sml: $button-sml * 1.5; + * $split-button-pip-default-float-sml: emCalc(-9); */o; +;i;@; ; ; +[;["7/* We use these to control medium split buttons */o; +;i;@; ; ; +[;["/* $split-button-padding-med: $button-med * 6.4; + * $split-button-span-width-med: $button-med * 4; + * $split-button-pip-size-med: $button-med - emCalc(3); + * $split-button-pip-top-med: $button-med * 1.5; + * $split-button-pip-default-float-med: emCalc(-9); */o; +;i;@; ; ; +[;["6/* We use these to control large split buttons */o; +;i;@; ; ; +[;[" /* $split-button-padding-lrg: $button-lrg * 6; + * $split-button-span-width-lrg: $button-lrg * 3.75; + * $split-button-pip-size-lrg: $button-lrg - emCalc(6); + * $split-button-pip-top-lrg: $button-lrg + emCalc(5); + * $split-button-pip-default-float-lrg: emCalc(-9); */o; +;i;@; ; ; +[;["$/* + * Alert Box Variables + * */o; +;i;@; ; ; +[;["0/* We use this to control alert padding. */o; +;i;@; ; ; +[;["/* $alert-padding-top: emCalc(11); + * $alert-padding-default-float: $alert-padding-top; + * $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); + * $alert-padding-bottom: $alert-padding-top + emCalc(1); */o; +;i;@; ; ; +[;["./* We use these to control text style. */o; +;i;@; ; ; +[;["/* $alert-font-weight: bold; + * $alert-font-size: emCalc(14); + * $alert-font-color: #fff; + * $alert-font-color-alt: darken($secondary-color, 60%); */o; +;i;@; ; ; +[;["./* We use this for close hover effect. */o; +;i;@; ; ; +[;["'/* $alert-function-factor: 10%; */o; +;i;@; ; ; +[;["1/* We use these to control border styles. */o; +;i;@; ; ; +[;["/* $alert-border-style: solid; + * $alert-border-width: 1px; + * $alert-border-color: darken($primary-color, $alert-function-factor); + * $alert-bottom-margin: emCalc(20); */o; +;i;@; ; ; +[;["2/* We use these to style the close buttons */o; +;i;@; ; ; +[;["/* $alert-close-color: #333; + * $alert-close-position: emCalc(5); + * $alert-close-font-size: emCalc(22); + * $alert-close-opacity: 0.3; + * $alert-close-opacity-hover: 0.5; + * $alert-close-padding: 5px 4px 4px; */o; +;i;@; ; ; +[;["//* We use this to control border radius */o; +;i;@; ; ; +[;[")/* $alert-radius: $global-radius; */o; +;i;@; ; ; +[;["%/* + * Breadcrumb Variables + * */o; +;i +;@; ; ; +[;["P/* We use this to set the background color for the breadcrumb container. */o; +;i ;@; ; ; +[;["4/* $crumb-bg: lighten($secondary-color, 5%); */o; +;i;@; ; ; +[;["B/* We use these to set the padding around the breadcrumbs. */o; +;i;@; ; ; +[;["P/* $crumb-padding: emCalc(9, 14, 9); + * $crumb-side-padding: emCalc(12); */o; +;i;@; ; ; +[;["1/* We use these to control border styles. */o; +;i;@; ; ; +[;["/* $crumb-function-factor: 10%; + * $crumb-border-size: 1px; + * $crumb-border-style: solid; + * $crumb-border-color: darken($crumb-bg, $crumb-function-factor); + * $crumb-radius: $global-radius; */o; +;i;@; ; ; +[;["C/* We use these to set various text styles for breadcrumbs. */o; +;i;@; ; ; +[;["/* $crumb-font-size: emCalc(11); + * $crumb-font-color: $primary-color; + * $crumb-font-color-current: #333; + * $crumb-font-color-unavailable: #999; + * $crumb-font-transform: uppercase; + * $crumb-link-decor: underline; */o; +;i$;@; ; ; +[;["@/* We use these to control the slash between breadcrumbs */o; +;i&;@; ; ; +[;[":/* $crumb-slash-color: #aaa; + * $crumb-slash: "/"; */o; +;i);@; ; ; +[;["#/* + * Clearing Variables + * */o; +;i-;@; ; ; +[;["K/* We use these to set the background colors for parts of Clearing. */o; +;i/;@; ; ; +[;["/* $clearing-bg: #111; + * $clearing-caption-bg: $clearing-bg; + * $clearing-carousel-bg: #111; + * $clearing-img-bg: $clearing-bg; */o; +;i4;@; ; ; +[;["1/* We use these to style the close button */o; +;i6;@; ; ; +[;["F/* $clearing-close-color: #fff; + * $clearing-close-size: 40px; */o; +;i9;@; ; ; +[;["+/* We use these to style the arrows */o; +;i;;@; ; ; +[;["W/* $clearing-arrow-size: 16px; + * $clearing-arrow-color: $clearing-close-color; */o; +;i>;@; ; ; +[;[")/* We use these to style captions */o; +;i@;@; ; ; +[;["W/* $clearing-caption-font-color: #fff; + * $clearing-caption-padding: 10px 30px; */o; +;iC;@; ; ; +[;["G/* We use these to make the image and carousel height and style */o; +;iE;@; ; ; +[;["/* $clearing-active-img-height: 75%; + * $clearing-carousel-height: 150px; + * $clearing-carousel-thumb-width: 175px; + * $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); */o; +;iJ;@; ; ; +[;["&/* + * Custom Form Variables + * */o; +;iN;@; ; ; +[;["E/* We use these to control the basic form styles input styles */o; +;iP;@; ; ; +[;["3/* $custom-form-border-color: #ccc; + * $custom-form-border-size: 1px; + * $custom-form-bg: #fff; + * $custom-form-bg-disabled: #ddd; + * $custom-form-input-size: 16px; + * $custom-form-check-color: #222; + * $custom-form-check-size: 16px; + * $custom-form-radio-size: 8px; + * $custom-form-checkbox-radius: 0px; */o; +;iZ;@; ; ; +[;["@/* We use these to style the custom select form element. */o; +;i\;@; ; ; +[;["/* $custom-select-bg: #fff; + * $custom-select-fade-to-color: #f3f3f3; + * $custom-select-border-color: #ddd; + * $custom-select-triangle-color: #aaa; + * $custom-select-triangle-color-open: #222; + * $custom-select-height: emCalc(13) + ($form-spacing * 1.5); + * $custom-select-margin-bottom: emCalc(20); + * $custom-select-font-color-selected: #141414; + * $custom-select-disabled-color: #888; */o; +;if;@; ; ; +[;["S/* We use these to control the style of the custom select dropdown element. */o; +;ih;@; ; ; +[;["/* $custom-dropdown-height: 200px; + * $custom-dropdown-bg: #fff; + * $custom-dropdown-border-color: darken(#fff, 20%); + * $custom-dropdown-border-width: 1px; + * $custom-dropdown-border-style: solid; + * $custom-dropdown-font-color: #555; + * $custom-dropdown-font-size: emCalc(14); + * $custom-dropdown-color-selected: #eeeeee; + * $custom-dropdown-font-color-selected: #000; + * $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); + * $custom-dropdown-offset-top: auto; + * $custom-dropdown-list-padding: emCalc(4); + * $custom-dropdown-default-float-padding: emCalc(6); + * $custom-dropdown-opposite-padding: emCalc(38); + * $custom-dropdown-list-item-min-height: emCalc(24); + * $custom-dropdown-width-small: 134px; + * $custom-dropdown-width-medium: 254px; + * $custom-dropdown-width-large: 434px; */o; +;i{;@; ; ; +[;["#/* + * Dropdown Variables + * */o; +;i;@; ; ; +[;["/* We use this to set the border styles for dropdowns. */o; +;i;@; ; ; +[;["}/* $f-dropdown-border-style: solid; + * $f-dropdown-border-width: 1px; + * $f-dropdown-border-color: darken(#fff, 20%); */o; +;i;@; ; ; +[;["2/* We use these to style the triangle pip. */o; +;i;@; ; ; +[;["z/* $f-dropdown-triangle-size: 6px; + * $f-dropdown-triangle-color: #fff; + * $f-dropdown-triangle-side-offset: 10px; */o; +;i;@; ; ; +[;["@/* We use these to control styles for the list elements. */o; +;i;@; ; ; +[;[" /* $f-dropdown-list-style: none; + * $f-dropdown-font-color: #555; + * $f-dropdown-font-size: emCalc(14); + * $f-dropdown-list-padding: emCalc(5, 10); + * $f-dropdown-line-height: emCalc(18); + * $f-dropdown-list-hover-bg: #eeeeee; + * $dropdown-mobile-default-float: 0; */o; +;i;@; ; ; +[;["V/* We use this to control the styles for when the dropdown has custom content. */o; +;i;@; ; ; +[;["3/* $f-dropdown-content-padding: emCalc(20); */o; +;i;@; ; ; +[;["%/* + * Flex Video Variables + * */o; +;i;@; ; ; +[;["F/* We use these to control video container padding and margins */o; +;i;@; ; ; +[;["/* $flex-video-padding-top: emCalc(25); + * $flex-video-padding-bottom: 67.5%; + * $flex-video-margin-bottom: emCalc(16); */o; +;i;@; ; ; +[;[";/* We use this to control widescreen bottom padding */o; +;i;@; ; ; +[;["9/* $flex-video-widescreen-padding-bottom: 57.25%; */o; +;i;@; ; ; +[;["&/* + * Inline List Variables + * */o; +;i;@; ; ; +[;["M/* We use this to control the margins and padding of the inline list. */o; +;i;@; ; ; +[;["/* $inline-list-top-margin: 0; + * $inline-list-opposite-margin: 0; + * $inline-list-bottom-margin: emCalc(17); + * $inline-list-default-float-margin: emCalc(-22); */o; +;i;@; ; ; +[;["#/* $inline-list-padding: 0; */o; +;i;@; ; ; +[;["B/* We use this to control the overflow of the inline list. */o; +;i;@; ; ; +[;[")/* $inline-list-overflow: hidden; */o; +;i;@; ; ; +[;["0/* We use this to control the list items */o; +;i;@; ; ; +[;["'/* $inline-list-display: block; */o; +;i;@; ; ; +[;["?/* We use this to control any elments within list items */o; +;i;@; ; ; +[;["0/* $inline-list-children-display: block; */o; +;i;@; ; ; +[;[""/* + * Joyride Variables + * */o; +;i;@; ; ; +[;["-/* Controlling default Joyride styles */o; +;i;@; ; ; +[;["/* $joyride-tip-bg: rgb(0,0,0); + * $joyride-tip-default-width: 300px; + * $joyride-tip-padding: emCalc(18, 20, 24); + * $joyride-tip-border: solid 1px #555; + * $joyride-tip-radius: 4px; + * $joyride-tip-position-offset: 22px; */o; +;i;@; ; ; +[;["2/* Here, we're setting the tip dont styles */o; +;i;@; ; ; +[;["u/* $joyride-tip-font-color: #fff; + * $joyride-tip-font-size: emCalc(14); + * $joyride-tip-header-weight: bold; */o; +;i;@; ; ; +[;["$/* This changes the nub size */o; +;i;@; ; ; +[;["'/* $joyride-tip-nub-size: 14px; */o; +;i;@; ; ; +[;["A/* This adjusts the styles for the timer when its enabled */o; +;i;@; ; ; +[;["p/* $joyride-tip-timer-width: 50px; + * $joyride-tip-timer-height: 3px; + * $joyride-tip-timer-color: #666; */o; +;i;@; ; ; +[;[":/* This changes up the styles for the close button */o; +;i;@; ; ; +[;["r/* $joyride-tip-close-color: #777; + * $joyride-tip-close-size: 30px; + * $joyride-tip-close-weight: normal; */o; +;i;@; ; ; +[;["K/* When Joyride is filling the screen, we use this style for the bg */o; +;i;@; ; ; +[;["0/* $joyride-screenfill: rgba(0,0,0,0.5); */o; +;i;@; ; ; +[;["$/* + * Keystroke Variables + * */o; +;i;@; ; ; +[;["//* We use these to control text styles. */o; +;i;@; ; ; +[;["/* $keystroke-font: "Consolas", "Menlo", "Courier", monospace; + * $keystroke-font-size: emCalc(14); + * $keystroke-font-color: #222; + * $keystroke-font-color-alt: #fff; + * $keystroke-function-factor: 7%; */o; +;i;@; ; ; +[;["4/* We use this to control keystroke padding. */o; +;i;@; ; ; +[;["//* $keystroke-padding: emCalc(2, 4, 0); */o; +;i;@; ; ; +[;["@/* We use these to control background and border styles. */o; +;i;@; ; ; +[;["/* $keystroke-bg: darken(#fff, $keystroke-function-factor); + * $keystroke-border-style: solid; + * $keystroke-border-width: 1px; + * $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); + * $keystroke-radius: $global-radius; */o; +;i +;@; ; ; +[;[" /* + * Label Variables + * */o; +;i;@; ; ; +[;["+/* We use these to style the labels */o; +;i;@; ; ; +[;["N/* $label-padding: emCalc(3, 10, 4); + * $label-radius: $global-radius; */o; +;i;@; ; ; +[;["//* We use these to style the label text */o; +;i;@; ; ; +[;["~/* $label-font-sizing: emCalc(14); + * $label-font-weight: bold; + * $label-font-color: #333; + * $label-font-color-alt: #fff; */o; +;i;@; ; ; +[;["#/* + * Magellan Variables + * */o; +;i;@; ; ; +[;[":/* $magellan-bg: #fff; + * $magellan-padding: 10px; */o; +;i!;@; ; ; +[;["/* + * Orbit Settings + * */o; +;i%;@; ; ; +[;["5/* We use these to control the caption styles */o; +;i';@; ; ; +[;["/* $orbit-container-bg: #f5f5f5; + * $orbit-caption-bg-old: rgb(0,0,0); + * $orbit-caption-bg: rgba(0,0,0,0.6); + * $orbit-caption-font-color: #fff; */o; +;i,;@; ; ; +[;["/* Controlling the styles for the title in the top bar */o; +;i;@; ; ; +[;["N/* $topbar-title-weight: bold; + * $topbar-title-font-size: emCalc(17); */o; +;i;@; ; ; +[;["./* Style the top bar dropdown elements */o; +;i;@; ; ; +[;["/* $topbar-dropdown-bg: #222; + * $topbar-dropdown-link-color: #fff; + * $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); + * $topbar-dropdown-toggle-size: 5px; + * $topbar-dropdown-toggle-color: #fff; + * $topbar-dropdown-toggle-alpha: 0.5; */o; +;i;@; ; ; +[;[";/* Set the link colors and styles for top-level nav */o; +;i;@; ; ; +[;["H/* $topbar-link-color: #fff; + * $topbar-link-color-hover: #fff; + * $topbar-link-color-active: #fff; + * $topbar-link-weight: bold; + * $topbar-link-font-size: emCalc(13); + * $topbar-link-hover-lightness: -30%; // Darken by 30% + * $topbar-link-bg-hover: darken($topbar-bg, 3%); + * $topbar-link-bg-active: darken($topbar-bg, 3%); */o; +;i;@; ; ; +[;["/* $topbar-dropdown-label-color: #555; + * $topbar-dropdown-label-text-transform: uppercase; + * $topbar-dropdown-label-font-weight: bold; + * $topbar-dropdown-label-font-size: emCalc(10); */o; +;i;@; ; ; +[;["/* Top menu icon styles */o; +;i;@; ; ; +[;["/* $topbar-menu-link-transform: uppercase; + * $topbar-menu-link-font-size: emCalc(13); + * $topbar-menu-link-weight: bold; + * $topbar-menu-link-color: #fff; + * $topbar-menu-icon-color: #fff; + * $topbar-menu-link-color-toggled: #888; + * $topbar-menu-icon-color-toggled: #888; */o; +;i;@; ; ; +[;[",/* Transitions and breakpoint styles */o; +;i +;@; ; ; +[;["/* $topbar-transition-speed: 300ms; + * $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout + * $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; */o; +;i;@; ; ; +[;["/* Divider Styles */o; +;i;@; ; ; +[;["/* $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); + * $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); */o; +;i;@; ; ; +[;["/* Sticky Class */o; +;i;@; ; ; +[;["+/* $topbar-sticky-class: ".sticky"; */ \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_foundation-components.scssc b/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_foundation-components.scssc new file mode 100644 index 000000000..2e06419fb Binary files /dev/null and b/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_foundation-components.scssc differ diff --git a/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_normalize.scssc b/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_normalize.scssc new file mode 100644 index 000000000..3b920c4a6 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/d4d9e9f82af82298b1d9e768ae43d36d49b0af78/_normalize.scssc differ diff --git a/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/_settings.scssc b/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/_settings.scssc new file mode 100644 index 000000000..db46e143c --- /dev/null +++ b/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/_settings.scssc @@ -0,0 +1,2670 @@ +3.2.10 (Media Mark) +aad33a49e6a153cd690348cb497c06f01bf0efb3 +o:Sass::Tree::RootNode +:@template"/* ========================================================================== + Custom settings + ========================================================================== */ + +$lioRed: #F0523F; +$lioGrey: lighten(#383636, 10%); +$topbar-bg: $lioGrey; + +/* ========================================================================== + Foundation settings + ========================================================================== */ + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +// $base-line-height: 150%; + +// This is the default html and body font-size for the base em value. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16 !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value) { + $value: strip-unit($value) / strip-unit($em-base) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) +// Just enter the number, no need to mention "px" +@function emCalc($values...) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1)); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i))); + } + @return $emValues; +} + +// Change whether or not you include browser prefixes +// $experimental: true; + +// Various global styles + +$default-float: left; + + +// $body-bg: #fff; +// $body-font-color: #222; +// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $body-font-weight: normal; +// $body-font-style: normal; + +// Font-smoothing + +// $font-smoothing: antialiased; + +// Text direction settings + +// $text-direction: ltr; + +// Colors + +$primary-color: $lioRed; +// $secondary-color: #e9e9e9; +// $alert-color: #c60f13; +// $success-color: #5da423; + +// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-global-classes: $include-html-classes; +// $include-html-inline-list-classes: $include-html-classes; +// $include-html-type-classes: $include-html-classes; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-custom-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-orbit-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-joyride-classes: $include-html-classes; +// $include-html-clearing-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-top-bar-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; +// $include-html-tooltip-classes: $include-html-classes; + +// Media Queries + +$tiny-screen: 480px; +$small-screen: 768px; +$medium-screen: 1280px; +$large-screen: 1440px; + +$screen: "only screen"; +$tiny: "only screen and (min-width: #{$tiny-screen})"; +$small: "only screen and (min-width: #{$small-screen})"; +$medium: "only screen and (min-width: #{$medium-screen})"; +$large: "only screen and (min-width: #{$large-screen})"; +$landscape: "only screen and (orientation: landscape)"; +$portrait: "only screen and (orientation: portrait)"; + +//// Cursors + +//Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; + +// $cursor-crosshair-value: "crosshair"; +// $cursor-default-value: "default"; +// $cursor-pointer-value: "pointer"; +// $cursor-help-value: "help"; + +// +// Grid Variables +// + +// $row-width: emCalc(1000); +// $column-gutter: emCalc(30); +// $total-columns: 12; + +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: emCalc(20); + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +// Control header font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +// Control header font sizes + +// $h1-font-size: emCalc(44); +// $h2-font-size: emCalc(37); +// $h3-font-size: emCalc(27); +// $h4-font-size: emCalc(23); +// $h5-font-size: emCalc(18); +// $h6-font-size: 1em; + +// Control how subheaders are styled. + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +// A general styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +// Style paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: emCalc(20); +// $paragraph-aside-font-size: emCalc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// Style tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +// Style anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +// Style the
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: emCalc(20); + +// Style lists + +// $list-style-position: outside; +// $list-side-margin: 0; +// $list-nested-margin: emCalc(20); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: emCalc(12); + +// Style blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: emCalc(9, 20, 0, 19); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: emCalc(13); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles + +// $acronym-underline: 1px dotted #ddd; + +// Control padding and margin + +// $microformat-padding: emCalc(10, 12); +// $microformat-margin: emCalc(0, 0, 20, 0); + +// Control the border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +// Control full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: emCalc(15); + +// Control the summary font styles + +// $microformat-summary-font-weight: bold; + +// Control abbr padding +// $microformat-abbr-padding: emCalc(0, 1); + +// Control abbr font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +// We use this to set the base for lots of form spacing and positioning styles + +// $form-spacing: emCalc(16); + +// We use these to style the labels in different ways + +// $form-label-pointer: pointer; +// $form-label-font-size: emCalc(14); +// $form-label-font-weight: 500; +// $form-label-font-color: lighten(#000, 30%); +// $form-label-bottom-margin: emCalc(3); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: emCalc(14); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: emCalc(20); +// $fieldset-margin: emCalc(18, 0); + +// We use these to style the legends when you use them + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: emCalc(0, 3); + +// We use these to style the prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +// We use these to style the error states for inputs and labels + +// $input-error-message-padding: emCalc(6, 4); +// $input-error-message-top: 0; +// $input-error-message-font-size: emCalc(12); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +// We use this to style the glowing effect of inputs when focused + +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// +// Button Variables +// + +// We use these to build padding for buttons. + +// $button-med: emCalc(12); +// $button-tny: emCalc(7); +// $button-sml: emCalc(9); +// $button-lrg: emCalc(16); + +// We use this to control the display property. + +// $button-display: inline-block; +// $button-margin-bottom: emCalc(20); + +// We use these to control button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: emCalc(16); +// $button-font-tny: emCalc(11); +// $button-font-sml: emCalc(13); +// $button-font-lrg: emCalc(20); +// $button-font-weight: bold; +// $button-font-align: center; + +// We use these to control various hover effects. + +// $button-function-factor: 10%; + +// We use these to control button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; + +// We use this to set the default radius used throughout the core. + +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Button Groups +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used + +// $button-bar-margin-opposite: emCalc(10); + +// +// Dropdown Button Variables +// + +// We use these to set the color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +// We use these to style tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-opposite-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); + +// We use these to style small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-opposite-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); + +// We use these to style medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + emCalc(3); +// $dropdown-button-pip-size-med: $button-med - emCalc(3); +// $dropdown-button-pip-opposite-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); + +// We use these to style large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); +// $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); + +// +// Split Button Variables +// + +// We use these to control different shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-default-float-tny: emCalc(-5); + +// We use these to control small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-default-float-sml: emCalc(-9); + +// We use these to control medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - emCalc(3); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-default-float-med: emCalc(-9); + +// We use these to control large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - emCalc(6); +// $split-button-pip-top-lrg: $button-lrg + emCalc(5); +// $split-button-pip-default-float-lrg: emCalc(-9); + +// +// Alert Box Variables +// + +// We use this to control alert padding. + +// $alert-padding-top: emCalc(11); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); +// $alert-padding-bottom: $alert-padding-top + emCalc(1); + +// We use these to control text style. + +// $alert-font-weight: bold; +// $alert-font-size: emCalc(14); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +// We use this for close hover effect. + +// $alert-function-factor: 10%; + +// We use these to control border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: emCalc(20); + +// We use these to style the close buttons + +// $alert-close-color: #333; +// $alert-close-position: emCalc(5); +// $alert-close-font-size: emCalc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +// We use this to control border radius + +// $alert-radius: $global-radius; + + +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +// We use these to set the padding around the breadcrumbs. + +// $crumb-padding: emCalc(9, 14, 9); +// $crumb-side-padding: emCalc(12); + +// We use these to control border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. + +// $crumb-font-size: emCalc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +// We use these to set the background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +// We use these to style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +// We use these to make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +// We use these to control the basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-border-size: 1px; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-input-size: 16px; +// $custom-form-check-color: #222; +// $custom-form-check-size: 16px; +// $custom-form-radio-size: 8px; +// $custom-form-checkbox-radius: 0px; + +// We use these to style the custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: emCalc(13) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: emCalc(20); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +// We use these to control the style of the custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: emCalc(14); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: auto; +// $custom-dropdown-list-padding: emCalc(4); +// $custom-dropdown-default-float-padding: emCalc(6); +// $custom-dropdown-opposite-padding: emCalc(38); +// $custom-dropdown-list-item-min-height: emCalc(24); +// $custom-dropdown-width-small: 134px; +// $custom-dropdown-width-medium: 254px; +// $custom-dropdown-width-large: 434px; + +// +// Dropdown Variables +// + +// We use these to controls height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +// We use this to control the background color + +// $f-dropdown-bg: #fff; + +// We use this to set the border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +// We use these to style the triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: emCalc(14); +// $f-dropdown-list-padding: emCalc(5, 10); +// $f-dropdown-line-height: emCalc(18); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + +// $f-dropdown-content-padding: emCalc(20); + +// +// Flex Video Variables +// + +// We use these to control video container padding and margins + +// $flex-video-padding-top: emCalc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: emCalc(16); + +// We use this to control widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +// We use this to control the margins and padding of the inline list. + +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: emCalc(17); +// $inline-list-default-float-margin: emCalc(-22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. + +// $inline-list-overflow: hidden; + +// We use this to control the list items + +// $inline-list-display: block; + +// We use this to control any elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +// Controlling default Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: emCalc(18, 20, 24); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip dont styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: emCalc(14); +// $joyride-tip-header-weight: bold; + +// This changes the nub size + +// $joyride-tip-nub-size: 14px; + +// This adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +// This changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +// When Joyride is filling the screen, we use this style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +// We use these to control text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: emCalc(14); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +// We use this to control keystroke padding. + +// $keystroke-padding: emCalc(2, 4, 0); + +// We use these to control background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +// We use these to style the labels + +// $label-padding: emCalc(3, 10, 4); +// $label-radius: $global-radius; + +// We use these to style the label text + +// $label-font-sizing: emCalc(14); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +// We use these to control the caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg-old: rgb(0,0,0); +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; + +// We use these to control the left/right nav styles + +// $orbit-nav-bg-old: rgb(0,0,0); +// $orbit-nav-bg: rgba(0,0,0,0.6); + +// We use these to control the timer styles + +// $orbit-timer-bg-old: rgb(0,0,0); +// $orbit-timer-bg: rgba(0,0,0,0.6); + +// We use these to control the bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #555; + +// We use thes to controls the style of slide numbers + +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: emCalc(5px); + +// Graceful Loading Wrapper and preloader + +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// +// Pagination Variables +// + +// We use these to control the pagination container + +// $pagination-height: emCalc(24); +// $pagination-margin: emCalc(-5); + +// We use these to set the list-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: emCalc(24); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: emCalc(14); +// $pagination-li-margin: emCalc(5); + +// We use these for the pagination anchor links + +// $pagination-link-pad: emCalc(1, 7, 1); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +// We use these for disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +// We use these to control the background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +// We use these to set default inner padding and bottom margin + +// $panel-margin-bottom: emCalc(20); +// $panel-padding: emCalc(20); + +// We use these to set default font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// $panel-header-adjust: true; + +// +// Pricing Table Variables +// + +// We use this to control the border color + +// $price-table-border: solid 1px #ddd; + +// We use this to control the bottom margin of the pricing table + +// $price-table-margin-bottom: emCalc(20); + +// We use these to control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: emCalc(15, 20); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: emCalc(16); + +// We use these to control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: emCalc(15, 20); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: emCalc(20); + +// We use these to control the description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: emCalc(15); +// $price-desc-align: center; +// $price-desc-font-size: emCalc(12); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +// We use these to control the list item styles + +// $price-item-color: #333; +// $price-item-padding: emCalc(15); +// $price-item-align: center; +// $price-item-font-size: emCalc(14); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +// We use these to control the CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: emCalc(20, 20, 0); + +// +// Progress Bar Variables +// + +// We use this to se the prog bar height + +// $progress-bar-height: emCalc(25); +// $progress-bar-color: transparent; + +// We use these to control the border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding + +// $progress-bar-pad: emCalc(2); +// $progress-bar-margin-bottom: emCalc(10); + +// We use these to set the meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +// We use these to control the style of the reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +// We use these to control the style of the modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: emCalc(20); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +// We use these to style the reveal close button + +// $reveal-close-font-size: emCalc(22); +// $reveal-close-top: emCalc(8); +// $reveal-close-side: emCalc(11); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +// We use these to control the modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// +// Section Variables +// + +// We use these to set padding and hover factor + +// $section-title-padding: emCalc(15); +// $section-content-padding: emCalc(15); +// $section-function-factor: 10%; + +// These style the titles + +// $section-title-color: #333; +// $section-title-color-active: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; +// $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); + +// Want to control border size, here ya go! + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +// Font controls + +// $section-font-size: emCalc(14); + +// Control the color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: emCalc(200); +// $section-vertical-tabs-title-width: emCalc(200); +// $section-bottom-margin: emCalc(20); + +// $title-selector: ".title"; +// $content-selector: ".content"; +// $active-region-selector: ".active"; + +// +// Side Nav Variables +// + +// We use this to control padding. + +// $side-nav-padding: emCalc(14, 0); + +// We use these to control list styles. + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: emCalc(0, 0, 7, 0); + +// We use these to control link styles. + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: emCalc(14); +// $side-nav-font-weight: bold; + +// We use these to control border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +// We use these to control margin and padding + +// $sub-nav-list-margin: emCalc(-4, 0, 18); +// $sub-nav-list-padding-top: emCalc(4); + +// We use this to control the definition + +// $sub-nav-font-size: emCalc(14); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: emCalc(3, 9); +// $sub-nav-active-cursor: default; + +// +// Switch Variables +// + +// Controlling border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +// We use these to control the switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: emCalc(20); + +// We use these to control default font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +// We use these to style the switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +// These control the background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +// These control the table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +// These control the table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: emCalc(14); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: emCalc(8, 10, 10); + +// These control the row padding and font styles + +// $table-row-padding: emCalc(9, 10); +// $table-row-font-size: emCalc(14); +// $table-row-font-color: #222; +// $table-line-height: emCalc(18); + +// These are for controlling the display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: emCalc(20); + +// +// Image Thumbnail Variables +// + +// We use these to control border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: emCalc(8); +// $tooltip-bg: #000; +// $tooltip-font-size: emCalc(15); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: emCalc(10); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: emCalc(14); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; + +// +// Top Bar Variables +// + +// Background color for the top bar + +$topbar-bg: $lioGrey; + +// Height and margin + +$topbar-height: 90px; +// $topbar-margin-bottom: emCalc(30); + +// Control Input height for top bar + +// $topbar-input-height: 2.45em; + +// Controlling the styles for the title in the top bar + +// $topbar-title-weight: bold; +// $topbar-title-font-size: emCalc(17); + +// Style the top bar dropdown elements + +// $topbar-dropdown-bg: #222; +// $topbar-dropdown-link-color: #fff; +// $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: #fff; +// $topbar-dropdown-toggle-alpha: 0.5; + +// Set the link colors and styles for top-level nav + +$topbar-link-color: #ddd; +// $topbar-link-color-hover: #fff; +$topbar-link-color-active: $lioRed; +$topbar-link-weight: normal; +// $topbar-link-font-size: emCalc(13); +// $topbar-link-hover-lightness: -30%; // Darken by 30% +// $topbar-link-bg-hover: darken($topbar-bg, 3%); +$topbar-link-bg-active: $lioGrey; + +// $topbar-dropdown-label-color: #555; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: bold; +// $topbar-dropdown-label-font-size: emCalc(10); + +// Top menu icon styles + +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: emCalc(13); +// $topbar-menu-link-weight: bold; +// $topbar-menu-link-color: #fff; +// $topbar-menu-icon-color: #fff; +// $topbar-menu-link-color-toggled: #888; +// $topbar-menu-icon-color-toggled: #888; + +// Transitions and breakpoint styles + +// $topbar-transition-speed: 300ms; +// $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; + +// Divider Styles + +// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); +// $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); + +// Sticky Class + +// $topbar-sticky-class: ".sticky"; +: +@linei: @options{:@has_childrenT:@children[o:Sass::Tree::CommentNode +;i;@: +@type: normal; +[: @value["/* ========================================================================== + Custom settings + ========================================================================== */o:Sass::Tree::VariableNode ;i +: @guarded0;@: +@name" lioRed: +@expro:Sass::Script::Color ;i +;@: @attrs{ :redi: +alphai: +greeniW: blueiD;0; +[o; ;i ;0;@;" lioGrey;o:Sass::Script::Funcall :@keywords{;i ;@;" lighten: @splat0: +@args[o; ;i ;@;{ ;i=;i;i;;i;;0o:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units["%:@original"10%;i; +[o; ;i ;0;@;"topbar-bg;o:Sass::Script::Variable ;i ;@;" lioGrey:@underscored_name" lioGrey; +[o; +;i;@; ; ; +[;["/* ========================================================================== + Foundation settings + ========================================================================== */o; +;i;@; : silent; +[;["/* The default font-size is set to 100% of the browser style sheet (usually 16px) + * for compatibility with browser-based text zoom or user-set defaults. */o; ;i;" !default;@;"base-font-size;o; ;i;@;[;["%; " 100%;ii; +[o; +;i;@; ;#; +[;["^/* $base-line-height is 24px while $base-font-size is 16px + * $base-line-height: 150%; */o; +;i;@; ;#; +[;["M/* This is the default html and body font-size for the base em value. */o; +;i;@; ;#; +[;["/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. + * If you want your base font-size to be a different size and not have it effect grid size too, + * set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */o; ;i;" !default;@;" em-base;o; ;i;@;[;[; "16;i; +[o; +;i ;@; ;#; +[;["7/* It strips the unit of measure and returns it */o:Sass::Tree::FunctionNode ;i!;@;"strip-unit; T; +[o:Sass::Tree::ReturnNode ;i";@;o:Sass::Script::Operation +;i":@operand1o;! ;i";@;"num;""num;@:@operator:div:@operand2o;& +;i";'o;& +;i";'o;! ;i";@;"num;""num;@;(: +times;*o; ;i";@;@G;[; "0;i;@;(: plus;*o; ;i";@;@G;[; "1;i; +[;0;[[o;!;@;"num;""num0o; +;i%;@; ;#; +[;["5/* Converts "px" to "em" using the ($)em-base */o;$ ;i&;@;"convert-to-em; T; +[ o; ;i';0;@;" +value;o;& +;i';'o;& +;i';'o; ;{;i';@;"strip-unit;0;[o;! ;i';@;" +value;"" +value;@;(;);*o; ;{;i';@;"strip-unit;0;[o;! ;i';@;" em-base;"" em_base;@;(;+;*o; ;i';@;[;["em; "1em;i; +[u:Sass::Tree::IfNodew[o:Sass::Script::Operation +: +@linei(:@operand1o:Sass::Script::Variable ;i(: @options{: +@name" +value:@underscored_name" +value; @:@operator:eq:@operand2o:Sass::Script::Number ;i(; @:@denominator_units[:@numerator_units["em:@original"0em: @valuei0[o:Sass::Tree::VariableNode ;i(: @guarded0; @; +" +value: +@expro; ;i(; @;[;[;"0;i:@children[o; +;i(;@; ;#; +[;["/* Turn 0em into 0 */o;% ;i);@;o;! ;i);@;" +value;"" +value; +[;0;[[o;!;@;" +value;"" +value0o; +;i,;@; ;#; +[;["/* Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) + * Just enter the number, no need to mention "px" */o;$ ;i.;@;" emCalc; T; +[ o; ;i/;0;@;"max;o; ;{;i/;@;" length;0;[o;! ;i/;@;" values;"" values; +[o; +;i/;@; ;#; +[;["4/* Get the total number of parameters passed */o; +;i1;@; ;#; +[;["/* If there is only 1 parameter, then return it as an integer. + * This is done because a list can't be multiplied or divided even if it contains a single value */u;-[o:Sass::Script::Operation +: +@linei3:@operand1o:Sass::Script::Variable ;i3: @options{: +@name"max:@underscored_name"max; @:@operator:eq:@operand2o:Sass::Script::Number ;i3; @:@denominator_units[:@numerator_units[:@original"1: @valuei0[o:Sass::Tree::ReturnNode ;i3; @: +@expro:Sass::Script::Funcall :@keywords{;i3; @; +"convert-to-em: @splat0: +@args[o; ;{;i3; @; +"nth;0;[o; ;i3; @; +" values; " valueso; ;i3; @;@ ;[;"1;i:@children[o; ;i5;0;@;" emValues;o:Sass::Script::List :@separator: +space;i5;@;[; +[o; +;i5;@; ;#; +[;["E/* This will eventually store the converted $values in a list */o:Sass::Tree::ForNode : +@fromo; ;i6;@;@G;[; "1;i;i6;@: @var"i; T; +[o; ;i7;0;@;" emValues;o; ;{;i7;@;" append;0;[o;! ;i7;@;" emValues;"" emValueso; ;{;i7;@;"convert-to-em;0;[o; ;{;i7;@;"nth;0;[o;! ;i7;@;" values;"" valueso;! ;i7;@;"i;""i; +[:@too;! ;i6;@;"max;""max:@exclusiveFo;% ;i9;@;o;! ;i9;@;" emValues;"" emValues; +[;o;!;{;" values;"" values;[o; +;i<;@; ;#; +[;["U/* Change whether or not you include browser prefixes + * $experimental: true; */o; +;i?;@; ;#; +[;[" /* Various global styles */o; ;iA;0;@;"default-float;o:Sass::Script::String ;iA;@; :identifier;" left; +[o; +;iD;@; ;#; +[;["/* $body-bg: #fff; + * $body-font-color: #222; + * $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + * $body-font-weight: normal; + * $body-font-style: normal; */o; +;iJ;@; ;#; +[;["/* Font-smoothing */o; +;iL;@; ;#; +[;["(/* $font-smoothing: antialiased; */o; +;iN;@; ;#; +[;[""/* Text direction settings */o; +;iP;@; ;#; +[;[" /* $text-direction: ltr; */o; +;iR;@; ;#; +[;["/* Colors */o; ;iT;0;@;"primary-color;o;! ;iT;@;" lioRed;"" lioRed; +[o; +;iU;@; ;#; +[;["[/* $secondary-color: #e9e9e9; + * $alert-color: #c60f13; + * $success-color: #5da423; */o; +;iY;@; ;#; +[;["G/* Make sure border radius matches unless we want it different. */o; +;i[;@; ;#; +[;[";/* $global-radius: 3px; + * $global-rounded: 1000px; */o; +;i^;@; ;#; +[;["4/* Inset shadow shiny edges and depressions. */o; +;i`;@; ;#; +[;["x/* $shiny-edge-size: 0 1px 0; + * $shiny-edge-color: rgba(#fff, .5); + * $shiny-edge-active-color: rgba(#000, .2); */o; +;id;@; ;#; +[;["L/* Control whether or not CSS classes come through in the CSS files. */o; +;if;@; ;#; +[;["U/* $include-html-classes: true; + * $include-print-styles: true; + * $include-html-global-classes: $include-html-classes; + * $include-html-inline-list-classes: $include-html-classes; + * $include-html-type-classes: $include-html-classes; + * $include-html-grid-classes: $include-html-classes; + * $include-html-visibility-classes: $include-html-classes; + * $include-html-button-classes: $include-html-classes; + * $include-html-form-classes: $include-html-classes; + * $include-html-custom-form-classes: $include-html-classes; + * $include-html-media-classes: $include-html-classes; + * $include-html-section-classes: $include-html-classes; + * $include-html-orbit-classes: $include-html-classes; + * $include-html-reveal-classes: $include-html-classes; + * $include-html-joyride-classes: $include-html-classes; + * $include-html-clearing-classes: $include-html-classes; + * $include-html-alert-classes: $include-html-classes; + * $include-html-nav-classes: $include-html-classes; + * $include-html-top-bar-classes: $include-html-classes; + * $include-html-label-classes: $include-html-classes; + * $include-html-panel-classes: $include-html-classes; + * $include-html-pricing-classes: $include-html-classes; + * $include-html-progress-classes: $include-html-classes; + * $include-html-magellan-classes: $include-html-classes; + * $include-html-tooltip-classes: $include-html-classes; */o; +;i{;@; ;#; +[;["/* Media Queries */o; ;i};0;@;"tiny-screen;o; ;i};@;[;["px; " +480px;i; +[o; ;i~;0;@;"small-screen;o; ;i~;@;[;["px; " +768px;i; +[o; ;i;0;@;"medium-screen;o; ;i;@;[;["px; " 1280px;i; +[o; ;i;0;@;"large-screen;o; ;i;@;[;["px; " 1440px;i; +[o; ;i;0;@;" screen;o;6 ;i;@; : string;"only screen; +[o; ;i;0;@;" tiny;o:&Sass::Script::StringInterpolation +: @mido;! ;i;@;"tiny-screen;""tiny_screen;i;@: @beforeo;6 ;i;@; ;8;"!only screen and (min-width: : @aftero;6 ;i;@; ;8;"); +[o; ;i;0;@;" +small;o;9 +;:o;! ;i;@;"small-screen;""small_screen;i;@;;o;6 ;i;@; ;8;"!only screen and (min-width: ; $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; */o; +;i;@; ;#; +[;["/* $cursor-crosshair-value: "crosshair"; + * $cursor-default-value: "default"; + * $cursor-pointer-value: "pointer"; + * $cursor-help-value: "help"; */o; +;i;@; ;#; +[;["/* + * Grid Variables + * */o; +;i;@; ;#; +[;["Z/* $row-width: emCalc(1000); + * $column-gutter: emCalc(30); + * $total-columns: 12; */o; +;i;@; ;#; +[;["%/* + * Block Grid Variables + * */o; +;i;@; ;#; +[;["S/* We use this to control the maximum number of block grid elements per row */o; +;i;@; ;#; +[;["P/* $block-grid-elements: 12; + * $block-grid-default-spacing: emCalc(20); */o; +;i;@; ;#; +[;["_/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */o; +;i;@; ;#; +[;["+/* $block-grid-media-queries: true; */o; +;i;@; ;#; +[;["%/* + * Typography Variables + * */o; +;i;@; ;#; +[;["%/* Control header font styles */o; +;i;@; ;#; +[;[":/* $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + * $header-font-weight: bold; + * $header-font-style: normal; + * $header-font-color: #222; + * $header-line-height: 1.4; + * $header-top-margin: .2em; + * $header-bottom-margin: .5em; + * $header-text-rendering: optimizeLegibility; */o; +;i;@; ;#; +[;["$/* Control header font sizes */o; +;i;@; ;#; +[;["/* $h1-font-size: emCalc(44); + * $h2-font-size: emCalc(37); + * $h3-font-size: emCalc(27); + * $h4-font-size: emCalc(23); + * $h5-font-size: emCalc(18); + * $h6-font-size: 1em; */o; +;i;@; ;#; +[;["-/* Control how subheaders are styled. */o; +;i;@; ;#; +[;["/* $subheader-line-height: 1.4; + * $subheader-font-color: lighten($header-font-color, 30%); + * $subheader-font-weight: 300; + * $subheader-top-margin: .2em; + * $subheader-bottom-margin: .5em; */o; +;i;@; ;#; +[;["$/* A general styling */o; +;i;@; ;#; +[;["Y/* $small-font-size: 60%; + * $small-font-color: lighten($header-font-color, 30%); */o; +;i;@; ;#; +[;["/* Style paragraphs */o; +;i;@; ;#; +[;["\/* $paragraph-font-family: inherit; + * $paragraph-font-weight: normal; + * $paragraph-font-size: 1em; + * $paragraph-line-height: 1.6; + * $paragraph-margin-bottom: emCalc(20); + * $paragraph-aside-font-size: emCalc(14); + * $paragraph-aside-line-height: 1.35; + * $paragraph-aside-font-style: italic; + * $paragraph-text-rendering: optimizeLegibility; */o; +;i;@; ;#; +[;["/* Style tags */o; +;i;@; ;#; +[;["/* $code-color: darken($alert-color, 15%); + * $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; + * $code-font-weight: bold; */o; +;i;@; ;#; +[;["/* Style anchors */o; +;i;@; ;#; +[;["/* $anchor-text-decoration: none; + * $anchor-font-color: $primary-color; + * $anchor-font-color-hover: darken($primary-color, 5%); */o; +;i;@; ;#; +[;["!/* Style the
element */o; +;i;@; ;#; +[;["s/* $hr-border-width: 1px; + * $hr-border-style: solid; + * $hr-border-color: #ddd; + * $hr-margin: emCalc(20); */o; +;i;@; ;#; +[;["/* Style lists */o; +;i;@; ;#; +[;["/* $list-style-position: outside; + * $list-side-margin: 0; + * $list-nested-margin: emCalc(20); + * $definition-list-header-weight: bold; + * $definition-list-header-margin-bottom: .3em; + * $definition-list-margin-bottom: emCalc(12); */o; +;i;@; ;#; +[;["/* Style blockquotes */o; +;i;@; ;#; +[;[">/* $blockquote-font-color: lighten($header-font-color, 30%); + * $blockquote-padding: emCalc(9, 20, 0, 19); + * $blockquote-border: 1px solid #ddd; + * $blockquote-cite-font-size: emCalc(13); + * $blockquote-cite-font-color: lighten($header-font-color, 20%); + * $blockquote-cite-link-color: $blockquote-cite-font-color; */o; +;i;@; ;#; +[;["/* Acronym styles */o; +;i;@; ;#; +[;["//* $acronym-underline: 1px dotted #ddd; */o; +;i;@; ;#; +[;["%/* Control padding and margin */o; +;i;@; ;#; +[;["]/* $microformat-padding: emCalc(10, 12); + * $microformat-margin: emCalc(0, 0, 20, 0); */o; +;i;@; ;#; +[;["$/* Control the border styles */o; +;i ;@; ;#; +[;["s/* $microformat-border-width: 1px; + * $microformat-border-style: solid; + * $microformat-border-color: #ddd; */o; +;i ;@; ;#; +[;["(/* Control full name font styles */o; +;i;@; ;#; +[;["c/* $microformat-fullname-font-weight: bold; + * $microformat-fullname-font-size: emCalc(15); */o; +;i;@; ;#; +[;["*/* Control the summary font styles */o; +;i;@; ;#; +[;["2/* $microformat-summary-font-weight: bold; */o; +;i;@; ;#; +[;["K/* Control abbr padding + * $microformat-abbr-padding: emCalc(0, 1); */o; +;i;@; ;#; +[;["#/* Control abbr font styles */o; +;i;@; ;#; +[;["[/* $microformat-abbr-font-weight: bold; + * $microformat-abbr-font-decoration: none; */o; +;i;@; ;#; +[;["/* + * Form Variables + * */o; +;i";@; ;#; +[;["V/* We use this to set the base for lots of form spacing and positioning styles */o; +;i$;@; ;#; +[;["%/* $form-spacing: emCalc(16); */o; +;i&;@; ;#; +[;["=/* We use these to style the labels in different ways */o; +;i(;@; ;#; +[;["/* $form-label-pointer: pointer; + * $form-label-font-size: emCalc(14); + * $form-label-font-weight: 500; + * $form-label-font-color: lighten(#000, 30%); + * $form-label-bottom-margin: emCalc(3); + * $input-font-family: inherit; + * $input-font-color: rgba(0,0,0,0.75); + * $input-font-size: emCalc(14); + * $input-bg-color: #fff; + * $input-focus-bg-color: darken(#fff, 2%); + * $input-border-color: darken(#fff, 20%); + * $input-focus-border-color: darken(#fff, 40%); + * $input-border-style: solid; + * $input-border-width: 1px; + * $input-disabled-bg: #ddd; + * $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + * $input-include-glowing-effect: true; */o; +;i:;@; ;#; +[;["A/* We use these to style the fieldset border and spacing. */o; +;i<;@; ;#; +[;["/* $fieldset-border-style: solid; + * $fieldset-border-width: 1px; + * $fieldset-border-color: #ddd; + * $fieldset-padding: emCalc(20); + * $fieldset-margin: emCalc(18, 0); */o; +;iB;@; ;#; +[;[">/* We use these to style the legends when you use them */o; +;iD;@; ;#; +[;["\/* $legend-bg: #fff; + * $legend-font-weight: bold; + * $legend-padding: emCalc(0, 3); */o; +;iH;@; ;#; +[;["F/* We use these to style the prefix and postfix input elements */o; +;iJ;@; ;#; +[;["/* $input-prefix-bg: darken(#fff, 5%); + * $input-prefix-border-color: darken(#fff, 20%); + * $input-prefix-border-size: 1px; + * $input-prefix-border-type: solid; + * $input-prefix-overflow: hidden; + * $input-prefix-font-color: #333; + * $input-prefix-font-color-alt: #fff; */o; +;iR;@; ;#; +[;["G/* We use these to style the error states for inputs and labels */o; +;iT;@; ;#; +[;["/* $input-error-message-padding: emCalc(6, 4); + * $input-error-message-top: 0; + * $input-error-message-font-size: emCalc(12); + * $input-error-message-font-weight: bold; + * $input-error-message-font-color: #fff; + * $input-error-message-font-color-alt: #333; */o; +;i[;@; ;#; +[;["I/* We use this to style the glowing effect of inputs when focused */o; +;i];@; ;#; +[;["a/* $glowing-effect-fade-time: 0.45s; + * $glowing-effect-color: $input-focus-border-color; */o; +;i`;@; ;#; +[;["!/* + * Button Variables + * */o; +;id;@; ;#; +[;["5/* We use these to build padding for buttons. */o; +;if;@; ;#; +[;["u/* $button-med: emCalc(12); + * $button-tny: emCalc(7); + * $button-sml: emCalc(9); + * $button-lrg: emCalc(16); */o; +;ik;@; ;#; +[;["7/* We use this to control the display property. */o; +;im;@; ;#; +[;["O/* $button-display: inline-block; + * $button-margin-bottom: emCalc(20); */o; +;ip;@; ;#; +[;["6/* We use these to control button text styles. */o; +;ir;@; ;#; +[;[""/* $button-font-family: inherit; + * $button-font-color: #fff; + * $button-font-color-alt: #333; + * $button-font-med: emCalc(16); + * $button-font-tny: emCalc(11); + * $button-font-sml: emCalc(13); + * $button-font-lrg: emCalc(20); + * $button-font-weight: bold; + * $button-font-align: center; */o; +;i|;@; ;#; +[;["9/* We use these to control various hover effects. */o; +;i~;@; ;#; +[;["(/* $button-function-factor: 10%; */o; +;i;@; ;#; +[;["8/* We use these to control button border styles. */o; +;i;@; ;#; +[;["E/* $button-border-width: 1px; + * $button-border-style: solid; */o; +;i;@; ;#; +[;["J/* We use this to set the default radius used throughout the core. */o; +;i;@; ;#; +[;["M/* $button-radius: $global-radius; + * $button-round: $global-rounded; */o; +;i;@; ;#; +[;["C/* We use this to set default opacity for disabled buttons. */o; +;i;@; ;#; +[;[")/* $button-disabled-opacity: 0.6; */o; +;i;@; ;#; +[;["/* + * Button Groups + * */o; +;i;@; ;#; +[;["p/* Sets the margin for the right side by default, and the left margin if right-to-left direction is used */o; +;i;@; ;#; +[;["3/* $button-bar-margin-opposite: emCalc(10); */o; +;i;@; ;#; +[;["*/* + * Dropdown Button Variables + * */o; +;i;@; ;#; +[;["G/* We use these to set the color of the pip in dropdown buttons */o; +;i;@; ;#; +[;["U/* $dropdown-button-pip-color: #fff; + * $dropdown-button-pip-color-alt: #333; */o; +;i;@; ;#; +[;["6/* We use these to style tiny dropdown buttons */o; +;i;@; ;#; +[;["/* $dropdown-button-padding-tny: $button-tny * 5; + * $dropdown-button-pip-size-tny: $button-tny; + * $dropdown-button-pip-opposite-tny: $button-tny * 2; + * $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); */o; +;i;@; ;#; +[;["7/* We use these to style small dropdown buttons */o; +;i;@; ;#; +[;["/* $dropdown-button-padding-sml: $button-sml * 5; + * $dropdown-button-pip-size-sml: $button-sml; + * $dropdown-button-pip-opposite-sml: $button-sml * 2; + * $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); */o; +;i;@; ;#; +[;["8/* We use these to style medium dropdown buttons */o; +;i;@; ;#; +[;["/* $dropdown-button-padding-med: $button-med * 4 + emCalc(3); + * $dropdown-button-pip-size-med: $button-med - emCalc(3); + * $dropdown-button-pip-opposite-med: $button-med * 2; + * $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); */o; +;i;@; ;#; +[;["7/* We use these to style large dropdown buttons */o; +;i;@; ;#; +[;["/* $dropdown-button-padding-lrg: $button-lrg * 4; + * $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); + * $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); + * $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); */o; +;i;@; ;#; +[;["'/* + * Split Button Variables + * */o; +;i;@; ;#; +[;["L/* We use these to control different shared styles for Split Buttons */o; +;i;@; ;#; +[;["/* $split-button-function-factor: 15%; + * $split-button-pip-color: #fff; + * $split-button-pip-color-alt: #333; + * $split-button-active-bg-tint: rgba(0,0,0,0.1); */o; +;i;@; ;#; +[;["5/* We use these to control tiny split buttons */o; +;i;@; ;#; +[;["/* $split-button-padding-tny: $button-tny * 9; + * $split-button-span-width-tny: $button-tny * 6.5; + * $split-button-pip-size-tny: $button-tny; + * $split-button-pip-top-tny: $button-tny * 2; + * $split-button-pip-default-float-tny: emCalc(-5); */o; +;i;@; ;#; +[;["6/* We use these to control small split buttons */o; +;i;@; ;#; +[;["/* $split-button-padding-sml: $button-sml * 7; + * $split-button-span-width-sml: $button-sml * 5; + * $split-button-pip-size-sml: $button-sml; + * $split-button-pip-top-sml: $button-sml * 1.5; + * $split-button-pip-default-float-sml: emCalc(-9); */o; +;i;@; ;#; +[;["7/* We use these to control medium split buttons */o; +;i;@; ;#; +[;["/* $split-button-padding-med: $button-med * 6.4; + * $split-button-span-width-med: $button-med * 4; + * $split-button-pip-size-med: $button-med - emCalc(3); + * $split-button-pip-top-med: $button-med * 1.5; + * $split-button-pip-default-float-med: emCalc(-9); */o; +;i;@; ;#; +[;["6/* We use these to control large split buttons */o; +;i;@; ;#; +[;[" /* $split-button-padding-lrg: $button-lrg * 6; + * $split-button-span-width-lrg: $button-lrg * 3.75; + * $split-button-pip-size-lrg: $button-lrg - emCalc(6); + * $split-button-pip-top-lrg: $button-lrg + emCalc(5); + * $split-button-pip-default-float-lrg: emCalc(-9); */o; +;i;@; ;#; +[;["$/* + * Alert Box Variables + * */o; +;i;@; ;#; +[;["0/* We use this to control alert padding. */o; +;i;@; ;#; +[;["/* $alert-padding-top: emCalc(11); + * $alert-padding-default-float: $alert-padding-top; + * $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); + * $alert-padding-bottom: $alert-padding-top + emCalc(1); */o; +;i;@; ;#; +[;["./* We use these to control text style. */o; +;i;@; ;#; +[;["/* $alert-font-weight: bold; + * $alert-font-size: emCalc(14); + * $alert-font-color: #fff; + * $alert-font-color-alt: darken($secondary-color, 60%); */o; +;i;@; ;#; +[;["./* We use this for close hover effect. */o; +;i;@; ;#; +[;["'/* $alert-function-factor: 10%; */o; +;i;@; ;#; +[;["1/* We use these to control border styles. */o; +;i;@; ;#; +[;["/* $alert-border-style: solid; + * $alert-border-width: 1px; + * $alert-border-color: darken($primary-color, $alert-function-factor); + * $alert-bottom-margin: emCalc(20); */o; +;i;@; ;#; +[;["2/* We use these to style the close buttons */o; +;i;@; ;#; +[;["/* $alert-close-color: #333; + * $alert-close-position: emCalc(5); + * $alert-close-font-size: emCalc(22); + * $alert-close-opacity: 0.3; + * $alert-close-opacity-hover: 0.5; + * $alert-close-padding: 5px 4px 4px; */o; +;i ;@; ;#; +[;["//* We use this to control border radius */o; +;i;@; ;#; +[;[")/* $alert-radius: $global-radius; */o; +;i;@; ;#; +[;["%/* + * Breadcrumb Variables + * */o; +;i;@; ;#; +[;["P/* We use this to set the background color for the breadcrumb container. */o; +;i;@; ;#; +[;["4/* $crumb-bg: lighten($secondary-color, 5%); */o; +;i;@; ;#; +[;["B/* We use these to set the padding around the breadcrumbs. */o; +;i;@; ;#; +[;["P/* $crumb-padding: emCalc(9, 14, 9); + * $crumb-side-padding: emCalc(12); */o; +;i;@; ;#; +[;["1/* We use these to control border styles. */o; +;i ;@; ;#; +[;["/* $crumb-function-factor: 10%; + * $crumb-border-size: 1px; + * $crumb-border-style: solid; + * $crumb-border-color: darken($crumb-bg, $crumb-function-factor); + * $crumb-radius: $global-radius; */o; +;i&;@; ;#; +[;["C/* We use these to set various text styles for breadcrumbs. */o; +;i(;@; ;#; +[;["/* $crumb-font-size: emCalc(11); + * $crumb-font-color: $primary-color; + * $crumb-font-color-current: #333; + * $crumb-font-color-unavailable: #999; + * $crumb-font-transform: uppercase; + * $crumb-link-decor: underline; */o; +;i/;@; ;#; +[;["@/* We use these to control the slash between breadcrumbs */o; +;i1;@; ;#; +[;[":/* $crumb-slash-color: #aaa; + * $crumb-slash: "/"; */o; +;i4;@; ;#; +[;["#/* + * Clearing Variables + * */o; +;i8;@; ;#; +[;["K/* We use these to set the background colors for parts of Clearing. */o; +;i:;@; ;#; +[;["/* $clearing-bg: #111; + * $clearing-caption-bg: $clearing-bg; + * $clearing-carousel-bg: #111; + * $clearing-img-bg: $clearing-bg; */o; +;i?;@; ;#; +[;["1/* We use these to style the close button */o; +;iA;@; ;#; +[;["F/* $clearing-close-color: #fff; + * $clearing-close-size: 40px; */o; +;iD;@; ;#; +[;["+/* We use these to style the arrows */o; +;iF;@; ;#; +[;["W/* $clearing-arrow-size: 16px; + * $clearing-arrow-color: $clearing-close-color; */o; +;iI;@; ;#; +[;[")/* We use these to style captions */o; +;iK;@; ;#; +[;["W/* $clearing-caption-font-color: #fff; + * $clearing-caption-padding: 10px 30px; */o; +;iN;@; ;#; +[;["G/* We use these to make the image and carousel height and style */o; +;iP;@; ;#; +[;["/* $clearing-active-img-height: 75%; + * $clearing-carousel-height: 150px; + * $clearing-carousel-thumb-width: 175px; + * $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); */o; +;iU;@; ;#; +[;["&/* + * Custom Form Variables + * */o; +;iY;@; ;#; +[;["E/* We use these to control the basic form styles input styles */o; +;i[;@; ;#; +[;["3/* $custom-form-border-color: #ccc; + * $custom-form-border-size: 1px; + * $custom-form-bg: #fff; + * $custom-form-bg-disabled: #ddd; + * $custom-form-input-size: 16px; + * $custom-form-check-color: #222; + * $custom-form-check-size: 16px; + * $custom-form-radio-size: 8px; + * $custom-form-checkbox-radius: 0px; */o; +;ie;@; ;#; +[;["@/* We use these to style the custom select form element. */o; +;ig;@; ;#; +[;["/* $custom-select-bg: #fff; + * $custom-select-fade-to-color: #f3f3f3; + * $custom-select-border-color: #ddd; + * $custom-select-triangle-color: #aaa; + * $custom-select-triangle-color-open: #222; + * $custom-select-height: emCalc(13) + ($form-spacing * 1.5); + * $custom-select-margin-bottom: emCalc(20); + * $custom-select-font-color-selected: #141414; + * $custom-select-disabled-color: #888; */o; +;iq;@; ;#; +[;["S/* We use these to control the style of the custom select dropdown element. */o; +;is;@; ;#; +[;["/* $custom-dropdown-height: 200px; + * $custom-dropdown-bg: #fff; + * $custom-dropdown-border-color: darken(#fff, 20%); + * $custom-dropdown-border-width: 1px; + * $custom-dropdown-border-style: solid; + * $custom-dropdown-font-color: #555; + * $custom-dropdown-font-size: emCalc(14); + * $custom-dropdown-color-selected: #eeeeee; + * $custom-dropdown-font-color-selected: #000; + * $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); + * $custom-dropdown-offset-top: auto; + * $custom-dropdown-list-padding: emCalc(4); + * $custom-dropdown-default-float-padding: emCalc(6); + * $custom-dropdown-opposite-padding: emCalc(38); + * $custom-dropdown-list-item-min-height: emCalc(24); + * $custom-dropdown-width-small: 134px; + * $custom-dropdown-width-medium: 254px; + * $custom-dropdown-width-large: 434px; */o; +;i;@; ;#; +[;["#/* + * Dropdown Variables + * */o; +;i;@; ;#; +[;["/* We use this to set the border styles for dropdowns. */o; +;i;@; ;#; +[;["}/* $f-dropdown-border-style: solid; + * $f-dropdown-border-width: 1px; + * $f-dropdown-border-color: darken(#fff, 20%); */o; +;i;@; ;#; +[;["2/* We use these to style the triangle pip. */o; +;i;@; ;#; +[;["z/* $f-dropdown-triangle-size: 6px; + * $f-dropdown-triangle-color: #fff; + * $f-dropdown-triangle-side-offset: 10px; */o; +;i;@; ;#; +[;["@/* We use these to control styles for the list elements. */o; +;i;@; ;#; +[;[" /* $f-dropdown-list-style: none; + * $f-dropdown-font-color: #555; + * $f-dropdown-font-size: emCalc(14); + * $f-dropdown-list-padding: emCalc(5, 10); + * $f-dropdown-line-height: emCalc(18); + * $f-dropdown-list-hover-bg: #eeeeee; + * $dropdown-mobile-default-float: 0; */o; +;i;@; ;#; +[;["V/* We use this to control the styles for when the dropdown has custom content. */o; +;i;@; ;#; +[;["3/* $f-dropdown-content-padding: emCalc(20); */o; +;i;@; ;#; +[;["%/* + * Flex Video Variables + * */o; +;i;@; ;#; +[;["F/* We use these to control video container padding and margins */o; +;i;@; ;#; +[;["/* $flex-video-padding-top: emCalc(25); + * $flex-video-padding-bottom: 67.5%; + * $flex-video-margin-bottom: emCalc(16); */o; +;i;@; ;#; +[;[";/* We use this to control widescreen bottom padding */o; +;i;@; ;#; +[;["9/* $flex-video-widescreen-padding-bottom: 57.25%; */o; +;i;@; ;#; +[;["&/* + * Inline List Variables + * */o; +;i;@; ;#; +[;["M/* We use this to control the margins and padding of the inline list. */o; +;i;@; ;#; +[;["/* $inline-list-top-margin: 0; + * $inline-list-opposite-margin: 0; + * $inline-list-bottom-margin: emCalc(17); + * $inline-list-default-float-margin: emCalc(-22); */o; +;i;@; ;#; +[;["#/* $inline-list-padding: 0; */o; +;i;@; ;#; +[;["B/* We use this to control the overflow of the inline list. */o; +;i;@; ;#; +[;[")/* $inline-list-overflow: hidden; */o; +;i;@; ;#; +[;["0/* We use this to control the list items */o; +;i;@; ;#; +[;["'/* $inline-list-display: block; */o; +;i;@; ;#; +[;["?/* We use this to control any elments within list items */o; +;i;@; ;#; +[;["0/* $inline-list-children-display: block; */o; +;i;@; ;#; +[;[""/* + * Joyride Variables + * */o; +;i;@; ;#; +[;["-/* Controlling default Joyride styles */o; +;i;@; ;#; +[;["/* $joyride-tip-bg: rgb(0,0,0); + * $joyride-tip-default-width: 300px; + * $joyride-tip-padding: emCalc(18, 20, 24); + * $joyride-tip-border: solid 1px #555; + * $joyride-tip-radius: 4px; + * $joyride-tip-position-offset: 22px; */o; +;i;@; ;#; +[;["2/* Here, we're setting the tip dont styles */o; +;i;@; ;#; +[;["u/* $joyride-tip-font-color: #fff; + * $joyride-tip-font-size: emCalc(14); + * $joyride-tip-header-weight: bold; */o; +;i;@; ;#; +[;["$/* This changes the nub size */o; +;i;@; ;#; +[;["'/* $joyride-tip-nub-size: 14px; */o; +;i;@; ;#; +[;["A/* This adjusts the styles for the timer when its enabled */o; +;i;@; ;#; +[;["p/* $joyride-tip-timer-width: 50px; + * $joyride-tip-timer-height: 3px; + * $joyride-tip-timer-color: #666; */o; +;i;@; ;#; +[;[":/* This changes up the styles for the close button */o; +;i;@; ;#; +[;["r/* $joyride-tip-close-color: #777; + * $joyride-tip-close-size: 30px; + * $joyride-tip-close-weight: normal; */o; +;i;@; ;#; +[;["K/* When Joyride is filling the screen, we use this style for the bg */o; +;i;@; ;#; +[;["0/* $joyride-screenfill: rgba(0,0,0,0.5); */o; +;i;@; ;#; +[;["$/* + * Keystroke Variables + * */o; +;i;@; ;#; +[;["//* We use these to control text styles. */o; +;i;@; ;#; +[;["/* $keystroke-font: "Consolas", "Menlo", "Courier", monospace; + * $keystroke-font-size: emCalc(14); + * $keystroke-font-color: #222; + * $keystroke-font-color-alt: #fff; + * $keystroke-function-factor: 7%; */o; +;i ;@; ;#; +[;["4/* We use this to control keystroke padding. */o; +;i ;@; ;#; +[;["//* $keystroke-padding: emCalc(2, 4, 0); */o; +;i ;@; ;#; +[;["@/* We use these to control background and border styles. */o; +;i;@; ;#; +[;["/* $keystroke-bg: darken(#fff, $keystroke-function-factor); + * $keystroke-border-style: solid; + * $keystroke-border-width: 1px; + * $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); + * $keystroke-radius: $global-radius; */o; +;i;@; ;#; +[;[" /* + * Label Variables + * */o; +;i;@; ;#; +[;["+/* We use these to style the labels */o; +;i;@; ;#; +[;["N/* $label-padding: emCalc(3, 10, 4); + * $label-radius: $global-radius; */o; +;i;@; ;#; +[;["//* We use these to style the label text */o; +;i ;@; ;#; +[;["~/* $label-font-sizing: emCalc(14); + * $label-font-weight: bold; + * $label-font-color: #333; + * $label-font-color-alt: #fff; */o; +;i%;@; ;#; +[;["#/* + * Magellan Variables + * */o; +;i);@; ;#; +[;[":/* $magellan-bg: #fff; + * $magellan-padding: 10px; */o; +;i,;@; ;#; +[;["/* + * Orbit Settings + * */o; +;i0;@; ;#; +[;["5/* We use these to control the caption styles */o; +;i2;@; ;#; +[;["/* $orbit-container-bg: #f5f5f5; + * $orbit-caption-bg-old: rgb(0,0,0); + * $orbit-caption-bg: rgba(0,0,0,0.6); + * $orbit-caption-font-color: #fff; */o; +;i7;@; ;#; +[;[";@; ;#; +[;["P/* $orbit-timer-bg-old: rgb(0,0,0); + * $orbit-timer-bg: rgba(0,0,0,0.6); */o; +;iA;@; ;#; +[;["8/* We use these to control the bullet nav styles */o; +;iC;@; ;#; +[;["R/* $orbit-bullet-nav-color: #999; + * $orbit-bullet-nav-color-active: #555; */o; +;iF;@; ;#; +[;["=/* We use thes to controls the style of slide numbers */o; +;iH;@; ;#; +[;["/* $orbit-slide-number-bg: rgba(0,0,0,0); + * $orbit-slide-number-font-color: #fff; + * $orbit-slide-number-padding: emCalc(5px); */o; +;iL;@; ;#; +[;["1/* Graceful Loading Wrapper and preloader */o; +;iN;@; ;#; +[;["Q/* $wrapper-class: "slideshow-wrapper"; + * $preloader-class: "preloader"; */o; +;iQ;@; ;#; +[;["%/* + * Pagination Variables + * */o; +;iU;@; ;#; +[;[";/* We use these to control the pagination container */o; +;iW;@; ;#; +[;["M/* $pagination-height: emCalc(24); + * $pagination-margin: emCalc(-5); */o; +;iZ;@; ;#; +[;["7/* We use these to set the list-item properties */o; +;i\;@; ;#; +[;["/* $pagination-li-float: $default-float; + * $pagination-li-height: emCalc(24); + * $pagination-li-font-color: #222; + * $pagination-li-font-size: emCalc(14); + * $pagination-li-margin: emCalc(5); */o; +;ib;@; ;#; +[;["7/* We use these for the pagination anchor links */o; +;id;@; ;#; +[;["/* $pagination-link-pad: emCalc(1, 7, 1); + * $pagination-link-font-color: #999; + * $pagination-link-active-bg: darken(#fff, 10%); */o; +;ih;@; ;#; +[;["1/* We use these for disabled anchor links */o; +;ij;@; ;#; +[;["/* $pagination-link-unavailable-cursor: default; + * $pagination-link-unavailable-font-color: #999; + * $pagination-link-unavailable-bg-active: transparent; */o; +;in;@; ;#; +[;[";/* We use these for currently selected anchor links */o; +;ip;@; ;#; +[;["/* $pagination-link-current-background: $primary-color; + * $pagination-link-current-font-color: #fff; + * $pagination-link-current-font-weight: bold; + * $pagination-link-current-cursor: default; + * $pagination-link-current-active-bg: $primary-color; */o; +;iv;@; ;#; +[;[" /* + * Panel Variables + * */o; +;iz;@; ;#; +[;["C/* We use these to control the background and border styles */o; +;i|;@; ;#; +[;["b/* $panel-bg: darken(#fff, 5%); + * $panel-border-style: solid; + * $panel-border-size: 1px; */o; +;i;@; ;#; +[;["F/* We use this % to control how much we darken things on hover */o; +;i;@; ;#; +[;["j/* $panel-function-factor: 10%; + * $panel-border-color: darken($panel-bg, $panel-function-factor); */o; +;i;@; ;#; +[;["F/* We use these to set default inner padding and bottom margin */o; +;i;@; ;#; +[;["K/* $panel-margin-bottom: emCalc(20); + * $panel-padding: emCalc(20); */o; +;i;@; ;#; +[;["2/* We use these to set default font colors */o; +;i;@; ;#; +[;["C/* $panel-font-color: #333; + * $panel-font-color-alt: #fff; */o; +;i;@; ;#; +[;["&/* $panel-header-adjust: true; */o; +;i;@; ;#; +[;["(/* + * Pricing Table Variables + * */o; +;i;@; ;#; +[;["2/* We use this to control the border color */o; +;i;@; ;#; +[;["//* $price-table-border: solid 1px #ddd; */o; +;i;@; ;#; +[;["H/* We use this to control the bottom margin of the pricing table */o; +;i;@; ;#; +[;["2/* $price-table-margin-bottom: emCalc(20); */o; +;i;@; ;#; +[;["3/* We use these to control the title styles */o; +;i;@; ;#; +[;["/* $price-title-bg: #ddd; + * $price-title-padding: emCalc(15, 20); + * $price-title-align: center; + * $price-title-color: #333; + * $price-title-weight: bold; + * $price-title-size: emCalc(16); */o; +;i;@; ;#; +[;["3/* We use these to control the price styles */o; +;i;@; ;#; +[;["/* $price-money-bg: #eee; + * $price-money-padding: emCalc(15, 20); + * $price-money-align: center; + * $price-money-color: #333; + * $price-money-weight: normal; + * $price-money-size: emCalc(20); */o; +;i;@; ;#; +[;["9/* We use these to control the description styles */o; +;i;@; ;#; +[;[" /* $price-bg: #fff; + * $price-desc-color: #777; + * $price-desc-padding: emCalc(15); + * $price-desc-align: center; + * $price-desc-font-size: emCalc(12); + * $price-desc-weight: normal; + * $price-desc-line-height: 1.4; + * $price-desc-bottom-border: dotted 1px #ddd; */o; +;i;@; ;#; +[;["7/* We use these to control the list item styles */o; +;i;@; ;#; +[;["/* $price-item-color: #333; + * $price-item-padding: emCalc(15); + * $price-item-align: center; + * $price-item-font-size: emCalc(14); + * $price-item-weight: normal; + * $price-item-bottom-border: dotted 1px #ddd; */o; +;i;@; ;#; +[;["6/* We use these to control the CTA area styles */o; +;i;@; ;#; +[;["i/* $price-cta-bg: #f5f5f5; + * $price-cta-align: center; + * $price-cta-padding: emCalc(20, 20, 0); */o; +;i;@; ;#; +[;["'/* + * Progress Bar Variables + * */o; +;i;@; ;#; +[;["0/* We use this to se the prog bar height */o; +;i;@; ;#; +[;["Q/* $progress-bar-height: emCalc(25); + * $progress-bar-color: transparent; */o; +;i;@; ;#; +[;["4/* We use these to control the border styles */o; +;i;@; ;#; +[;["/* $progress-bar-border-color: darken(#fff, 20%); + * $progress-bar-border-size: 1px; + * $progress-bar-border-style: solid; + * $progress-bar-border-radius: $global-radius; */o; +;i;@; ;#; +[;["7/* We use these to control the margin & padding */o; +;i;@; ;#; +[;["T/* $progress-bar-pad: emCalc(2); + * $progress-bar-margin-bottom: emCalc(10); */o; +;i;@; ;#; +[;["//* We use these to set the meter colors */o; +;i;@; ;#; +[;["/* $progress-meter-color: $primary-color; + * $progress-meter-secondary-color: $secondary-color; + * $progress-meter-success-color: $success-color; + * $progress-meter-alert-color: $alert-color; */o; +;i;@; ;#; +[;["!/* + * Reveal Variables + * */o; +;i;@; ;#; +[;["C/* We use these to control the style of the reveal overlay. */o; +;i;@; ;#; +[;["P/* $reveal-overlay-bg: rgba(#000, .45); + * $reveal-overlay-bg-old: #000; */o; +;i;@; ;#; +[;["A/* We use these to control the style of the modal itself. */o; +;i;@; ;#; +[;["/* $reveal-modal-bg: #fff; + * $reveal-position-top: 50px; + * $reveal-default-width: 80%; + * $reveal-modal-padding: emCalc(20); + * $reveal-box-shadow: 0 0 10px rgba(#000,.4); */o; +;i;@; ;#; +[;["8/* We use these to style the reveal close button */o; +;i;@; ;#; +[;["/* $reveal-close-font-size: emCalc(22); + * $reveal-close-top: emCalc(8); + * $reveal-close-side: emCalc(11); + * $reveal-close-color: #aaa; + * $reveal-close-weight: bold; */o; +;i;@; ;#; +[;["3/* We use these to control the modal border */o; +;i;@; ;#; +[;["d/* $reveal-border-style: solid; + * $reveal-border-width: 1px; + * $reveal-border-color: #666; */o; +;i;@; ;#; +[;["c/* $reveal-modal-class: "reveal-modal"; + * $close-reveal-modal-class: "close-reveal-modal"; */o; +;i;@; ;#; +[;[""/* + * Section Variables + * */o; +;i ;@; ;#; +[;["7/* We use these to set padding and hover factor */o; +;i ;@; ;#; +[;["y/* $section-title-padding: emCalc(15); + * $section-content-padding: emCalc(15); + * $section-function-factor: 10%; */o; +;i;@; ;#; +[;["!/* These style the titles */o; +;i;@; ;#; +[;["5/* $section-title-color: #333; + * $section-title-color-active: #333; + * $section-title-bg: #efefef; + * $section-title-bg-active: darken($section-title-bg, $section-function-factor); + * $section-title-bg-active-tabs: #fff; + * $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); */o; +;i;@; ;#; +[;["3/* Want to control border size, here ya go! */o; +;i;@; ;#; +[;["f/* $section-border-size: 1px; + * $section-border-style: solid; + * $section-border-color: #ccc; */o; +;i ;@; ;#; +[;["/* Font controls */o; +;i";@; ;#; +[;["*/* $section-font-size: emCalc(14); */o; +;i$;@; ;#; +[;["D/* Control the color of the background and some size options */o; +;i&;@; ;#; +[;["/* $section-content-bg: #fff; + * $section-vertical-nav-min-width: emCalc(200); + * $section-vertical-tabs-title-width: emCalc(200); + * $section-bottom-margin: emCalc(20); */o; +;i+;@; ;#; +[;["n/* $title-selector: ".title"; + * $content-selector: ".content"; + * $active-region-selector: ".active"; */o; +;i/;@; ;#; +[;["#/* + * Side Nav Variables + * */o; +;i3;@; ;#; +[;["*/* We use this to control padding. */o; +;i5;@; ;#; +[;[",/* $side-nav-padding: emCalc(14, 0); */o; +;i7;@; ;#; +[;["//* We use these to control list styles. */o; +;i9;@; ;#; +[;["w/* $side-nav-list-type: none; + * $side-nav-list-position: inside; + * $side-nav-list-margin: emCalc(0, 0, 7, 0); */o; +;i=;@; ;#; +[;["//* We use these to control link styles. */o; +;i?;@; ;#; +[;["/* $side-nav-link-color: $primary-color; + * $side-nav-link-color-active: lighten(#000, 30%); + * $side-nav-font-size: emCalc(14); + * $side-nav-font-weight: bold; */o; +;iD;@; ;#; +[;["0/* We use these to control border styles */o; +;iF;@; ;#; +[;["y/* $side-nav-divider-size: 1px; + * $side-nav-divider-style: solid; + * $side-nav-divider-color: darken(#fff, 10%); */o; +;iJ;@; ;#; +[;[""/* + * Sub Nav Variables + * */o; +;iN;@; ;#; +[;["5/* We use these to control margin and padding */o; +;iP;@; ;#; +[;["\/* $sub-nav-list-margin: emCalc(-4, 0, 18); + * $sub-nav-list-padding-top: emCalc(4); */o; +;iS;@; ;#; +[;["0/* We use this to control the definition */o; +;iU;@; ;#; +[;["/* $sub-nav-font-size: emCalc(14); + * $sub-nav-font-color: #999; + * $sub-nav-font-weight: normal; + * $sub-nav-text-decoration: none; + * $sub-nav-border-radius: 1000px; */o; +;i[;@; ;#; +[;["9/* We use these to control the active item styles */o; +;i];@; ;#; +[;["/* $sub-nav-active-font-weight: bold; + * $sub-nav-active-bg: $primary-color; + * $sub-nav-active-color: #fff; + * $sub-nav-active-padding: emCalc(3, 9); + * $sub-nav-active-cursor: default; */o; +;ic;@; ;#; +[;["!/* + * Switch Variables + * */o; +;ig;@; ;#; +[;["S/* Controlling border styles and background colors for the switch container */o; +;ii;@; ;#; +[;["/* $switch-border-color: darken(#fff, 20%); + * $switch-border-style: solid; + * $switch-border-width: 1px; + * $switch-bg: #fff; */o; +;in;@; ;#; +[;["M/* We use these to control the switch heights for our default classes */o; +;ip;@; ;#; +[;["/* $switch-height-tny: 22px; + * $switch-height-sml: 28px; + * $switch-height-med: 36px; + * $switch-height-lrg: 44px; + * $switch-bottom-margin: emCalc(20); */o; +;iv;@; ;#; +[;["F/* We use these to control default font sizes for our classes. */o; +;ix;@; ;#; +[;["/* $switch-font-size-tny: 11px; + * $switch-font-size-sml: 12px; + * $switch-font-size-med: 14px; + * $switch-font-size-lrg: 17px; + * $switch-label-side-padding: 6px; */o; +;i~;@; ;#; +[;["2/* We use these to style the switch-paddle */o; +;i;@; ;#; +[;["/* $switch-paddle-bg: #fff; + * $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); + * $switch-paddle-border-color: darken($switch-paddle-bg, 35%); + * $switch-paddle-border-width: 1px; + * $switch-paddle-border-style: solid; + * $switch-paddle-transition-speed: .1s; + * $switch-paddle-transition-ease: ease-out; + * $switch-positive-color: lighten($success-color, 50%); + * $switch-negative-color: #f5f5f5; */o; +;i;@; ;#; +[;["5/* Outline Style for tabbing through switches */o; +;i;@; ;#; +[;["2/* $switch-label-outline: 1px dotted #888; */o; +;i;@; ;#; +[;[" /* + * Table Variables + * */o; +;i;@; ;#; +[;["I/* These control the background color for the table and even rows */o; +;i;@; ;#; +[;[";/* $table-bg: #fff; + * $table-even-row-bg: #f9f9f9; */o; +;i;@; ;#; +[;["4/* These control the table cell border style */o; +;i;@; ;#; +[;["`/* $table-border-style: solid; + * $table-border-size: 1px; + * $table-border-color: #ddd; */o; +;i;@; ;#; +[;["./* These control the table head styles */o; +;i;@; ;#; +[;["/* $table-head-bg: #f5f5f5; + * $table-head-font-size: emCalc(14); + * $table-head-font-color: #222; + * $table-head-font-weight: bold; + * $table-head-padding: emCalc(8, 10, 10); */o; +;i;@; ;#; +[;["8/* These control the row padding and font styles */o; +;i;@; ;#; +[;["/* $table-row-padding: emCalc(9, 10); + * $table-row-font-size: emCalc(14); + * $table-row-font-color: #222; + * $table-line-height: emCalc(18); */o; +;i;@; ;#; +[;["E/* These are for controlling the display and margin of tables */o; +;i;@; ;#; +[;["K/* $table-display: table-cell; + * $table-margin-bottom: emCalc(20); */o; +;i;@; ;#; +[;["*/* + * Image Thumbnail Variables + * */o; +;i;@; ;#; +[;["0/* We use these to control border styles */o; +;i;@; ;#; +[;["/* $thumb-border-style: solid; + * $thumb-border-width: 4px; + * $thumb-border-color: #fff; + * $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); + * $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); */o; +;i;@; ;#; +[;["1/* Radius and transition speed for thumbs */o; +;i;@; ;#; +[;["L/* $thumb-radius: $global-radius; + * $thumb-transition-speed: 200ms; */o; +;i;@; ;#; +[;[""/* + * Tooltip Variables + * */o; +;i;@; ;#; +[;["/* $has-tip-border-bottom: dotted 1px #ccc; + * $has-tip-font-weight: bold; + * $has-tip-font-color: #333; + * $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); + * $has-tip-font-color-hover: $primary-color; + * $has-tip-cursor-type: help; */o; +;i;@; ;#; +[;["/* $tooltip-padding: emCalc(8); + * $tooltip-bg: #000; + * $tooltip-font-size: emCalc(15); + * $tooltip-font-weight: bold; + * $tooltip-font-color: #fff; + * $tooltip-line-height: 1.3; + * $tooltip-close-font-size: emCalc(10); + * $tooltip-close-font-weight: normal; + * $tooltip-close-font-color: #888; + * $tooltip-font-size-sml: emCalc(14); + * $tooltip-radius: $global-radius; + * $tooltip-pip-size: 5px; */o; +;i;@; ;#; +[;[""/* + * Top Bar Variables + * */o; +;i;@; ;#; +[;["+/* Background color for the top bar */o; ;i;0;@;"topbar-bg;o;! ;i;@;" lioGrey;"" lioGrey; +[o; +;i;@; ;#; +[;["/* Height and margin */o; ;i;0;@;"topbar-height;o; ;i;@;[;["px; " 90px;i_; +[o; +;i;@; ;#; +[;["-/* $topbar-margin-bottom: emCalc(30); */o; +;i;@; ;#; +[;["+/* Control Input height for top bar */o; +;i;@; ;#; +[;["(/* $topbar-input-height: 2.45em; */o; +;i;@; ;#; +[;[">/* Controlling the styles for the title in the top bar */o; +;i;@; ;#; +[;["N/* $topbar-title-weight: bold; + * $topbar-title-font-size: emCalc(17); */o; +;i;@; ;#; +[;["./* Style the top bar dropdown elements */o; +;i;@; ;#; +[;["/* $topbar-dropdown-bg: #222; + * $topbar-dropdown-link-color: #fff; + * $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); + * $topbar-dropdown-toggle-size: 5px; + * $topbar-dropdown-toggle-color: #fff; + * $topbar-dropdown-toggle-alpha: 0.5; */o; +;i;@; ;#; +[;[";/* Set the link colors and styles for top-level nav */o; ;i;0;@;"topbar-link-color;o; ;i;@;{ ;i;i;i;i;0; +[o; +;i;@; ;#; +[;["*/* $topbar-link-color-hover: #fff; */o; ;i;0;@;"topbar-link-color-active;o;! ;i;@;" lioRed;"" lioRed; +[o; ;i;0;@;"topbar-link-weight;o;6 ;i;@; ;7;" normal; +[o; +;i;@; ;#; +[;["/* $topbar-link-font-size: emCalc(13); + * $topbar-link-hover-lightness: -30%; // Darken by 30% + * $topbar-link-bg-hover: darken($topbar-bg, 3%); */o; ;i;0;@;"topbar-link-bg-active;o;! ;i;@;" lioGrey;"" lioGrey; +[o; +;i;@; ;#; +[;["/* $topbar-dropdown-label-color: #555; + * $topbar-dropdown-label-text-transform: uppercase; + * $topbar-dropdown-label-font-weight: bold; + * $topbar-dropdown-label-font-size: emCalc(10); */o; +;i ;@; ;#; +[;["/* Top menu icon styles */o; +;i ;@; ;#; +[;["/* $topbar-menu-link-transform: uppercase; + * $topbar-menu-link-font-size: emCalc(13); + * $topbar-menu-link-weight: bold; + * $topbar-menu-link-color: #fff; + * $topbar-menu-icon-color: #fff; + * $topbar-menu-link-color-toggled: #888; + * $topbar-menu-icon-color-toggled: #888; */o; +;i;@; ;#; +[;[",/* Transitions and breakpoint styles */o; +;i;@; ;#; +[;["/* $topbar-transition-speed: 300ms; + * $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout + * $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; */o; +;i;@; ;#; +[;["/* Divider Styles */o; +;i;@; ;#; +[;["/* $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); + * $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); */o; +;i;@; ;#; +[;["/* Sticky Class */o; +;i ;@; ;#; +[;["+/* $topbar-sticky-class: ".sticky"; */ \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/app.scssc b/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/app.scssc new file mode 100644 index 000000000..6dc4dc6dc Binary files /dev/null and b/public/_old-files/v2/.sass-cache/d720bc592657b1f4c83292f92eebbbbef37c5d56/app.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_alert-boxes.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_alert-boxes.scssc new file mode 100644 index 000000000..bd84e57de Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_alert-boxes.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_block-grid.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_block-grid.scssc new file mode 100644 index 000000000..85fd48829 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_block-grid.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_breadcrumbs.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_breadcrumbs.scssc new file mode 100644 index 000000000..69917405d Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_breadcrumbs.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_button-groups.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_button-groups.scssc new file mode 100644 index 000000000..3f2bc2484 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_button-groups.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_buttons.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_buttons.scssc new file mode 100644 index 000000000..3daea0c05 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_buttons.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_clearing.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_clearing.scssc new file mode 100644 index 000000000..947985924 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_clearing.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_custom-forms.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_custom-forms.scssc new file mode 100644 index 000000000..2fd7e28f3 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_custom-forms.scssc @@ -0,0 +1,763 @@ +3.2.10 (Media Mark) +3a6400fcbe5e8f262d1a2ee439efd987dd1817fb +o:Sass::Tree::RootNode +:@template"k"// +// Custom Form Variables +// +$include-html-custom-form-classes: $include-html-classes !default; + +// We use these to control the basic form styles input styles +$custom-form-border-color: #ccc !default; +$custom-form-border-size: 1px !default; +$custom-form-bg: #fff !default; +$custom-form-bg-disabled: #ddd !default; +$custom-form-input-size: 16px !default; +$custom-form-check-color: #222 !default; +$custom-form-check-size: 16px !default; +$custom-form-radio-size: 8px !default; +$custom-form-checkbox-radius: 0px !default; + +// We use these to style the custom select form element. +$custom-select-bg: #fff !default; +$custom-select-fade-to-color: #f3f3f3 !default; +$custom-select-border-color: #ddd !default; +$custom-select-triangle-color: #aaa !default; +$custom-select-triangle-color-open: #222 !default; +$custom-select-height: emCalc(13) + ($form-spacing * 1.5) !default; +$custom-select-margin-bottom: emCalc(20) !default; +$custom-select-font-color-selected: #141414 !default; +$custom-select-disabled-color: #888 !default; + +// We use these to control the style of the custom select dropdown element. +$custom-dropdown-height: 200px !default; +$custom-dropdown-bg: #fff !default; +$custom-dropdown-border-color: darken(#fff, 20%) !default; +$custom-dropdown-border-width: 1px !default; +$custom-dropdown-border-style: solid !default; +$custom-dropdown-font-color: #555 !default; +$custom-dropdown-font-size: emCalc(14) !default; +$custom-dropdown-color-selected: #eeeeee !default; +$custom-dropdown-font-color-selected: #000 !default; +$custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1) !default; +$custom-dropdown-offset-top: auto !default; +$custom-dropdown-list-padding: emCalc(4) !default; +$custom-dropdown-default-float-padding: emCalc(6) !default; +$custom-dropdown-opposite-padding: emCalc(38) !default; +$custom-dropdown-list-item-min-height: emCalc(24) !default; +$custom-dropdown-width-small: 134px !default; +$custom-dropdown-width-medium: 254px !default; +$custom-dropdown-width-large: 434px !default; + +// We decided not to make a mixin for the custom forms because +// they rely on a very specific class naming structure. +// We may look at updating this in the future. +@mixin custom-form-input($radius:0px, $mark-size:0px) { + @include radius($radius); + padding: (($custom-form-input-size - $mark-size) / 2) - $custom-form-border-size; +} + +// Only include these classes if the variable is true, otherwise they'll be left out. +@if $include-html-custom-form-classes != false { + + /* Custom Checkbox and Radio Inputs */ + form.custom { + + .hidden-field { + margin-#{$default-float}: -99999px; + position: absolute; + visibility: hidden; + } + + .custom { + display: inline-block; + width: $custom-form-input-size; + height: $custom-form-input-size; + position: relative; + top:-1px; /* fix centering issue */ + vertical-align: middle; + border: solid $custom-form-border-size $custom-form-border-color; + background: $custom-form-bg; + + &.checkbox { + @include custom-form-input($radius:$custom-form-checkbox-radius, $mark-size:$custom-form-check-size); + } + + &.radio { + @include custom-form-input($radius:1000px, $mark-size:$custom-form-radio-size); + } + + &.checkbox { + &:before { + content: ""; + display: block; + font-size: $custom-form-check-size; + color: $custom-form-bg; + } + } + + &.radio.checked { + &:before { + content: ""; + display: block; + width: $custom-form-radio-size; + height: $custom-form-radio-size; + @include radius(1000px); + background: $custom-form-check-color; + position: relative; + } + } + + &.checkbox.checked { + &:before { + content: "\00d7"; + color: $custom-form-check-color; + position: absolute; + top: -50%; + left: 50%; + margin-top: 4px; + margin-left: -5px; + } + } + } + } + + /* Custom Select Options and Dropdowns */ + form.custom { + .custom.dropdown { + display: block; + position: relative; + top: 0; + height: $custom-select-height; + margin-bottom: $custom-select-margin-bottom; + margin-top: 0px; + padding: 0px; + width: 100%; + background: $custom-dropdown-bg; + @if $experimental { + background: -moz-linear-gradient(top, $custom-dropdown-bg 0%, $custom-select-fade-to-color 100%); + background: -webkit-linear-gradient(top, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%); + -webkit-box-shadow: none; + } + background: linear-gradient(to bottom, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%); + box-shadow: none; + font-size: $custom-dropdown-font-size; + vertical-align: top; + + ul { + overflow-y: auto; + max-height: $custom-dropdown-height; + } + + .current { + cursor:default; + white-space: nowrap; + line-height: $custom-select-height - emCalc(1); + color: $input-font-color; + text-decoration: none; + overflow: hidden; + display: block; + margin-#{$default-float}: $form-spacing / 2; + margin-#{$opposite-direction}: $custom-select-height; + } + + .selector { + cursor:default; + position: absolute; + width: $form-spacing * 2.5; + height: $custom-select-height; + display: block; + #{$opposite-direction}: 0; + top: 0; + &:after { + content: ""; + display: block; + @include css-triangle(5px, $custom-select-triangle-color, top); + position: absolute; + #{$default-float}: ($form-spacing * 2.5) / 2 - emCalc(5); + top: 50%; + margin-top: -3px; + } + } + + &:hover, &.open { + a.selector { + &:after { @include css-triangle(5px, $custom-select-triangle-color-open, top); } + } + } + + .disabled { + color: $custom-select-disabled-color; + &:hover { + background: transparent; + color: $custom-select-disabled-color; + &:after { display: none; } + } + } + + &.open ul { + display: block; + z-index: 10; + min-width:100%; + @include box-sizing(content-box); + } + + &.small { max-width: $custom-dropdown-width-small; } + &.medium { max-width: $custom-dropdown-width-medium; } + &.large { max-width: $custom-dropdown-width-large; } + &.expand { width: 100% !important; } + + &.open.small ul { min-width: $custom-dropdown-width-small; @include box-sizing(border-box); } + &.open.medium ul { min-width: $custom-dropdown-width-medium; @include box-sizing(border-box); } + &.open.large ul { min-width: $custom-dropdown-width-large; @include box-sizing(border-box); } + } + + .error .custom.dropdown { + @include form-error-color; + background: rgba($alert-color, 0.1); + margin-bottom: 0; + } + + .error .custom.dropdown + small.error { + margin-top: 0; + } + + .custom.dropdown ul { + position: absolute; + width: auto; + display: none; + margin: 0; + #{$default-float}: -$input-border-width; + top: $custom-dropdown-offset-top; + @if $experimental { + -webkit-box-shadow: $custom-dropdown-shadow; + } + box-shadow: $custom-dropdown-shadow; + margin: 0; + padding: 0; + background: $custom-dropdown-bg; + border: $custom-dropdown-border-style $custom-dropdown-border-width $custom-dropdown-border-color; + font-size: $em-base; + + li { + color: $custom-dropdown-font-color; + font-size: $custom-dropdown-font-size; + cursor: $cursor-default-value; + padding-top: $custom-dropdown-list-padding; + padding-bottom: $custom-dropdown-list-padding; + padding-#{$default-float}: $custom-dropdown-default-float-padding; + padding-#{$opposite-direction}: $custom-dropdown-opposite-padding; + min-height: $custom-dropdown-list-item-min-height; + line-height: $custom-dropdown-list-item-min-height; + margin: 0; + white-space: nowrap; + list-style: none; + + &.selected { + background: $custom-dropdown-color-selected; + color: $custom-dropdown-font-color-selected; + } + &:hover { + background-color: darken($custom-dropdown-color-selected, 4%); + color: $custom-dropdown-font-color-selected; + } + &.selected:hover { + background: $custom-dropdown-color-selected; + cursor: $cursor-default-value; + color: $custom-dropdown-font-color-selected; + } + } + + &.show { display: block; } + } + + /* Custom input, disabled */ + .custom.disabled { background: $custom-form-bg-disabled; } + } +} +: +@linei: @options{:@has_childrenT:@children[2o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["&/* + * Custom Form Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"%include-html-custom-form-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["E/* We use these to control the basic form styles input styles */o; ;i ;" !default;@;"custom-form-border-color;o:Sass::Script::Color ;i ;@: @attrs{ :redi: +alphai: +greeni: bluei;0; +[o; ;i ;" !default;@;"custom-form-border-size;o:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units["px:@original"1px;i; +[o; ;i;" !default;@;"custom-form-bg;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"custom-form-bg-disabled;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"custom-form-input-size;o; ;i;@;[;["px;" 16px;i; +[o; ;i;" !default;@;"custom-form-check-color;o; ;i;@;{ ;i';i;i';i';0; +[o; ;i;" !default;@;"custom-form-check-size;o; ;i;@;[;["px;" 16px;i; +[o; ;i;" !default;@;"custom-form-radio-size;o; ;i;@;[;["px;"8px;i ; +[o; ;i;" !default;@;" custom-form-checkbox-radius;o; ;i;@;[;["px;"0px;i; +[o; +;i;@; ; ; +[;["@/* We use these to style the custom select form element. */o; ;i;" !default;@;"custom-select-bg;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;" custom-select-fade-to-color;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"custom-select-border-color;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"!custom-select-triangle-color;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"&custom-select-triangle-color-open;o; ;i;@;{ ;i';i;i';i';0; +[o; ;i;" !default;@;"custom-select-height;o:Sass::Script::Operation +;i:@operand1o:Sass::Script::Funcall :@keywords{;i;@;" emCalc: @splat0: +@args[o; ;i;@;[;[;"13;i;@:@operator: plus:@operand2o; +;i; o; ;i;@;"form-spacing;"form_spacing;@;%: +times;'o; ;i;@;@;[;"1.5;f1.5; +[o; ;i;" !default;@;" custom-select-margin-bottom;o;! ;"{;i;@;" emCalc;#0;$[o; ;i;@;@;[;"20;i; +[o; ;i;" !default;@;"&custom-select-font-color-selected;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"!custom-select-disabled-color;o; ;i;@;{ ;i;i;i;i;0; +[o; +;i!;@; ; ; +[;["S/* We use these to control the style of the custom select dropdown element. */o; ;i";" !default;@;"custom-dropdown-height;o; ;i";@;[;["px;" +200px;i; +[o; ;i#;" !default;@;"custom-dropdown-bg;o; ;i#;@;{ ;i;i;i;i;0; +[o; ;i$;" !default;@;"!custom-dropdown-border-color;o;! ;"{;i$;@;" darken;#0;$[o; ;i$;@;{ ;i;i;i;i;0o; ;i$;@;[;["%;"20%;i; +[o; ;i%;" !default;@;"!custom-dropdown-border-width;o; ;i%;@;[;["px;"1px;i; +[o; ;i&;" !default;@;"!custom-dropdown-border-style;o:Sass::Script::String ;i&;@; :identifier;" +solid; +[o; ;i';" !default;@;"custom-dropdown-font-color;o; ;i';@;{ ;iZ;i;iZ;iZ;0; +[o; ;i(;" !default;@;"custom-dropdown-font-size;o;! ;"{;i(;@;" emCalc;#0;$[o; ;i(;@;@;[;"14;i; +[o; ;i);" !default;@;"#custom-dropdown-color-selected;o; ;i);@;{ ;i;i;i;i;0; +[o; ;i*;" !default;@;"(custom-dropdown-font-color-selected;o; ;i*;@;{ ;i;i;i;i;0; +[o; ;i+;" !default;@;"custom-dropdown-shadow;o:Sass::Script::List :@separator: +space;i+;@;[ +o; ;i+;@;@;[;"0;io; ;i+;@;[;["px;"2px;io; ;i+;@;[;["px;"2px;io; ;i+;@;[;["px;"0px;io;! ;"{;i+;@;" rgba;#0;$[ o; ;i+;@;@;[;"0;io; ;i+;@;@;[;"0;io; ;i+;@;@;[;"0;io; ;i+;@;@;[;"0.1;f0.10000000000000001; +[o; ;i,;" !default;@;"custom-dropdown-offset-top;o;) ;i,;@; ;*;" auto; +[o; ;i-;" !default;@;"!custom-dropdown-list-padding;o;! ;"{;i-;@;" emCalc;#0;$[o; ;i-;@;@;[;"4;i ; +[o; ;i.;" !default;@;"*custom-dropdown-default-float-padding;o;! ;"{;i.;@;" emCalc;#0;$[o; ;i.;@;@;[;"6;i ; +[o; ;i/;" !default;@;"%custom-dropdown-opposite-padding;o;! ;"{;i/;@;" emCalc;#0;$[o; ;i/;@;@;[;"38;i+; +[o; ;i0;" !default;@;")custom-dropdown-list-item-min-height;o;! ;"{;i0;@;" emCalc;#0;$[o; ;i0;@;@;[;"24;i; +[o; ;i1;" !default;@;" custom-dropdown-width-small;o; ;i1;@;[;["px;" +134px;i; +[o; ;i2;" !default;@;"!custom-dropdown-width-medium;o; ;i2;@;[;["px;" +254px;i; +[o; ;i3;" !default;@;" custom-dropdown-width-large;o; ;i3;@;[;["px;" +434px;i; +[o; +;i5;@; ; ; +[;["/* We decided not to make a mixin for the custom forms because + * they rely on a very specific class naming structure. + * We may look at updating this in the future. */o:Sass::Tree::MixinDefNode ;i8;@;"custom-form-input; T; +[o:Sass::Tree::MixinNode ;"{;i9;@;" radius; +[;#0;$[o; ;i9;@;" radius;" radiuso:Sass::Tree::PropNode ;i:;@;[" padding:@prop_syntax:new; +[: +@tabsi;o; +;i:; o; +;i:; o; +;i:; o; ;i:;@;"custom-form-input-size;"custom_form_input_size;@;%: +minus;'o; ;i:;@;"mark-size;"mark_size;@;%:div;'o; +;i:;@;@;[;i;@;%;4;'o; ;i:;@;"custom-form-border-size;"custom_form_border_size;#0;$[[o;;@;" radius;" radiuso; ;i8;@;[;["px;"0px;i[o;;@;"mark-size;"mark_sizeo; ;i8;@;[;["px;"0px;io; +;i=;@; ; ; +[;["]/* Only include these classes if the variable is true, otherwise they'll be left out. */u:Sass::Tree::IfNodenS[o:Sass::Script::Operation +: +@linei>:@operand1o:Sass::Script::Variable ;i>: @options{: +@name"%include-html-custom-form-classes:@underscored_name"%include_html_custom_form_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i>; @: @valueF0[ o:Sass::Tree::CommentNode +;i@; @: +@type: normal:@children[;["+/* Custom Checkbox and Radio Inputs */o:Sass::Tree::RuleNode : +@rule["form.custom;iA; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";iA: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;iA;[o:Sass::Selector::Element ;@:@namespace0;iA; +[" formo:Sass::Selector::Class;@;iA; +[" custom: @sourceso:Set: +@hash{: @subject0:@has_childrenT;[o; ;[".hidden-field;iC; @;o;;";iC;[o;;[o; +;@(;iC;[o;;@(;iC; +["hidden-field; o;!;"{;#0;$T;[o:Sass::Tree::PropNode ;iD; @; +[" margin-o; ;iD; @; +"default-float; "default_float:@prop_syntax:new;[: +@tabsi;o:Sass::Script::String; @;:identifier;" -99999pxo;% ;iE; @; +[" position;&;';[;(i;o;); @;;*;" absoluteo;% ;iF; @; +["visibility;&;';[;(i;o;); @;;*;" hidden;(io; ;[" .custom;iI; @;o;;";iI;[o;;[o; +;@M;iI;[o;;@M;iI; +[" custom; o;!;"{;#0;$T;[o;% ;iJ; @; +[" display;&;';[;(i;o;); @;;*;"inline-blocko;% ;iK; @; +[" +width;&;';[;(i;o; ;iK; @; +"custom-form-input-size; "custom_form_input_sizeo;% ;iL; @; +[" height;&;';[;(i;o; ;iL; @; +"custom-form-input-size; "custom_form_input_sizeo;% ;iM; @; +[" position;&;';[;(i;o;); @;;*;" relativeo;% ;iN; @; +["top;&;';[;(i;o;); @;;*;" -1pxo; +;iN; @;;;[;["/* fix centering issue */o;% ;iO; @; +["vertical-align;&;';[;(i;o;); @;;*;" middleo;% ;iP; @; +[" border;&;';[;(i;o:Sass::Script::List :@separator: +space;iP; @;[o;) ;iP; @;;*;" +solido; ;iP; @; +"custom-form-border-size; "custom_form_border_sizeo; ;iP; @; +"custom-form-border-color; "custom_form_border_coloro;% ;iQ; @; +["background;&;';[;(i;o; ;iQ; @; +"custom-form-bg; "custom_form_bgo; ;["&.checkbox;iS; @;o;;";iS;[o;;[o; +;@;iS;[o:Sass::Selector::Parent;@;iSo;;@;iS; +[" checkbox; o;!;"{;#0;$T;[o:Sass::Tree::MixinNode :@keywords{" radiuso; ;iT; @; +" custom-form-checkbox-radius; " custom_form_checkbox_radius"mark_sizeo; ;iT; @; +"custom-form-check-size; "custom_form_check_size;iT; @; +"custom-form-input;[: @splat0: +@args[;(io; ;[" &.radio;iW; @;o;;";iW;[o;;[o; +;@;iW;[o;.;@;iWo;;@;iW; +[" +radio; o;!;"{;#0;$T;[o;/ ;0{" radiuso:Sass::Script::Number ;iX; @:@denominator_units[:@numerator_units["px:@original" 1000px;i"mark_sizeo; ;iX; @; +"custom-form-radio-size; "custom_form_radio_size;iX; @; +"custom-form-input;[;10;2[;(io; ;["&.checkbox;i[; @;o;;";i[;[o;;[o; +;@;i[;[o;.;@;i[o;;@;i[; +[" checkbox; o;!;"{;#0;$T;[o; ;[" &:before;i\; @;o;;";i\;[o;;[o; +;@;i\;[o;.;@;i\o:Sass::Selector::Pseudo +;@;i\: @arg0; +[" before;: +class; o;!;"{;#0;$T;[ o;% ;i]; @; +[" content;&;';[;(i;o;); @;;*;"""o;% ;i^; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;i_; @; +["font-size;&;';[;(i;o; ;i_; @; +"custom-form-check-size; "custom_form_check_sizeo;% ;i`; @; +[" +color;&;';[;(i;o; ;i`; @; +"custom-form-bg; "custom_form_bg;(i;(io; ;["&.radio.checked;id; @;o;;";id;[o;;[o; +;@;id;[o;.;@;ido;;@;id; +[" +radioo;;@;id; +[" checked; o;!;"{;#0;$T;[o; ;[" &:before;ie; @;o;;";ie;[o;;[o; +;@%;ie;[o;.;@%;ieo;7 +;@%;ie;80; +[" before;;9; o;!;"{;#0;$T;[ o;% ;if; @; +[" content;&;';[;(i;o;); @;;*;"""o;% ;ig; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;ih; @; +[" +width;&;';[;(i;o; ;ih; @; +"custom-form-radio-size; "custom_form_radio_sizeo;% ;ii; @; +[" height;&;';[;(i;o; ;ii; @; +"custom-form-radio-size; "custom_form_radio_sizeo;/ ;0{;ij; @; +" radius;[;10;2[o;3 ;ij; @;4[;5["px;6" 1000px;io;% ;ik; @; +["background;&;';[;(i;o; ;ik; @; +"custom-form-check-color; "custom_form_check_coloro;% ;il; @; +[" position;&;';[;(i;o;); @;;*;" relative;(i;(io; ;["&.checkbox.checked;ip; @;o;;";ip;[o;;[o; +;@g;ip;[o;.;@g;ipo;;@g;ip; +[" checkboxo;;@g;ip; +[" checked; o;!;"{;#0;$T;[o; ;[" &:before;iq; @;o;;";iq;[o;;[o; +;@{;iq;[o;.;@{;iqo;7 +;@{;iq;80; +[" before;;9; o;!;"{;#0;$T;[ o;% ;ir; @; +[" content;&;';[;(i;o;); @;;*;" "\00d7"o;% ;is; @; +[" +color;&;';[;(i;o; ;is; @; +"custom-form-check-color; "custom_form_check_coloro;% ;it; @; +[" position;&;';[;(i;o;); @;;*;" absoluteo;% ;iu; @; +["top;&;';[;(i;o;); @;;*;" -50%o;% ;iv; @; +[" left;&;';[;(i;o;); @;;*;"50%o;% ;iw; @; +["margin-top;&;';[;(i;o;); @;;*;"4pxo;% ;ix; @; +["margin-left;&;';[;(i;o;); @;;*;" -5px;(i;(i;(i;(io; +;i~; @;;;[;["./* Custom Select Options and Dropdowns */o; ;["form.custom;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" formo;;@;i; +[" custom; o;!;"{;#0;$T;[ o; ;[".custom.dropdown;i{; @;o;;";i{;[o;;[o; +;@;i{;[o;;@;i{; +[" customo;;@;i{; +[" dropdown; o;!;"{;#0;$T;[ o;% ;i|; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;i}; @; +[" position;&;';[;(i;o;); @;;*;" relativeo;% ;i~; @; +["top;&;';[;(i;o;); @;;*;"0o;% ;i; @; +[" height;&;';[;(i;o; ;i; @; +"custom-select-height; "custom_select_heighto;% ;i; @; +["margin-bottom;&;';[;(i;o; ;i; @; +" custom-select-margin-bottom; " custom_select_margin_bottomo;% ;i; @; +["margin-top;&;';[;(i;o;); @;;*;"0pxo;% ;i; @; +[" padding;&;';[;(i;o;); @;;*;"0pxo;% ;i; @; +[" +width;&;';[;(i;o;); @;;*;" 100%o;% ;i; @; +["background;&;';[;(i;o; ;i; @; +"custom-dropdown-bg; "custom_dropdown_bgu:Sass::Tree::IfNodeh[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Funcall :@keywords{;i;@;"-moz-linear-gradient: @splat0: +@args[o:Sass::Script::String ;i;@: +@type:identifier;"topo:Sass::Script::List :@separator: +space;i;@;[o; ;i;@;"custom-dropdown-bg; "custom_dropdown_bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"0%;io; ;;;i;@;[o; ;i;@;" custom-select-fade-to-color; " custom_select_fade_to_coloro; ;i;@;[;["%;" 100%;iio; + ;i;@;["background; ; ; [;i;o; ;{;i;@;"-webkit-linear-gradient;0;[o; ;i;@;;;"topo; ;;;i;@;[o; ;i;@;"custom-dropdown-bg; "custom_dropdown_bgo; ;i;@;[;["%;"0%;io; ;;;i;@;[o; ;i;@;" custom-select-fade-to-color; " custom_select_fade_to_coloro; ;i;@;[;["%;" 100%;iio; + ;i;@;["-webkit-box-shadow; ; ; [;i;o;;@;;;" noneo;% ;i; @; +["background;&;';[;(i;o:Sass::Script::Funcall ;0{;i; @; +"linear-gradient;10;2[o;+ ;,;-;i; @;[o;) ;i; @;;*;"too;) ;i; @;;*;" bottomo;+ ;,;-;i; @;[o; ;i; @; +"custom-dropdown-bg; "custom_dropdown_bgo;3 ;i; @;4[;5["%;6"0%;io;+ ;,;-;i; @;[o; ;i; @; +" custom-select-fade-to-color; " custom_select_fade_to_coloro;3 ;i; @;4[;5["%;6" 100%;iio;% ;i; @; +["box-shadow;&;';[;(i;o;); @;;*;" noneo;% ;i; @; +["font-size;&;';[;(i;o; ;i; @; +"custom-dropdown-font-size; "custom_dropdown_font_sizeo;% ;i; @; +["vertical-align;&;';[;(i;o;); @;;*;"topo; ;["ul;i; @;o;;";i;[o;;[o; +;@P;i;[o; ;@P;0;i; +["ul; o;!;"{;#0;$T;[o;% ;i; @; +["overflow-y;&;';[;(i;o;); @;;*;" autoo;% ;i; @; +["max-height;&;';[;(i;o; ;i; @; +"custom-dropdown-height; "custom_dropdown_height;(io; ;[" .current;i; @;o;;";i;[o;;[o; +;@m;i;[o;;@m;i; +[" current; o;!;"{;#0;$T;[o;% ;i; @; +[" cursor;&;';[;(i;o;); @;;*;" defaulto;% ;i; @; +["white-space;&;';[;(i;o;); @;;*;" nowrapo;% ;i; @; +["line-height;&;';[;(i;o; +;i;o; ;i; @; +"custom-select-height; "custom_select_height; @; : +minus;o;; ;0{;i; @; +" emCalc;10;2[o;3 ;i; @;4[;5[;6"1;io;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"input-font-color; "input_font_coloro;% ;i; @; +["text-decoration;&;';[;(i;o;); @;;*;" noneo;% ;i; @; +[" overflow;&;';[;(i;o;); @;;*;" hiddeno;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;i; @; +[" margin-o; ;i; @; +"default-float; "default_float;&;';[;(i;o; +;i;o; ;i; @; +"form-spacing; "form_spacing; @; :div;o;3 ;i; @;4@;5[;6"2;io;% ;i; @; +[" margin-o; ;i; @; +"opposite-direction; "opposite_direction;&;';[;(i;o; ;i; @; +"custom-select-height; "custom_select_height;(io; ;[".selector;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +[" selector; o;!;"{;#0;$T;[ o;% ;i; @; +[" cursor;&;';[;(i;o;); @;;*;" defaulto;% ;i; @; +[" position;&;';[;(i;o;); @;;*;" absoluteo;% ;i; @; +[" +width;&;';[;(i;o; +;i;o; ;i; @; +"form-spacing; "form_spacing; @; : +times;o;3 ;i; @;4@;5[;6"2.5;f2.5o;% ;i; @; +[" height;&;';[;(i;o; ;i; @; +"custom-select-height; "custom_select_heighto;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;i; @; +[o; ;i; @; +"opposite-direction; "opposite_direction;&;';[;(i;o;); @;;*;"0o;% ;i; @; +["top;&;';[;(i;o;); @;;*;"0o; ;[" &:after;i; @;o;;";i;[o;;[o; +;@ ;i;[o;.;@ ;io;7 +;@ ;i;80; +[" +after;;9; o;!;"{;#0;$T;[ o;% ;i; @; +[" content;&;';[;(i;o;); @;;*;"""o;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;/ ;0{;i; @; +"css-triangle;[;10;2[o;3 ;i; @;4[;5["px;6"5px;i +o; ;i; @; +"!custom-select-triangle-color; "!custom_select_triangle_coloro;) ;i; @;;*;"topo;% ;i; @; +[" position;&;';[;(i;o;); @;;*;" absoluteo;% ;i; @; +[o; ;i; @; +"default-float; "default_float;&;';[;(i;o; +;i;o; +;i;o; +;i;o; ;i; @; +"form-spacing; "form_spacing; @; ;>;o;3 ;i; @;4@;5[;6"2.5;f2.5; @; ;=;o;3 ;i; @;4@;5[;6"2;i; @; ;<;o;; ;0{;i; @; +" emCalc;10;2[o;3 ;i; @;4@;5[;6"5;i +o;% ;i; @; +["top;&;';[;(i;o;); @;;*;"50%o;% ;i; @; +["margin-top;&;';[;(i;o;); @;;*;" -3px;(i;(io; ;["&:hover, &.open;i; @;o;;";i;[o;;[o; +;@e;i;[o;.;@e;io;7 +;@e;i;80; +[" +hover;;9; o;!;"{;#0o;;[o; +;@e;i;[o;.;@e;io;;@e;i; +[" open; o;!;"{;#0;$T;[o; ;["a.selector;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["ao;;@;i; +[" selector; o;!;"{;#0;$T;[o; ;[" &:after;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;7 +;@;i;80; +[" +after;;9; o;!;"{;#0;$T;[o;/ ;0{;i; @; +"css-triangle;[;10;2[o;3 ;i; @;4[;5["px;6"5px;i +o; ;i; @; +"&custom-select-triangle-color-open; "&custom_select_triangle_color_openo;) ;i; @;;*;"top;(i;(i;(io; ;[".disabled;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +[" disabled; o;!;"{;#0;$T;[o;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"!custom-select-disabled-color; "!custom_select_disabled_coloro; ;[" &:hover;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;7 +;@;i;80; +[" +hover;;9; o;!;"{;#0;$T;[o;% ;i; @; +["background;&;';[;(i;o;); @;;*;"transparento;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"!custom-select-disabled-color; "!custom_select_disabled_coloro; ;[" &:after;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;7 +;@;i;80; +[" +after;;9; o;!;"{;#0;$T;[o;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" none;(i;(i;(io; ;["&.open ul;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;;@;i; +[" open; o;!;"{;#0o; +;@;i;[o; ;@;0;i; +["ul; o;!;"{;#0;$T;[ o;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" +blocko;% ;i; @; +[" z-index;&;';[;(i;o;); @;;*;"10o;% ;i; @; +["min-width;&;';[;(i;o;); @;;*;" 100%o;/ ;0{;i; @; +"box-sizing;[;10;2[o;) ;i; @;;*;"content-box;(io; ;[" &.small;i; @;o;;";i;[o;;[o; +;@0;i;[o;.;@0;io;;@0;i; +[" +small; o;!;"{;#0;$T;[o;% ;i; @; +["max-width;&;';[;(i;o; ;i; @; +" custom-dropdown-width-small; " custom_dropdown_width_small;(io; ;[" &.medium;i; @;o;;";i;[o;;[o; +;@H;i;[o;.;@H;io;;@H;i; +[" medium; o;!;"{;#0;$T;[o;% ;i; @; +["max-width;&;';[;(i;o; ;i; @; +"!custom-dropdown-width-medium; "!custom_dropdown_width_medium;(io; ;[" &.large;i; @;o;;";i;[o;;[o; +;@`;i;[o;.;@`;io;;@`;i; +[" +large; o;!;"{;#0;$T;[o;% ;i; @; +["max-width;&;';[;(i;o; ;i; @; +" custom-dropdown-width-large; " custom_dropdown_width_large;(io; ;[" &.expand;i; @;o;;";i;[o;;[o; +;@x;i;[o;.;@x;io;;@x;i; +[" expand; o;!;"{;#0;$T;[o;% ;i; @; +[" +width;&;';[;(i;o;); @;;*;"100% !important;(io; ;["&.open.small ul;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;;@;i; +[" openo;;@;i; +[" +small; o;!;"{;#0o; +;@;i;[o; ;@;0;i; +["ul; o;!;"{;#0;$T;[o;% ;i; @; +["min-width;&;';[;(i;o; ;i; @; +" custom-dropdown-width-small; " custom_dropdown_width_smallo;/ ;0{;i; @; +"box-sizing;[;10;2[o;) ;i; @;;*;"border-box;(io; ;["&.open.medium ul;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;;@;i; +[" openo;;@;i; +[" medium; o;!;"{;#0o; +;@;i;[o; ;@;0;i; +["ul; o;!;"{;#0;$T;[o;% ;i; @; +["min-width;&;';[;(i;o; ;i; @; +"!custom-dropdown-width-medium; "!custom_dropdown_width_mediumo;/ ;0{;i; @; +"box-sizing;[;10;2[o;) ;i; @;;*;"border-box;(io; ;["&.open.large ul;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;;@;i; +[" openo;;@;i; +[" +large; o;!;"{;#0o; +;@;i;[o; ;@;0;i; +["ul; o;!;"{;#0;$T;[o;% ;i; @; +["min-width;&;';[;(i;o; ;i; @; +" custom-dropdown-width-large; " custom_dropdown_width_largeo;/ ;0{;i; @; +"box-sizing;[;10;2[o;) ;i; @;;*;"border-box;(i;(io; ;[".error .custom.dropdown;i; @;o;;";i;[o;;[o; +;@ +;i;[o;;@ +;i; +[" +error; o;!;"{;#0o; +;@ +;i;[o;;@ +;i; +[" customo;;@ +;i; +[" dropdown; o;!;"{;#0;$T;[o;/ ;0{;i; @; +"form-error-color;[;10;2[o;% ;i; @; +["background;&;';[;(i;o;; ;0{;i; @; +" rgba;10;2[o; ;i; @; +"alert-color; "alert_coloro;3 ;i; @;4@;5[;6"0.1;f0.10000000000000001o;% ;i; @; +["margin-bottom;&;';[;(i;o;); @;;*;"0;(io; ;["*.error .custom.dropdown + small.error;i; @;o;;";i;[o;;[ o; +;@>;i;[o;;@>;i; +[" +error; o;!;"{;#0o; +;@>;i;[o;;@>;i; +[" customo;;@>;i; +[" dropdown; o;!;"{;#0"+o; +;@>;i;[o; ;@>;0;i; +[" +smallo;;@>;i; +[" +error; o;!;"{;#0;$T;[o;% ;i; @; +["margin-top;&;';[;(i;o;); @;;*;"0;(io; ;[".custom.dropdown ul;i; @;o;;";i;[o;;[o; +;@i;i;[o;;@i;i; +[" customo;;@i;i; +[" dropdown; o;!;"{;#0o; +;@i;i;[o; ;@i;0;i; +["ul; o;!;"{;#0;$T;[o;% ;i; @; +[" position;&;';[;(i;o;); @;;*;" absoluteo;% ;i; @; +[" +width;&;';[;(i;o;); @;;*;" autoo;% ;i; @; +[" display;&;';[;(i;o;); @;;*;" noneo;% ;i; @; +[" margin;&;';[;(i;o;); @;;*;"0o;% ;i; @; +[o; ;i; @; +"default-float; "default_float;&;';[;(i;o:!Sass::Script::UnaryOperation ;i; @; ;<: @operando; ;i; @; +"input-border-width; "input_border_widtho;% ;i; @; +["top;&;';[;(i;o; ;i; @; +"custom-dropdown-offset-top; "custom_dropdown_offset_topu;:[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;"custom-dropdown-shadow; "custom_dropdown_shadowo;% ;i; @; +["box-shadow;&;';[;(i;o; ;i; @; +"custom-dropdown-shadow; "custom_dropdown_shadowo;% ;i; @; +[" margin;&;';[;(i;o;); @;;*;"0o;% ;i; @; +[" padding;&;';[;(i;o;); @;;*;"0o;% ;i; @; +["background;&;';[;(i;o; ;i; @; +"custom-dropdown-bg; "custom_dropdown_bgo;% ;i; @; +[" border;&;';[;(i;o;+ ;,;-;i; @;[o; ;i; @; +"!custom-dropdown-border-style; "!custom_dropdown_border_styleo; ;i; @; +"!custom-dropdown-border-width; "!custom_dropdown_border_widtho; ;i; @; +"!custom-dropdown-border-color; "!custom_dropdown_border_coloro;% ;i; @; +["font-size;&;';[;(i;o; ;i; @; +" em-base; " em_baseo; ;["li;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["li; o;!;"{;#0;$T;[o;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"custom-dropdown-font-color; "custom_dropdown_font_coloro;% ;i; @; +["font-size;&;';[;(i;o; ;i; @; +"custom-dropdown-font-size; "custom_dropdown_font_sizeo;% ;i; @; +[" cursor;&;';[;(i;o; ;i; @; +"cursor-default-value; "cursor_default_valueo;% ;i; @; +["padding-top;&;';[;(i;o; ;i; @; +"!custom-dropdown-list-padding; "!custom_dropdown_list_paddingo;% ;i; @; +["padding-bottom;&;';[;(i;o; ;i; @; +"!custom-dropdown-list-padding; "!custom_dropdown_list_paddingo;% ;i; @; +[" padding-o; ;i; @; +"default-float; "default_float;&;';[;(i;o; ;i; @; +"*custom-dropdown-default-float-padding; "*custom_dropdown_default_float_paddingo;% ;i; @; +[" padding-o; ;i; @; +"opposite-direction; "opposite_direction;&;';[;(i;o; ;i; @; +"%custom-dropdown-opposite-padding; "%custom_dropdown_opposite_paddingo;% ;i; @; +["min-height;&;';[;(i;o; ;i; @; +")custom-dropdown-list-item-min-height; ")custom_dropdown_list_item_min_heighto;% ;i; @; +["line-height;&;';[;(i;o; ;i; @; +")custom-dropdown-list-item-min-height; ")custom_dropdown_list_item_min_heighto;% ;i; @; +[" margin;&;';[;(i;o;); @;;*;"0o;% ;i; @; +["white-space;&;';[;(i;o;); @;;*;" nowrapo;% ;i; @; +["list-style;&;';[;(i;o;); @;;*;" noneo; ;["&.selected;i; @;o;;";i;[o;;[o; +;@D;i;[o;.;@D;io;;@D;i; +[" selected; o;!;"{;#0;$T;[o;% ;i; @; +["background;&;';[;(i;o; ;i; @; +"#custom-dropdown-color-selected; "#custom_dropdown_color_selectedo;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"(custom-dropdown-font-color-selected; "(custom_dropdown_font_color_selected;(io; ;[" &:hover;i; @;o;;";i;[o;;[o; +;@c;i;[o;.;@c;io;7 +;@c;i;80; +[" +hover;;9; o;!;"{;#0;$T;[o;% ;i; @; +["background-color;&;';[;(i;o;; ;0{;i; @; +" darken;10;2[o; ;i; @; +"#custom-dropdown-color-selected; "#custom_dropdown_color_selectedo;3 ;i; @;4[;5["%;6"4%;i o;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"(custom-dropdown-font-color-selected; "(custom_dropdown_font_color_selected;(io; ;["&.selected:hover;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;io;;@;i; +[" selectedo;7 +;@;i;80; +[" +hover;;9; o;!;"{;#0;$T;[o;% ;i; @; +["background;&;';[;(i;o; ;i; @; +"#custom-dropdown-color-selected; "#custom_dropdown_color_selectedo;% ;i; @; +[" cursor;&;';[;(i;o; ;i; @; +"cursor-default-value; "cursor_default_valueo;% ;i; @; +[" +color;&;';[;(i;o; ;i; @; +"(custom-dropdown-font-color-selected; "(custom_dropdown_font_color_selected;(i;(io; ;[" &.show;i ; @;o;;";i ;[o;;[o; +;@;i ;[o;.;@;i o;;@;i ; +[" show; o;!;"{;#0;$T;[o;% ;i ; @; +[" display;&;';[;(i;o;); @;;*;" +block;(i;(io; +;i; @;;;[;["!/* Custom input, disabled */o; ;[".custom.disabled;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +[" customo;;@;i; +[" disabled; o;!;"{;#0;$T;[o;% ;i; @; +["background;&;';[;(i;o; ;i; @; +"custom-form-bg-disabled; "custom_form_bg_disabled;(i;(i \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown-buttons.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown-buttons.scssc new file mode 100644 index 000000000..d587fe3d6 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown-buttons.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown.scssc new file mode 100644 index 000000000..04a82c921 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_dropdown.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_flex-video.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_flex-video.scssc new file mode 100644 index 000000000..d69630072 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_flex-video.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_forms.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_forms.scssc new file mode 100644 index 000000000..8025607a9 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_forms.scssc @@ -0,0 +1,1209 @@ +3.2.10 (Media Mark) +c3a2ad09c5e90a00a3780da9acffc7a086a766bd +o:Sass::Tree::RootNode +:@template"_-// +// Form Variables +// +$include-html-form-classes: $include-html-classes !default; + +// We use this to set the base for lots of form spacing and positioning styles +$form-spacing: emCalc(16) !default; + +// We use these to style the labels in different ways +$form-label-pointer: pointer !default; +$form-label-font-size: emCalc(14) !default; +$form-label-font-weight: 500 !default; +$form-label-font-color: lighten(#000, 30%) !default; +$form-label-bottom-margin: emCalc(3) !default; +$input-font-family: inherit !default; +$input-font-color: rgba(0,0,0,0.75) !default; +$input-font-size: emCalc(14) !default; +$input-bg-color: #fff !default; +$input-focus-bg-color: darken(#fff, 2%) !default; +$input-border-color: darken(#fff, 20%) !default; +$input-focus-border-color: darken(#fff, 40%) !default; +$input-border-style: solid !default; +$input-border-width: 1px !default; +$input-disabled-bg: #ddd !default; +$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default; +$input-include-glowing-effect: true !default; + +// We use these to style the fieldset border and spacing. +$fieldset-border-style: solid !default; +$fieldset-border-width: 1px !default; +$fieldset-border-color: #ddd !default; +$fieldset-padding: emCalc(20) !default; +$fieldset-margin: emCalc(18, 0) !default; + +// We use these to style the legends when you use them +$legend-bg: #fff !default; +$legend-font-weight: bold !default; +$legend-padding: emCalc(0, 3) !default; + +// We use these to style the prefix and postfix input elements +$input-prefix-bg: darken(#fff, 5%) !default; +$input-prefix-border-color: darken(#fff, 20%) !default; +$input-prefix-border-size: 1px !default; +$input-prefix-border-type: solid !default; +$input-prefix-overflow: hidden !default; +$input-prefix-font-color: #333 !default; +$input-prefix-font-color-alt: #fff !default; + +// We use these to style the error states for inputs and labels +$input-error-message-padding: emCalc(6, 4) !default; +$input-error-message-top: -($form-spacing) - emCalc(5) !default; +$input-error-message-font-size: emCalc(12) !default; +$input-error-message-font-weight: bold !default; +$input-error-message-font-color: #fff !default; +$input-error-message-font-color-alt: #333 !default; + +// We use this to style the glowing effect of inputs when focused +$glowing-effect-fade-time: 0.45s !default; +$glowing-effect-color: $input-focus-border-color !default; + +// +// Form Mixins +// + +// We use this mixin to give us form styles for rows inside of forms +@mixin form-row-base { + .row { margin: 0 ((-$form-spacing) / 2); + + .column, + .columns { padding: 0 $form-spacing / 2; } + + // Use this to collapse the margins of a form row + &.collapse { margin: 0; + + .column, + .columns { padding: 0; } + + } + } + input.column, + input.columns, + textarea.column, + textarea.columns { padding-#{$default-float}: $form-spacing / 2; } +} + +// We use this mixin to give all basic form elements their style +@mixin form-element() { + background-color: $input-bg-color; + font-family: $input-font-family; + border: $input-border-width $input-border-style $input-border-color; + @if $experimental { + -webkit-box-shadow: $input-box-shadow; + } + box-shadow: $input-box-shadow; + color: $input-font-color; + display: block; + font-size: $input-font-size; + margin: 0 0 $form-spacing 0; + padding: $form-spacing / 2; + height: ($input-font-size + ($form-spacing * 1.5) - emCalc(1)); + width: 100%; + @include box-sizing(border-box); + @if $input-include-glowing-effect { + @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color); + } + // Basic focus styles + &:focus { + background: $input-focus-bg-color; + border-color: $input-focus-border-color; + outline: none; + } + + // Disabled background input background color + &[disabled] { background-color: $input-disabled-bg; } +} + +// We use this mixin to create form labels +@mixin form-label($alignment:false, $base-style:true) { + + // Control whether or not the base styles come through. + @if $base-style { + font-size: $form-label-font-size; + color: $form-label-font-color; + cursor: $form-label-pointer; + display: block; + font-weight: $form-label-font-weight; + margin-bottom: $form-label-bottom-margin; + } + + // Alignment options + @if $alignment == right { + float: none; + text-align: right; + } + @else if $alignment == inline { + margin: 0 0 $form-spacing 0; + padding: $form-spacing / 2 + emCalc($input-border-width * 2) 0; + } +} + +// We use this mixin to create postfix/prefix form Labels +@mixin prefix-postfix-base { + display: block; + position: relative; + z-index: 2; + text-align: center; + width: 100%; + padding-top: 0; + padding-bottom: 0; + border-style: $input-prefix-border-type; + border-width: $input-prefix-border-size; + overflow: $input-prefix-overflow; + font-size: $form-label-font-size; + height: ($form-label-font-size + ($form-spacing * 1.5) - emCalc(1)); + line-height: ($form-label-font-size + ($form-spacing * 1.5) - emCalc(1)); +} + +// We use this mixin to create prefix label styles +@mixin prefix($bg:$input-prefix-bg,$is-button:false) { + + @if $bg { + $bg-lightness: lightness($bg); + background: $bg; + border-color: darken($bg, 10%); + border-#{$opposite-direction}: none; + + // Control the font color based on background brightness + @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } + @else { color: $input-prefix-font-color-alt; } + } + + @if $is-button { + padding-#{$default-float}: 0; + padding-#{$opposite-direction}: 0; + padding-top: 0; + padding-bottom: 0; + text-align: center; + line-height: emCalc(34); + } + +} + +// We use this mixin to create postfix label styles +@mixin postfix($bg:$input-prefix-bg, $is-button:false) { + + @if $bg { + $bg-lightness: lightness($bg); + background: $bg; + border-color: darken($bg, 15%); + border-#{$default-float}: none; + + // Control the font color based on background brightness + @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } + @else { color: $input-prefix-font-color-alt; } + } + + @if $is-button { + padding-#{$default-float}: 0; + padding-#{$opposite-direction}: 0; + padding-top: 0; + padding-bottom: 0; + text-align: center; + line-height: emCalc(34); + } + +} + +// We use this mixin to style fieldsets +@mixin fieldset { + border: $fieldset-border-style $fieldset-border-width $fieldset-border-color; + padding: $fieldset-padding; + margin: $fieldset-margin; + + // and legend styles + legend { + font-weight: $legend-font-weight; + background: $legend-bg; + padding: $legend-padding; + margin: 0; + margin-#{$default-float}: emCalc(-3); + } +} + +// We use this mixin to control border and background color of error inputs +@mixin form-error-color($color:$alert-color) { + border-color: $color; + background-color: rgba($color, 0.1); + + // Go back to normal on focus + &:focus { + background: $input-focus-bg-color; + border-color: $input-focus-border-color; + } +} + +// We use this simple mixin to style labels for error inputs +@mixin form-label-error-color($color:$alert-color) { color: $color; } + +// We use this mixin to create error message styles +@mixin form-error-message($bg:$alert-color) { + display: block; + padding: $input-error-message-padding; + margin-top: $input-error-message-top; + margin-bottom: $form-spacing; + font-size: $input-error-message-font-size; + font-weight: $input-error-message-font-weight; + + // We can control the text color based on the brightness of the background. + $bg-lightness: lightness($bg); + background: $bg; + @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; } + @else { color: $input-error-message-font-color-alt; } +} + +// Only include these classes if the variable is true, otherwise they'll be left out. +@if $include-html-form-classes != false { + /* Standard Forms */ + form { margin: 0 0 $form-spacing; } + + /* Using forms within rows, we need to set some defaults */ + form .row { @include form-row-base; } + + /* Label Styles */ + label { @include form-label; + &.right { @include form-label(right,false); } + &.inline { @include form-label(inline,false); } + /* Styles for required inputs */ + small { + text-transform: capitalize; + color: lighten($form-label-font-color, 10%); + } + } + + /* Attach elements to the beginning or end of an input */ + .prefix, + .postfix { @include prefix-postfix-base; } + + /* Adjust padding, alignment and radius if pre/post element is a button */ + .postfix.button { @include button-size(false,false,false); @include postfix(false,true); } + .prefix.button { @include button-size(false,false,false); @include prefix(false,true); } + + .prefix.button.radius { @include radius(0); @include side-radius(left, $button-radius); } + .postfix.button.radius { @include radius(0); @include side-radius(right, $button-radius); } + .prefix.button.round { @include radius(0); @include side-radius(left, $button-round); } + .postfix.button.round { @include radius(0); @include side-radius(right, $button-round); } + + /* Separate prefix and postfix styles when on span or label so buttons keep their own */ + span.prefix,label.prefix { @include prefix(); + &.radius { @include radius(0); @include side-radius(left, $global-radius); } + } + span.postfix,label.postfix { @include postfix(); + &.radius { @include radius(0); @include side-radius(right, $global-radius); } + } + + /* Input groups will automatically style first and last elements of the group */ + .input-group { + &.radius { + &>*:first-child, &>*:first-child * { + @include side-radius($default-float, $global-radius); + } + &>*:last-child, &>*:last-child * { + @include side-radius($opposite-direction, $global-radius); + } + } + &.round { + &>*:first-child, &>*:first-child * { + @include side-radius($default-float, $button-round); + } + &>*:last-child, &>*:last-child * { + @include side-radius($opposite-direction, $button-round); + } + } + } + + /* We use this to get basic styling on all basic form elements */ + input[type="text"], + input[type="password"], + input[type="date"], + input[type="datetime"], + input[type="datetime-local"], + input[type="month"], + input[type="week"], + input[type="email"], + input[type="number"], + input[type="search"], + input[type="tel"], + input[type="time"], + input[type="url"], + textarea { + @include form-element; + @if not $input-include-glowing-effect { + @include single-transition(all, 0.15s, linear); + } + } + + /* Adjust margin for form elements below */ + input[type="file"], + input[type="checkbox"], + input[type="radio"], + select { + margin: 0 0 $form-spacing 0; + } + + /* Normalize file input width */ + input[type="file"] { + width:100%; + } + + /* We add basic fieldset styling */ + fieldset { + @include fieldset; + } + + /* Error Handling */ + + [data-abide] { + .error small.error, span.error, small.error { + @include form-error-message; + margin-top: 0; + } + span.error, small.error { display: none; } + } + span.error, small.error { + @include form-error-message; + } + .error { + input, + textarea, + select { + @include form-error-color; + margin-bottom: 0; + } + + label, + label.error { + @include form-label-error-color; + } + + small.error { + @include form-error-message; + } + + span.error-message { + display: block; + } + } + + input.error, + textarea.error { + @include form-error-color; + } + + .error select { + @include form-error-color; + } + + label.error { @include form-label-error-color; } + +} +: +@linei: @options{:@has_childrenT:@children[No:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["/* + * Form Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"include-html-form-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["V/* We use this to set the base for lots of form spacing and positioning styles */o; ;i ;" !default;@;"form-spacing;o:Sass::Script::Funcall :@keywords{;i ;@;" emCalc: @splat0: +@args[o:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units[:@original"16;i; +[o; +;i;@; ; ; +[;["=/* We use these to style the labels in different ways */o; ;i;" !default;@;"form-label-pointer;o:Sass::Script::String ;i;@; :identifier;" pointer; +[o; ;i;" !default;@;"form-label-font-size;o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"14;i; +[o; ;i;" !default;@;"form-label-font-weight;o; ;i;@;@ ;[;"500;i; +[o; ;i;" !default;@;"form-label-font-color;o; ;{;i;@;" lighten;0;[o:Sass::Script::Color ;i;@: @attrs{ :redi: +alphai: +greeni: bluei;0o; ;i;@;[;["%;"30%;i#; +[o; ;i;" !default;@;"form-label-bottom-margin;o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"3;i; +[o; ;i;" !default;@;"input-font-family;o; ;i;@; ;;" inherit; +[o; ;i;" !default;@;"input-font-color;o; ;{;i;@;" rgba;0;[ o; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;" 0.75;f 0.75; +[o; ;i;" !default;@;"input-font-size;o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"14;i; +[o; ;i;" !default;@;"input-bg-color;o; ;i;@; { ;!i;"i;#i;$i;0; +[o; ;i;" !default;@;"input-focus-bg-color;o; ;{;i;@;" darken;0;[o; ;i;@; { ;!i;"i;#i;$i;0o; ;i;@;[;["%;"2%;i; +[o; ;i;" !default;@;"input-border-color;o; ;{;i;@;" darken;0;[o; ;i;@; { ;!i;"i;#i;$i;0o; ;i;@;[;["%;"20%;i; +[o; ;i;" !default;@;"input-focus-border-color;o; ;{;i;@;" darken;0;[o; ;i;@; { ;!i;"i;#i;$i;0o; ;i;@;[;["%;"40%;i-; +[o; ;i;" !default;@;"input-border-style;o; ;i;@; ;;" +solid; +[o; ;i;" !default;@;"input-border-width;o; ;i;@;[;["px;"1px;i; +[o; ;i;" !default;@;"input-disabled-bg;o; ;i;@; { ;!i;"i;#i;$i;0; +[o; ;i;" !default;@;"input-box-shadow;o:Sass::Script::List :@separator: +space;i;@;[ +o; ;i;@; ;;" +inseto; ;i;@;@ ;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;[;["px;"2px;io; ;{;i;@;" rgba;0;[ o; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;"0;io; ;i;@;@ ;[;"0.1;f0.10000000000000001; +[o; ;i;" !default;@;"!input-include-glowing-effect;o:Sass::Script::Bool;i;@;T; +[o; +;i!;@; ; ; +[;["A/* We use these to style the fieldset border and spacing. */o; ;i";" !default;@;"fieldset-border-style;o; ;i";@; ;;" +solid; +[o; ;i#;" !default;@;"fieldset-border-width;o; ;i#;@;[;["px;"1px;i; +[o; ;i$;" !default;@;"fieldset-border-color;o; ;i$;@; { ;!i;"i;#i;$i;0; +[o; ;i%;" !default;@;"fieldset-padding;o; ;{;i%;@;" emCalc;0;[o; ;i%;@;@ ;[;"20;i; +[o; ;i&;" !default;@;"fieldset-margin;o; ;{;i&;@;" emCalc;0;[o; ;i&;@;@ ;[;"18;io; ;i&;@;@ ;[;"0;i; +[o; +;i(;@; ; ; +[;[">/* We use these to style the legends when you use them */o; ;i);" !default;@;"legend-bg;o; ;i);@; { ;!i;"i;#i;$i;0; +[o; ;i*;" !default;@;"legend-font-weight;o; ;i*;@; ;;" bold; +[o; ;i+;" !default;@;"legend-padding;o; ;{;i+;@;" emCalc;0;[o; ;i+;@;@ ;[;"0;io; ;i+;@;@ ;[;"3;i; +[o; +;i-;@; ; ; +[;["F/* We use these to style the prefix and postfix input elements */o; ;i.;" !default;@;"input-prefix-bg;o; ;{;i.;@;" darken;0;[o; ;i.;@; { ;!i;"i;#i;$i;0o; ;i.;@;[;["%;"5%;i +; +[o; ;i/;" !default;@;"input-prefix-border-color;o; ;{;i/;@;" darken;0;[o; ;i/;@; { ;!i;"i;#i;$i;0o; ;i/;@;[;["%;"20%;i; +[o; ;i0;" !default;@;"input-prefix-border-size;o; ;i0;@;[;["px;"1px;i; +[o; ;i1;" !default;@;"input-prefix-border-type;o; ;i1;@; ;;" +solid; +[o; ;i2;" !default;@;"input-prefix-overflow;o; ;i2;@; ;;" hidden; +[o; ;i3;" !default;@;"input-prefix-font-color;o; ;i3;@; { ;!i8;"i;#i8;$i8;0; +[o; ;i4;" !default;@;" input-prefix-font-color-alt;o; ;i4;@; { ;!i;"i;#i;$i;0; +[o; +;i6;@; ; ; +[;["G/* We use these to style the error states for inputs and labels */o; ;i7;" !default;@;" input-error-message-padding;o; ;{;i7;@;" emCalc;0;[o; ;i7;@;@ ;[;"6;i o; ;i7;@;@ ;[;"4;i ; +[o; ;i8;" !default;@;"input-error-message-top;o:Sass::Script::Operation +;i8:@operand1o:!Sass::Script::UnaryOperation ;i8;@:@operator: +minus: @operando; ;i8;@;"form-spacing;"form_spacing;@;,;-:@operand2o; ;{;i8;@;" emCalc;0;[o; ;i8;@;@ ;[;"5;i +; +[o; ;i9;" !default;@;""input-error-message-font-size;o; ;{;i9;@;" emCalc;0;[o; ;i9;@;@ ;[;"12;i; +[o; ;i:;" !default;@;"$input-error-message-font-weight;o; ;i:;@; ;;" bold; +[o; ;i;;" !default;@;"#input-error-message-font-color;o; ;i;;@; { ;!i;"i;#i;$i;0; +[o; ;i<;" !default;@;"'input-error-message-font-color-alt;o; ;i<;@; { ;!i8;"i;#i8;$i8;0; +[o; +;i>;@; ; ; +[;["I/* We use this to style the glowing effect of inputs when focused */o; ;i?;" !default;@;"glowing-effect-fade-time;o; ;i?;@;[;["s;" +0.45s;f0.45000000000000001; +[o; ;i@;" !default;@;"glowing-effect-color;o; ;i@;@;"input-focus-border-color;"input_focus_border_color; +[o; +;iB;@; ; ; +[;["/* + * Form Mixins + * */o; +;iF;@; ; ; +[;["L/* We use this mixin to give us form styles for rows inside of forms */o:Sass::Tree::MixinDefNode ;iG;@;"form-row-base; T; +[o:Sass::Tree::RuleNode : +@rule[" .row;iH;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";iH: @members[o:Sass::Selector::Sequence;6[o:#Sass::Selector::SimpleSequence +;5@;iH;6[o:Sass::Selector::Class;5@;iH;["row: @sourceso:Set: +@hash{: @subject0; T; +[ o:Sass::Tree::PropNode ;iH;@;[" margin:@prop_syntax:new; +[: +@tabsi;o;% ;&;';iH;@;[o; ;iH;@;@ ;[;"0;io;) +;iH;*o;+ ;iH;@;,;-;.o; ;iH;@;"form-spacing;"form_spacing;@;,:div;/o; +;iH;@;@ ;[;io;1 ;2[".column, + .columns;iK;@;3o;4;5";iK;6[o;7;6[o;8 +;5@;iK;6[o;9;5@;iK;[" column;:o;;;<{;=0o;7;6[" +o;8 +;5@;iK;6[o;9;5@;iK;[" columns;:o;;;<{;=0; T; +[o;> ;iK;@;[" padding;?;@; +[;Ai;o;% ;&;';iK;@;[o; ;iK;@;@ ;[;"0;io;) +;iK;*o; ;iK;@;"form-spacing;"form_spacing;@;,;B;/o; ;iK;@;@ ;[;"2;i;Aio; +;iM;@; ; ; +[;["9/* Use this to collapse the margins of a form row */o;1 ;2["&.collapse;iN;@;3o;4;5";iN;6[o;7;6[o;8 +;5@2;iN;6[o:Sass::Selector::Parent;5@2;iNo;9;5@2;iN;[" collapse;:o;;;<{;=0; T; +[o;> ;iN;@;[" margin;?;@; +[;Ai;o;;@; ;;"0o;1 ;2[".column, + .columns;iQ;@;3o;4;5";iQ;6[o;7;6[o;8 +;5@I;iQ;6[o;9;5@I;iQ;[" column;:o;;;<{;=0o;7;6[" +o;8 +;5@I;iQ;6[o;9;5@I;iQ;[" columns;:o;;;<{;=0; T; +[o;> ;iQ;@;[" padding;?;@; +[;Ai;o;;@; ;;"0;Ai;Ai;Aio;1 ;2["Iinput.column, + input.columns, + textarea.column, + textarea.columns;iX;@;3o;4;5";iX;6[ o;7;6[o;8 +;5@i;iX;6[o:Sass::Selector::Element ;5@i:@namespace0;iX;[" +inputo;9;5@i;iX;[" column;:o;;;<{;=0o;7;6[" +o;8 +;5@i;iX;6[o;D ;5@i;E0;iX;[" +inputo;9;5@i;iX;[" columns;:o;;;<{;=0o;7;6[" +o;8 +;5@i;iX;6[o;D ;5@i;E0;iX;[" textareao;9;5@i;iX;[" column;:o;;;<{;=0o;7;6[" +o;8 +;5@i;iX;6[o;D ;5@i;E0;iX;[" textareao;9;5@i;iX;[" columns;:o;;;<{;=0; T; +[o;> ;iX;@;[" padding-o; ;iX;@;"default-float;"default_float;?;@; +[;Ai;o;) +;iX;*o; ;iX;@;"form-spacing;"form_spacing;@;,;B;/o; ;iX;@;@ ;[;"2;i;Ai;0;[o; +;i[;@; ; ; +[;["H/* We use this mixin to give all basic form elements their style */o;0 ;i\;@;"form-element; T; +[o;> ;i];@;["background-color;?;@; +[;Ai;o; ;i];@;"input-bg-color;"input_bg_coloro;> ;i^;@;["font-family;?;@; +[;Ai;o; ;i^;@;"input-font-family;"input_font_familyo;> ;i_;@;[" border;?;@; +[;Ai;o;% ;&;';i_;@;[o; ;i_;@;"input-border-width;"input_border_widtho; ;i_;@;"input-border-style;"input_border_styleo; ;i_;@;"input-border-color;"input_border_coloru:Sass::Tree::IfNode [o:Sass::Script::Variable : +@linei`: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;ia;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo; ;ia;@;"input-box-shadow; "input_box_shadowo;> ;ic;@;["box-shadow;?;@; +[;Ai;o; ;ic;@;"input-box-shadow;"input_box_shadowo;> ;id;@;[" +color;?;@; +[;Ai;o; ;id;@;"input-font-color;"input_font_coloro;> ;ie;@;[" display;?;@; +[;Ai;o;;@; ;;" +blocko;> ;if;@;["font-size;?;@; +[;Ai;o; ;if;@;"input-font-size;"input_font_sizeo;> ;ig;@;[" margin;?;@; +[;Ai;o;% ;&;';ig;@;[ o; ;ig;@;@ ;[;"0;io; ;ig;@;@ ;[;"0;io; ;ig;@;"form-spacing;"form_spacingo; ;ig;@;@ ;[;"0;io;> ;ih;@;[" padding;?;@; +[;Ai;o;) +;ih;*o; ;ih;@;"form-spacing;"form_spacing;@;,;B;/o; ;ih;@;@ ;[;"2;io;> ;ii;@;[" height;?;@; +[;Ai;o;) +;ii;*o;) +;ii;*o; ;ii;@;"input-font-size;"input_font_size;@;,: plus;/o;) +;ii;*o; ;ii;@;"form-spacing;"form_spacing;@;,: +times;/o; ;ii;@;@ ;[;"1.5;f1.5;@;,;-;/o; ;{;ii;@;" emCalc;0;[o; ;ii;@;@ ;[;"1;io;> ;ij;@;[" +width;?;@; +[;Ai;o;;@; ;;" 100%o:Sass::Tree::MixinNode ;{;ik;@;"box-sizing; +[;0;[o; ;ik;@; ;;"border-boxu;F[o:Sass::Script::Variable : +@lineil: @options{: +@name"!input-include-glowing-effect:@underscored_name"!input_include_glowing_effect0[o:Sass::Tree::MixinNode :@keywords{;im;@;"block-glowing-effect:@children[: @splat0: +@args[o:Sass::Script::String ;im;@: +@type:identifier: @value" +focuso; ;im;@;"glowing-effect-fade-time; "glowing_effect_fade_timeo; ;im;@;"glowing-effect-color; "glowing_effect_coloro; +;io;@; ; ; +[;["/* Basic focus styles */o;1 ;2[" &:focus;ip;@;3o;4;5";ip;6[o;7;6[o;8 +;5@9;ip;6[o;C;5@9;ipo:Sass::Selector::Pseudo +;5@9;ip: @arg0;[" +focus; : +class;:o;;;<{;=0; T; +[o;> ;iq;@;["background;?;@; +[;Ai;o; ;iq;@;"input-focus-bg-color;"input_focus_bg_coloro;> ;ir;@;["border-color;?;@; +[;Ai;o; ;ir;@;"input-focus-border-color;"input_focus_border_coloro;> ;is;@;[" outline;?;@; +[;Ai;o;;@; ;;" none;Aio; +;iv;@; ; ; +[;["5/* Disabled background input background color */o;1 ;2["&[disabled];iw;@;3o;4;5";iw;6[o;7;6[o;8 +;5@b;iw;6[o;C;5@b;iwo:Sass::Selector::Attribute ;5@b;E0: @flags0;iw;[" disabled;,0;0;:o;;;<{;=0; T; +[o;> ;iw;@;["background-color;?;@; +[;Ai;o; ;iw;@;"input-disabled-bg;"input_disabled_bg;Ai;0;[o; +;iz;@; ; ; +[;["2/* We use this mixin to create form labels */o;0 ;i{;@;"form-label; T; +[ o; +;i};@; ; ; +[;["?/* Control whether or not the base styles come through. */u;F [o:Sass::Script::Variable : +@linei~: @options{: +@name"base-style:@underscored_name"base_style0[ o:Sass::Tree::PropNode ;i;@;["font-size:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;"form-label-font-size; "form_label_font_sizeo; + ;i{;@;[" +color; ; ; [;i;o; ;i{;@;"form-label-font-color; "form_label_font_coloro; + ;i|;@;[" cursor; ; ; [;i;o; ;i|;@;"form-label-pointer; "form_label_pointero; + ;i};@;[" display; ; ; [;i;o:Sass::Script::String;@: +@type:identifier;" +blocko; + ;i~;@;["font-weight; ; ; [;i;o; ;i~;@;"form-label-font-weight; "form_label_font_weighto; + ;i;@;["margin-bottom; ; ; [;i;o; ;i;@;"form-label-bottom-margin; "form_label_bottom_margino; +;i;@; ; ; +[;["/* Alignment options */u;F[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"alignment:@underscored_name"alignment; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value" +rightu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"alignment:@underscored_name"alignment; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value" inline0[o:Sass::Tree::PropNode ;i; @; +[" margin:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;i; @;[ o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units[:@original"0;io; ;i; @;@;[;"0;io; ;i; @; +"form-spacing; "form_spacingo; ;i; @;@;[;"0;io; ;i; @; +[" padding;;;[;i;o; ;;;i; @;[o; +;i;o; +;i;o; ;i; @; +"form-spacing; "form_spacing; @; :div;o; ;i; @;@;[;"2;i; @; : plus;o:Sass::Script::Funcall :@keywords{;i; @; +" emCalc: @splat0: +@args[o; +;i;o; ;i; @; +"input-border-width; "input_border_width; @; : +times;o; ;i; @;@;[;"2;io; ;i; @;@;[;"0;i[o:Sass::Tree::PropNode ;i; @; +[" +float:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" noneo; ;i; @; +["text-align;;;[;i;o;; @;;;" +right;0;[[o;;@;"alignment;"alignmento;(;i{;@;F[o;;@;"base-style;"base_styleo;(;i{;@;To; +;i;@; ; ; +[;["A/* We use this mixin to create postfix/prefix form Labels */o;0 ;i;@;"prefix-postfix-base; T; +[o;> ;i;@;[" display;?;@; +[;Ai;o;;@; ;;" +blocko;> ;i;@;[" position;?;@; +[;Ai;o;;@; ;;" relativeo;> ;i;@;[" z-index;?;@; +[;Ai;o;;@; ;;"2o;> ;i;@;["text-align;?;@; +[;Ai;o;;@; ;;" centero;> ;i;@;[" +width;?;@; +[;Ai;o;;@; ;;" 100%o;> ;i;@;["padding-top;?;@; +[;Ai;o;;@; ;;"0o;> ;i;@;["padding-bottom;?;@; +[;Ai;o;;@; ;;"0o;> ;i;@;["border-style;?;@; +[;Ai;o; ;i;@;"input-prefix-border-type;"input_prefix_border_typeo;> ;i;@;["border-width;?;@; +[;Ai;o; ;i;@;"input-prefix-border-size;"input_prefix_border_sizeo;> ;i;@;[" overflow;?;@; +[;Ai;o; ;i;@;"input-prefix-overflow;"input_prefix_overflowo;> ;i;@;["font-size;?;@; +[;Ai;o; ;i;@;"form-label-font-size;"form_label_font_sizeo;> ;i;@;[" height;?;@; +[;Ai;o;) +;i;*o;) +;i;*o; ;i;@;"form-label-font-size;"form_label_font_size;@;,;G;/o;) +;i;*o; ;i;@;"form-spacing;"form_spacing;@;,;H;/o; ;i;@;@ ;[;"1.5;f1.5;@;,;-;/o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"1;io;> ;i;@;["line-height;?;@; +[;Ai;o;) +;i;*o;) +;i;*o; ;i;@;"form-label-font-size;"form_label_font_size;@;,;G;/o;) +;i;*o; ;i;@;"form-spacing;"form_spacing;@;,;H;/o; ;i;@;@ ;[;"1.5;f1.5;@;,;-;/o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"1;i;0;[o; +;i;@; ; ; +[;[":/* We use this mixin to create prefix label styles */o;0 ;i;@;" prefix; T; +[u;F[o:Sass::Script::Variable : +@linei: @options{: +@name"bg:@underscored_name"bg0[ o:Sass::Tree::VariableNode ;i: @guarded0;@;"bg-lightness: +@expro:Sass::Script::Funcall :@keywords{;i;@;"lightness: @splat0: +@args[o; ;i;@;"bg; "bg:@children[o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new;[: +@tabsi: @valueo; ;i;@;"bg; "bgo; ;i;@;["border-color;;;[;i;o; ;{;i;@;" darken;0;[o; ;i;@;"bg; "bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"10%;io; ;i;@;[" border-o; ;i;@;"opposite-direction; "opposite_direction;;;[;i;o:Sass::Script::String;@: +@type:identifier;" noneo:Sass::Tree::CommentNode +;i;@;: silent;[;["@/* Control the font color based on background brightness */u:Sass::Tree::IfNodeN[o:Sass::Script::Operation +: +@linei:@operand1o; +;i;o:Sass::Script::Variable ;i: @options{: +@name"bg-lightness:@underscored_name"bg_lightness; @ :@operator:gt:@operand2o:Sass::Script::Number ;i; @ :@denominator_units[:@numerator_units["%:@original"70%: @valueiK; @ ; :or;o; +;i;o; ;i; @ ; +"bg; "bg; @ ; :eq;o:Sass::Script::Color ;i; @ : @attrs{ :redi: +alphai: +greeni: bluei;0u:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : +@linei: @options{: +@name[" +color:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Variable ;i;@;" input-prefix-font-color-alt:@underscored_name" input_prefix_font_color_alt[o:Sass::Tree::PropNode ;i; @ ; +[" +color:@prop_syntax:new:@children[: +@tabsi;o; ;i; @ ; +"input-prefix-font-color; "input_prefix_font_coloru;F0[o:Sass::Script::Variable : +@linei: @options{: +@name"is-button:@underscored_name"is_button0[ o:Sass::Tree::PropNode ;i;@;[" padding-o; ;i;@;"default-float; "default_float:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::String;@: +@type:identifier;"0o; + ;i;@;[" padding-o; ;i;@;"opposite-direction; "opposite_direction; ; ; [;i;o;;@;;;"0o; + ;i;@;["padding-top; ; ; [;i;o;;@;;;"0o; + ;i;@;["padding-bottom; ; ; [;i;o;;@;;;"0o; + ;i;@;["text-align; ; ; [;i;o;;@;;;" centero; + ;i;@;["line-height; ; ; [;i;o:Sass::Script::Funcall :@keywords{;i;@;" emCalc: @splat0: +@args[o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"34;i';0;[[o;;@;"bg;"bgo; ;i;@;"input-prefix-bg;"input_prefix_bg[o;;@;"is-button;"is_buttono;(;i;@;Fo; +;i;@; ; ; +[;[";/* We use this mixin to create postfix label styles */o;0 ;i;@;" postfix; T; +[u;F[o:Sass::Script::Variable : +@linei: @options{: +@name"bg:@underscored_name"bg0[ o:Sass::Tree::VariableNode ;i: @guarded0;@;"bg-lightness: +@expro:Sass::Script::Funcall :@keywords{;i;@;"lightness: @splat0: +@args[o; ;i;@;"bg; "bg:@children[o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new;[: +@tabsi: @valueo; ;i;@;"bg; "bgo; ;i;@;["border-color;;;[;i;o; ;{;i;@;" darken;0;[o; ;i;@;"bg; "bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"15%;io; ;i;@;[" border-o; ;i;@;"default-float; "default_float;;;[;i;o:Sass::Script::String;@: +@type:identifier;" noneo:Sass::Tree::CommentNode +;i;@;: silent;[;["@/* Control the font color based on background brightness */u:Sass::Tree::IfNodeN[o:Sass::Script::Operation +: +@linei:@operand1o; +;i;o:Sass::Script::Variable ;i: @options{: +@name"bg-lightness:@underscored_name"bg_lightness; @ :@operator:gt:@operand2o:Sass::Script::Number ;i; @ :@denominator_units[:@numerator_units["%:@original"70%: @valueiK; @ ; :or;o; +;i;o; ;i; @ ; +"bg; "bg; @ ; :eq;o:Sass::Script::Color ;i; @ : @attrs{ :redi: +alphai: +greeni: bluei;0u:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : +@linei: @options{: +@name[" +color:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Variable ;i;@;" input-prefix-font-color-alt:@underscored_name" input_prefix_font_color_alt[o:Sass::Tree::PropNode ;i; @ ; +[" +color:@prop_syntax:new:@children[: +@tabsi;o; ;i; @ ; +"input-prefix-font-color; "input_prefix_font_coloru;F0[o:Sass::Script::Variable : +@linei: @options{: +@name"is-button:@underscored_name"is_button0[ o:Sass::Tree::PropNode ;i;@;[" padding-o; ;i;@;"default-float; "default_float:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::String;@: +@type:identifier;"0o; + ;i;@;[" padding-o; ;i;@;"opposite-direction; "opposite_direction; ; ; [;i;o;;@;;;"0o; + ;i;@;["padding-top; ; ; [;i;o;;@;;;"0o; + ;i;@;["padding-bottom; ; ; [;i;o;;@;;;"0o; + ;i;@;["text-align; ; ; [;i;o;;@;;;" centero; + ;i;@;["line-height; ; ; [;i;o:Sass::Script::Funcall :@keywords{;i;@;" emCalc: @splat0: +@args[o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"34;i';0;[[o;;@;"bg;"bgo; ;i;@;"input-prefix-bg;"input_prefix_bg[o;;@;"is-button;"is_buttono;(;i;@;Fo; +;i;@; ; ; +[;["//* We use this mixin to style fieldsets */o;0 ;i;@;" fieldset; T; +[ +o;> ;i;@;[" border;?;@; +[;Ai;o;% ;&;';i;@;[o; ;i;@;"fieldset-border-style;"fieldset_border_styleo; ;i;@;"fieldset-border-width;"fieldset_border_widtho; ;i;@;"fieldset-border-color;"fieldset_border_coloro;> ;i;@;[" padding;?;@; +[;Ai;o; ;i;@;"fieldset-padding;"fieldset_paddingo;> ;i;@;[" margin;?;@; +[;Ai;o; ;i;@;"fieldset-margin;"fieldset_margino; +;i;@; ; ; +[;["/* and legend styles */o;1 ;2[" legend;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@i;i;6[o;D ;5@i;E0;i;[" legend;:o;;;<{;=0; T; +[ +o;> ;i;@;["font-weight;?;@; +[;Ai;o; ;i;@;"legend-font-weight;"legend_font_weighto;> ;i;@;["background;?;@; +[;Ai;o; ;i;@;"legend-bg;"legend_bgo;> ;i;@;[" padding;?;@; +[;Ai;o; ;i;@;"legend-padding;"legend_paddingo;> ;i;@;[" margin;?;@; +[;Ai;o;;@; ;;"0o;> ;i;@;[" margin-o; ;i;@;"default-float;"default_float;?;@; +[;Ai;o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"-3;i;Ai;0;[o; +;i;@; ; ; +[;["S/* We use this mixin to control border and background color of error inputs */o;0 ;i;@;"form-error-color; T; +[ o;> ;i;@;["border-color;?;@; +[;Ai;o; ;i;@;" +color;" +coloro;> ;i;@;["background-color;?;@; +[;Ai;o; ;{;i;@;" rgba;0;[o; ;i;@;" +color;" +coloro; ;i;@;@ ;[;"0.1;f0.10000000000000001o; +;i;@; ; ; +[;["%/* Go back to normal on focus */o;1 ;2[" &:focus;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@;i;6[o;C;5@;io;J +;5@;i;K0;[" +focus; ;L;:o;;;<{;=0; T; +[o;> ;i;@;["background;?;@; +[;Ai;o; ;i;@;"input-focus-bg-color;"input_focus_bg_coloro;> ;i;@;["border-color;?;@; +[;Ai;o; ;i;@;"input-focus-border-color;"input_focus_border_color;Ai;0;[[o;;@;" +color;" +coloro; ;i;@;"alert-color;"alert_coloro; +;i;@; ; ; +[;["D/* We use this simple mixin to style labels for error inputs */o;0 ;i;@;"form-label-error-color; T; +[o;> ;i;@;[" +color;?;@; +[;Ai;o; ;i;@;" +color;" +color;0;[[o;;@;" +color;" +coloro; ;i;@;"alert-color;"alert_coloro; +;i;@; ; ; +[;[";/* We use this mixin to create error message styles */o;0 ;i;@;"form-error-message; T; +[o;> ;i;@;[" display;?;@; +[;Ai;o;;@; ;;" +blocko;> ;i;@;[" padding;?;@; +[;Ai;o; ;i;@;" input-error-message-padding;" input_error_message_paddingo;> ;i;@;["margin-top;?;@; +[;Ai;o; ;i;@;"input-error-message-top;"input_error_message_topo;> ;i;@;["margin-bottom;?;@; +[;Ai;o; ;i;@;"form-spacing;"form_spacingo;> ;i;@;["font-size;?;@; +[;Ai;o; ;i;@;""input-error-message-font-size;""input_error_message_font_sizeo;> ;i;@;["font-weight;?;@; +[;Ai;o; ;i;@;"$input-error-message-font-weight;"$input_error_message_font_weighto; +;i;@; ; ; +[;["S/* We can control the text color based on the brightness of the background. */o; ;i;0;@;"bg-lightness;o; ;{;i;@;"lightness;0;[o; ;i;@;"bg;"bg; +[o;> ;i;@;["background;?;@; +[;Ai;o; ;i;@;"bg;"bgu;Fj[o:Sass::Script::Operation +: +@linei:@operand1o; +;i;o:Sass::Script::Variable ;i: @options{: +@name"bg-lightness:@underscored_name"bg_lightness; @ :@operator:lt:@operand2o:Sass::Script::Number ;i; @ :@denominator_units[:@numerator_units["%:@original"70%: @valueiK; @ ; :or;o; +;i;o; ;i; @ ; +"bg; "bg; @ ; :eq;o:Sass::Script::Color ;i; @ : @attrs{ :redi: +alphai: +greeni: bluei;0u:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : +@linei: @options{: +@name[" +color:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Variable ;i;@;"'input-error-message-font-color-alt:@underscored_name"'input_error_message_font_color_alt[o:Sass::Tree::PropNode ;i; @ ; +[" +color:@prop_syntax:new:@children[: +@tabsi;o; ;i; @ ; +"#input-error-message-font-color; "#input_error_message_font_color;0;[[o;;@;"bg;"bgo; ;i;@;"alert-color;"alert_coloro; +;i;@; ; ; +[;["]/* Only include these classes if the variable is true, otherwise they'll be left out. */u;FC[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"include-html-form-classes:@underscored_name"include_html_form_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i; @: @valueF0[(o:Sass::Tree::CommentNode +;i; @: +@type: normal:@children[;["/* Standard Forms */o:Sass::Tree::RuleNode : +@rule[" form;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i; +[" form: @sourceso:Set: +@hash{: @subject0:@has_childrenT;[o:Sass::Tree::PropNode ;i; @; +[" margin:@prop_syntax:new;[: +@tabsi;o:Sass::Script::List :@separator: +space;i; @;[o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units[:@original"0;io;+ ;i; @;,@(;-[;."0;io; ;i; @; +"form-spacing; "form_spacing;'io; +;i; @;;;[;["@/* Using forms within rows, we need to set some defaults */o; ;["form .row;i; @;o;;";i;[o;;[o; +;@9;i;[o; ;@9;0;i; +[" form;o; ;!{;"0o; +;@9;i;[o:Sass::Selector::Class;@9;i; +["row;o; ;!{;"0;#T;[o:Sass::Tree::MixinNode :@keywords{;i; @; +"form-row-base;[: @splat0: +@args[;'io; +;i; @;;;[;["/* Label Styles */o; ;[" +label;i; @;o;;";i;[o;;[o; +;@Y;i;[o; ;@Y;0;i; +[" +label;o; ;!{;"0;#T;[ +o;0 ;1{;i; @; +"form-label;[;20;3[o; ;[" &.right;i ; @;o;;";i ;[o;;[o; +;@n;i ;[o:Sass::Selector::Parent;@n;i o;/;@n;i ; +[" +right;o; ;!{;"0;#T;[o;0 ;1{;i ; @; +"form-label;[;20;3[o:Sass::Script::String ;i ; @;:identifier;" +righto;;i ; @;F;'io; ;[" &.inline;i +; @;o;;";i +;[o;;[o; +;@;i +;[o;4;@;i +o;/;@;i +; +[" inline;o; ;!{;"0;#T;[o;0 ;1{;i +; @; +"form-label;[;20;3[o;5 ;i +; @;;6;" inlineo;;i +; @;F;'io; +;i ; @;;;[;["%/* Styles for required inputs */o; ;[" +small;i ; @;o;;";i ;[o;;[o; +;@;i ;[o; ;@;0;i ; +[" +small;o; ;!{;"0;#T;[o;$ ;i ; @; +["text-transform;%;&;[;'i;o;5; @;;6;"capitalizeo;$ ;i; @; +[" +color;%;&;[;'i;o:Sass::Script::Funcall ;1{;i; @; +" lighten;20;3[o; ;i; @; +"form-label-font-color; "form_label_font_coloro;+ ;i; @;,[;-["%;."10%;i;'i;'io; +;i; @;;;[;[">/* Attach elements to the beginning or end of an input */o; ;[".prefix, + .postfix;i; @;o;;";i;[o;;[o; +;@;i;[o;/;@;i; +[" prefix;o; ;!{;"0o;;[" +o; +;@;i;[o;/;@;i; +[" postfix;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"prefix-postfix-base;[;20;3[;'io; +;i; @;;;[;["O/* Adjust padding, alignment and radius if pre/post element is a button */o; ;[".postfix.button;i; @;o;;";i;[o;;[o; +;@;i;[o;/;@;i; +[" postfixo;/;@;i; +[" button;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"button-size;[;20;3[o;;i; @;Fo;;i; @;Fo;;i; @;Fo;0 ;1{;i; @; +" postfix;[;20;3[o;;i; @;Fo;;i; @;T;'io; ;[".prefix.button;i; @;o;;";i;[o;;[o; +;@;i;[o;/;@;i; +[" prefixo;/;@;i; +[" button;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"button-size;[;20;3[o;;i; @;Fo;;i; @;Fo;;i; @;Fo;0 ;1{;i; @; +" prefix;[;20;3[o;;i; @;Fo;;i; @;T;'io; ;[".prefix.button.radius;i; @;o;;";i;[o;;[o; +;@0;i;[o;/;@0;i; +[" prefixo;/;@0;i; +[" buttono;/;@0;i; +[" radius;o; ;!{;"0;#T;[o;0 ;1{;i; @; +" radius;[;20;3[o;+ ;i; @;,@(;-[;."0;io;0 ;1{;i; @; +"side-radius;[;20;3[o;5 ;i; @;;6;" lefto; ;i; @; +"button-radius; "button_radius;'io; ;[".postfix.button.radius;i; @;o;;";i;[o;;[o; +;@X;i;[o;/;@X;i; +[" postfixo;/;@X;i; +[" buttono;/;@X;i; +[" radius;o; ;!{;"0;#T;[o;0 ;1{;i; @; +" radius;[;20;3[o;+ ;i; @;,@(;-[;."0;io;0 ;1{;i; @; +"side-radius;[;20;3[o;5 ;i; @;;6;" +righto; ;i; @; +"button-radius; "button_radius;'io; ;[".prefix.button.round;i; @;o;;";i;[o;;[o; +;@;i;[o;/;@;i; +[" prefixo;/;@;i; +[" buttono;/;@;i; +[" +round;o; ;!{;"0;#T;[o;0 ;1{;i; @; +" radius;[;20;3[o;+ ;i; @;,@(;-[;."0;io;0 ;1{;i; @; +"side-radius;[;20;3[o;5 ;i; @;;6;" lefto; ;i; @; +"button-round; "button_round;'io; ;[".postfix.button.round;i; @;o;;";i;[o;;[o; +;@;i;[o;/;@;i; +[" postfixo;/;@;i; +[" buttono;/;@;i; +[" +round;o; ;!{;"0;#T;[o;0 ;1{;i; @; +" radius;[;20;3[o;+ ;i; @;,@(;-[;."0;io;0 ;1{;i; @; +"side-radius;[;20;3[o;5 ;i; @;;6;" +righto; ;i; @; +"button-round; "button_round;'io; +;i; @;;;[;["]/* Separate prefix and postfix styles when on span or label so buttons keep their own */o; ;["span.prefix,label.prefix;i ; @;o;;";i ;[o;;[o; +;@;i ;[o; ;@;0;i ; +[" spano;/;@;i ; +[" prefix;o; ;!{;"0o;;[o; +;@;i ;[o; ;@;0;i ; +[" +labelo;/;@;i ; +[" prefix;o; ;!{;"0;#T;[o;0 ;1{;i ; @; +" prefix;[;20;3[o; ;[" &.radius;i!; @;o;;";i!;[o;;[o; +;@;i!;[o;4;@;i!o;/;@;i!; +[" radius;o; ;!{;"0;#T;[o;0 ;1{;i!; @; +" radius;[;20;3[o;+ ;i!; @;,@(;-[;."0;io;0 ;1{;i!; @; +"side-radius;[;20;3[o;5 ;i!; @;;6;" lefto; ;i!; @; +"global-radius; "global_radius;'i;'io; ;["span.postfix,label.postfix;i#; @;o;;";i#;[o;;[o; +;@;i#;[o; ;@;0;i#; +[" spano;/;@;i#; +[" postfix;o; ;!{;"0o;;[o; +;@;i#;[o; ;@;0;i#; +[" +labelo;/;@;i#; +[" postfix;o; ;!{;"0;#T;[o;0 ;1{;i#; @; +" postfix;[;20;3[o; ;[" &.radius;i$; @;o;;";i$;[o;;[o; +;@?;i$;[o;4;@?;i$o;/;@?;i$; +[" radius;o; ;!{;"0;#T;[o;0 ;1{;i$; @; +" radius;[;20;3[o;+ ;i$; @;,@(;-[;."0;io;0 ;1{;i$; @; +"side-radius;[;20;3[o;5 ;i$; @;;6;" +righto; ;i$; @; +"global-radius; "global_radius;'i;'io; +;i'; @;;;[;["U/* Input groups will automatically style first and last elements of the group */o; ;[".input-group;i(; @;o;;";i(;[o;;[o; +;@f;i(;[o;/;@f;i(; +["input-group;o; ;!{;"0;#T;[o; ;[" &.radius;i); @;o;;";i);[o;;[o; +;@v;i);[o;4;@v;i)o;/;@v;i); +[" radius;o; ;!{;"0;#T;[o; ;[",& > *:first-child, & > *:first-child *;i*; @;o;;";i*;[o;;[o; +;@;i*;[o;4;@;i*;o; ;!{;"0">o; +;@;i*;[o:Sass::Selector::Universal;@;0;i*o:Sass::Selector::Pseudo +;@;i*: @arg0; +["first-child;: +class;o; ;!{;"0o;;[ o; +;@;i*;[o;4;@;i*;o; ;!{;"0">o; +;@;i*;[o;8;@;0;i*o;9 +;@;i*;:0; +["first-child;;;;o; ;!{;"0o; +;@;i*;[o;8;@;0;i*;o; ;!{;"0;#T;[o;0 ;1{;i+; @; +"side-radius;[;20;3[o; ;i+; @; +"default-float; "default_floato; ;i+; @; +"global-radius; "global_radius;'io; ;[")& > *:last-child, & > *:last-child *;i-; @;o;;";i-;[o;;[o; +;@;i-;[o;4;@;i-;o; ;!{;"0">o; +;@;i-;[o;8;@;0;i-o;9 +;@;i-;:0; +["last-child;;;;o; ;!{;"0o;;[ o; +;@;i-;[o;4;@;i-;o; ;!{;"0">o; +;@;i-;[o;8;@;0;i-o;9 +;@;i-;:0; +["last-child;;;;o; ;!{;"0o; +;@;i-;[o;8;@;0;i-;o; ;!{;"0;#T;[o;0 ;1{;i.; @; +"side-radius;[;20;3[o; ;i.; @; +"opposite-direction; "opposite_directiono; ;i.; @; +"global-radius; "global_radius;'i;'io; ;[" &.round;i1; @;o;;";i1;[o;;[o; +;@;i1;[o;4;@;i1o;/;@;i1; +[" +round;o; ;!{;"0;#T;[o; ;[",& > *:first-child, & > *:first-child *;i2; @;o;;";i2;[o;;[o; +;@;i2;[o;4;@;i2;o; ;!{;"0">o; +;@;i2;[o;8;@;0;i2o;9 +;@;i2;:0; +["first-child;;;;o; ;!{;"0o;;[ o; +;@;i2;[o;4;@;i2;o; ;!{;"0">o; +;@;i2;[o;8;@;0;i2o;9 +;@;i2;:0; +["first-child;;;;o; ;!{;"0o; +;@;i2;[o;8;@;0;i2;o; ;!{;"0;#T;[o;0 ;1{;i3; @; +"side-radius;[;20;3[o; ;i3; @; +"default-float; "default_floato; ;i3; @; +"button-round; "button_round;'io; ;[")& > *:last-child, & > *:last-child *;i5; @;o;;";i5;[o;;[o; +;@=;i5;[o;4;@=;i5;o; ;!{;"0">o; +;@=;i5;[o;8;@=;0;i5o;9 +;@=;i5;:0; +["last-child;;;;o; ;!{;"0o;;[ o; +;@=;i5;[o;4;@=;i5;o; ;!{;"0">o; +;@=;i5;[o;8;@=;0;i5o;9 +;@=;i5;:0; +["last-child;;;;o; ;!{;"0o; +;@=;i5;[o;8;@=;0;i5;o; ;!{;"0;#T;[o;0 ;1{;i6; @; +"side-radius;[;20;3[o; ;i6; @; +"opposite-direction; "opposite_directiono; ;i6; @; +"button-round; "button_round;'i;'i;'io; +;i;; @;;;[;["F/* We use this to get basic styling on all basic form elements */o; ;["<input[type="text"], + input[type="password"], + input[type="date"], + input[type="datetime"], + input[type="datetime-local"], + input[type="month"], + input[type="week"], + input[type="email"], + input[type="number"], + input[type="search"], + input[type="tel"], + input[type="time"], + input[type="url"], + textarea;iI; @;o;;";iI;[o;;[o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo:Sass::Selector::Attribute ;@x;0: @flags0;iI; +[" type; "=;[" "text";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[""password";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "date";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[""datetime";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[""datetime-local";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "month";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "week";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "email";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "number";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "search";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" +"tel";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" "time";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" +inputo;< ;@x;0;=0;iI; +[" type; "=;[" +"url";o; ;!{;"0o;;[" +o; +;@x;iI;[o; ;@x;0;iI; +[" textarea;o; ;!{;"0;#T;[o;0 ;1{;iJ; @; +"form-element;[;20;3[u:Sass::Tree::IfNode[o:!Sass::Script::UnaryOperation : +@lineiK: @options{:@operator:not: @operando:Sass::Script::Variable ;iK;@: +@name"!input-include-glowing-effect:@underscored_name"!input_include_glowing_effect0[o:Sass::Tree::MixinNode :@keywords{;iL;@; "single-transition:@children[: @splat0: +@args[o:Sass::Script::String ;iL;@: +@type:identifier: @value"allo:Sass::Script::Number ;iL;@:@denominator_units[:@numerator_units["s:@original" +0.15s;f0.1499999999999999933o; ;iL;@;;;" linear;'io; +;iP; @;;;[;["0/* Adjust margin for form elements below */o; ;["Rinput[type="file"], + input[type="checkbox"], + input[type="radio"], + select;iT; @;o;;";iT;[ o;;[o; +;@b;iT;[o; ;@b;0;iT; +[" +inputo;< ;@b;0;=0;iT; +[" type; "=;[" "file";o; ;!{;"0o;;[" +o; +;@b;iT;[o; ;@b;0;iT; +[" +inputo;< ;@b;0;=0;iT; +[" type; "=;[""checkbox";o; ;!{;"0o;;[" +o; +;@b;iT;[o; ;@b;0;iT; +[" +inputo;< ;@b;0;=0;iT; +[" type; "=;[" "radio";o; ;!{;"0o;;[" +o; +;@b;iT;[o; ;@b;0;iT; +[" select;o; ;!{;"0;#T;[o;$ ;iU; @; +[" margin;%;&;[;'i;o;( ;);*;iU; @;[ o;+ ;iU; @;,@(;-[;."0;io;+ ;iU; @;,@(;-[;."0;io; ;iU; @; +"form-spacing; "form_spacingo;+ ;iU; @;,@(;-[;."0;i;'io; +;iX; @;;;[;["%/* Normalize file input width */o; ;["input[type="file"];iY; @;o;;";iY;[o;;[o; +;@;iY;[o; ;@;0;iY; +[" +inputo;< ;@;0;=0;iY; +[" type; "=;[" "file";o; ;!{;"0;#T;[o;$ ;iZ; @; +[" +width;%;&;[;'i;o;5; @;;6;" 100%;'io; +;i]; @;;;[;["(/* We add basic fieldset styling */o; ;[" fieldset;i^; @;o;;";i^;[o;;[o; +;@;i^;[o; ;@;0;i^; +[" fieldset;o; ;!{;"0;#T;[o;0 ;1{;i_; @; +" fieldset;[;20;3[;'io; +;ib; @;;;[;["/* Error Handling */o; ;["[data-abide];id; @;o;;";id;[o;;[o; +;@;id;[o;< ;@;0;=0;id; +["data-abide; 0;0;o; ;!{;"0;#T;[o; ;["0.error small.error, span.error, small.error;ie; @;o;;";ie;[o;;[o; +;@;ie;[o;/;@;ie; +[" +error;o; ;!{;"0o; +;@;ie;[o; ;@;0;ie; +[" +smallo;/;@;ie; +[" +error;o; ;!{;"0o;;[o; +;@;ie;[o; ;@;0;ie; +[" spano;/;@;ie; +[" +error;o; ;!{;"0o;;[o; +;@;ie;[o; ;@;0;ie; +[" +smallo;/;@;ie; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;if; @; +"form-error-message;[;20;3[o;$ ;ig; @; +["margin-top;%;&;[;'i;o;5; @;;6;"0;'io; ;["span.error, small.error;ii; @;o;;";ii;[o;;[o; +;@>;ii;[o; ;@>;0;ii; +[" spano;/;@>;ii; +[" +error;o; ;!{;"0o;;[o; +;@>;ii;[o; ;@>;0;ii; +[" +smallo;/;@>;ii; +[" +error;o; ;!{;"0;#T;[o;$ ;ii; @; +[" display;%;&;[;'i;o;5; @;;6;" none;'i;'io; ;["span.error, small.error;ik; @;o;;";ik;[o;;[o; +;@c;ik;[o; ;@c;0;ik; +[" spano;/;@c;ik; +[" +error;o; ;!{;"0o;;[o; +;@c;ik;[o; ;@c;0;ik; +[" +smallo;/;@c;ik; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;il; @; +"form-error-message;[;20;3[;'io; ;[" .error;in; @;o;;";in;[o;;[o; +;@;in;[o;/;@;in; +[" +error;o; ;!{;"0;#T;[ o; ;["$input, + textarea, + select;iq; @;o;;";iq;[o;;[o; +;@;iq;[o; ;@;0;iq; +[" +input;o; ;!{;"0o;;[" +o; +;@;iq;[o; ;@;0;iq; +[" textarea;o; ;!{;"0o;;[" +o; +;@;iq;[o; ;@;0;iq; +[" select;o; ;!{;"0;#T;[o;0 ;1{;ir; @; +"form-error-color;[;20;3[o;$ ;is; @; +["margin-bottom;%;&;[;'i;o;5; @;;6;"0;'io; ;["label, + label.error;iw; @;o;;";iw;[o;;[o; +;@;iw;[o; ;@;0;iw; +[" +label;o; ;!{;"0o;;[" +o; +;@;iw;[o; ;@;0;iw; +[" +labelo;/;@;iw; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;ix; @; +"form-label-error-color;[;20;3[;'io; ;["small.error;i{; @;o;;";i{;[o;;[o; +;@;i{;[o; ;@;0;i{; +[" +smallo;/;@;i{; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;i|; @; +"form-error-message;[;20;3[;'io; ;["span.error-message;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" spano;/;@;i; +["error-message;o; ;!{;"0;#T;[o;$ ;i; @; +[" display;%;&;[;'i;o;5; @;;6;" +block;'i;'io; ;[""input.error, + textarea.error;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" +inputo;/;@;i; +[" +error;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +[" textareao;/;@;i; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"form-error-color;[;20;3[;'io; ;[".error select;i; @;o;;";i;[o;;[o; +;@>;i;[o;/;@>;i; +[" +error;o; ;!{;"0o; +;@>;i;[o; ;@>;0;i; +[" select;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"form-error-color;[;20;3[;'io; ;["label.error;i; @;o;;";i;[o;;[o; +;@Z;i;[o; ;@Z;0;i; +[" +labelo;/;@Z;i; +[" +error;o; ;!{;"0;#T;[o;0 ;1{;i; @; +"form-label-error-color;[;20;3[;'i \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_global.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_global.scssc new file mode 100644 index 000000000..9ec21a411 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_global.scssc @@ -0,0 +1,842 @@ +3.2.10 (Media Mark) +3a0b05c8d48c07eae82eceb6571578ab9de3cd5e +o:Sass::Tree::RootNode +:@template"(// +// Global Foundation Mixins +// + +$experimental: true !default; + +// We use this to control border radius. +@mixin radius($radius:$global-radius) { + @if $radius { + @if $experimental { + -webkit-border-radius: $radius; + } + border-radius: $radius; + } +} + +// We use this to create equal side border radius on elements. +@mixin side-radius($side, $radius:$global-radius) { + @if $side == left { + @if $experimental { + -moz-border-radius-bottomleft: $radius; + -moz-border-radius-topleft: $radius; + -webkit-border-bottom-left-radius: $radius; + -webkit-border-top-left-radius: $radius; + } + border-bottom-left-radius: $radius; + border-top-left-radius: $radius; + } + @else if $side == right { + @if $experimental { + -moz-border-radius-topright: $radius; + -moz-border-radius-bottomright: $radius; + -webkit-border-top-right-radius: $radius; + -webkit-border-bottom-right-radius: $radius; + } + border-top-right-radius: $radius; + border-bottom-right-radius: $radius; + } + @else if $side == top { + @if $experimental { + -moz-border-radius-topright: $radius; + -moz-border-radius-topleft: $radius; + -webkit-border-top-right-radius: $radius; + -webkit-border-top-left-radius: $radius; + } + border-top-right-radius: $radius; + border-top-left-radius: $radius; + } + @else if $side == bottom { + @if $experimental { + -moz-border-radius-bottomright: $radius; + -moz-border-radius-bottomleft: $radius; + -webkit-border-bottom-right-radius: $radius; + -webkit-border-bottom-left-radius: $radius; + } + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; + } +} + +// We can control whether or not we have inset shadows edges. +@mixin inset-shadow($active:true) { + @if $experimental { + -webkit-box-shadow: $shiny-edge-size $shiny-edge-color inset; + } + box-shadow: $shiny-edge-size $shiny-edge-color inset; + + @if $active { &:active { + @if $experimental { + -webkit-box-shadow: $shiny-edge-size $shiny-edge-active-color inset; + } + box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } +} + +// We use this to add transitions to elements +@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { + @if $experimental { + -webkit-transition: $property $speed $ease; + -moz-transition: $property $speed $ease; + } + transition: $property $speed $ease; +} + +// We use this to add box-sizing across browser prefixes +@mixin box-sizing($type:border-box) { + @if $experimental { + -moz-box-sizing: $type; + -webkit-box-sizing: $type; + } + box-sizing: $type; +} + +// We use this to create equilateral triangles +@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { + content: ""; + display: block; + width: 0; + height: 0; + border: inset $triangle-size; + @if ($triangle-direction == top) { + border-color: $triangle-color transparent transparent transparent; + border-top-style: solid; + } + @if ($triangle-direction == bottom) { + border-color: transparent transparent $triangle-color transparent; + border-bottom-style: solid; + } + @if ($triangle-direction == left) { + border-color: transparent transparent transparent $triangle-color; + border-left-style: solid; + } + @if ($triangle-direction == right) { + border-color: transparent $triangle-color transparent transparent; + border-right-style: solid; + } +} + +// We use this to do clear floats +@mixin clearfix() { + *zoom:1; + &:before, &:after { content: " "; display: table; } + &:after { clear: both; } +} + + +// We use this to add a glowing effect to block elements +@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) { + @if $experimental { + -webkit-transition: -webkit-box-shadow $fade-time, border-color $fade-time ease-in-out; + -moz-transition: -moz-box-shadow $fade-time, border-color $fade-time ease-in-out; + } + transition: box-shadow $fade-time, border-color $fade-time ease-in-out; + + &:#{$selector} { + @if $experimental { + -webkit-box-shadow: 0 0 5px $glowing-effect-color; + -moz-box-shadow: 0 0 5px $glowing-effect-color; + } + box-shadow: 0 0 5px $glowing-effect-color; + border-color: $glowing-effect-color; + } +} + +// +// Foundation Variables +// + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with brower-based text zoom or user-set defaults. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be different and not have it effect the grid breakpoints, +// set $em-base to $base-font-size and make sure $base-font-size is a px value. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +$base-line-height: 150% !default; + +// This is the default html and body font-size for the base em value. +$em-base: 16 !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value) { + $value: strip-unit($value) / strip-unit($em-base) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) +// Just enter the number, no need to mention "px" +@function emCalc($values...) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1)); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i))); + } + @return $emValues; +} + +// Maybe you want to create rems and pixels +// @function remCalc($pxWidth) { +// @return $pxWidth / $em-base * 1rem; +// } + +// We use these to control various global styles +$body-bg: #fff !default; +$body-font-color: #222 !default; +$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default; +$body-font-weight: normal !default; +$body-font-style: normal !default; + +// We use this to control font-smoothing +$font-smoothing: subpixel-antialiased !default; + +// We use these to control text direction settings +$text-direction: ltr !default; + +// NOTE: No need to change this conditional statement, $text-direction variable controls it all. +$default-float: left !default; +$opposite-direction: right !default; +@if $text-direction == ltr { + $default-float: left; + $opposite-direction: right; +} @else { + $default-float: right; + $opposite-direction: left; +} + +// We use these as default colors throughout +$primary-color: #2ba6cb !default; +$secondary-color: #e9e9e9 !default; +$alert-color: #c60f13 !default; +$success-color: #5da423 !default; + +// We use these to make sure border radius matches unless we want it different. +$global-radius: 3px !default; +$global-rounded: 1000px !default; + +// We use these to control inset shadow shiny edges and depressions. +$shiny-edge-size: 0 1px 0 !default; +$shiny-edge-color: rgba(#fff, .5) !default; +$shiny-edge-active-color: rgba(#000, .2) !default; + +// We use this to control whether or not CSS classes come through in the gem files. +$include-html-classes: true !default; +$include-print-styles: true !default; +$include-html-global-classes: $include-html-classes !default; + +// Media Queries +$small-screen: 768px !default; +$medium-screen: 1280px !default; +$large-screen: 1440px !default; + +$screen: "only screen" !default; +$small: "only screen and (min-width: #{$small-screen})" !default; +$medium: "only screen and (min-width:#{$medium-screen})" !default; +$large: "only screen and (min-width:#{$large-screen})" !default; +$landscape: "only screen and (orientation: landscape)" !default; +$portrait: "only screen and (orientation: portrait)" !default; + +//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet +$cursor-crosshair-value: crosshair !default; +$cursor-default-value: default !default; +$cursor-pointer-value: pointer !default; +$cursor-help-value: help !default; +$cursor-text-value: text !default; + + +@if $include-html-global-classes { + + // Set box-sizing globally to handle padding and border widths + *, + *:before, + *:after { + @include box-sizing(border-box); + } + + html, + body { font-size: $base-font-size; } + + // Default body styles + body { + background: $body-bg; + color: $body-font-color; + padding: 0; + margin: 0; + font-family: $body-font-family; + font-weight: $body-font-weight; + font-style: $body-font-style; + line-height: 1; // Set to $base-line-height to take on browser default of 150% + position: relative; + cursor: $cursor-default-value; + } + +a:hover { cursor: $cursor-pointer-value; } + + // Override outline from normalize, we don't like it + a:focus { outline: none; } + + // Grid Defaults to get images and embeds to work properly + img, + object, + embed { max-width: 100%; height: auto; } + + object, + embed { height: 100%; } + img { -ms-interpolation-mode: bicubic; } + + #map_canvas, + .map_canvas { + img, + embed, + object { max-width: none !important; + } + } + + // Miscellaneous useful HTML classes + .left { float: left !important; } + .right { float: right !important; } + .text-left { text-align: left !important; } + .text-right { text-align: right !important; } + .text-center { text-align: center !important; } + .text-justify { text-align: justify !important; } + .hide { display: none; } + + // Font smoothing + // Antialiased font smoothing works best for light text on a dark background. + // Apply to single elements instead of globally to body. + // Note this only applies to webkit-based desktop browsers on the Mac. + .antialiased { -webkit-font-smoothing: antialiased; } + + // Get rid of gap under images by making them display: inline-block; by default + img { + display: inline-block; + vertical-align: middle; + } + + // + // Global resets for forms + // + + // Make sure textarea takes on height automatically + textarea { height: auto; min-height: 50px; } + + // Make select elements 100% width by default + select { width: 100%; } + +} +: +@linei: @options{:@has_childrenT:@children[Uo:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value[")/* + * Global Foundation Mixins + * */o:Sass::Tree::VariableNode ;i +: @guarded" !default;@: +@name"experimental: +@expro:Sass::Script::Bool;i +;@;T; +[o; +;i ;@; ; ; +[;["0/* We use this to control border radius. */o:Sass::Tree::MixinDefNode ;i ;@;" radius; T; +[u:Sass::Tree::IfNode[o:Sass::Script::Variable : +@linei: @options{: +@name" radius:@underscored_name" radius0[u:Sass::Tree::IfNode[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-border-radius:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;" radius; " radiuso:Sass::Tree::PropNode ;i;@;["border-radius:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;" radius; " radius: @splat0: +@args[[o:Sass::Script::Variable;@;" radius:@underscored_name" radiuso; ;i ;@;"global-radius;"global_radiuso; +;i;@; ; ; +[;["F/* We use this to create equal side border radius on elements. */o; ;i;@;"side-radius; T; +[u;[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name" side:@underscored_name" side; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value" leftu:Sass::Tree::IfNode [o:Sass::Script::Operation +: +@linei":@operand1o:Sass::Script::Variable ;i": @options{: +@name" side:@underscored_name" side; @:@operator:eq:@operand2o:Sass::Script::String ;i"; @: +@type:identifier: @value" +rightu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei,:@operand1o:Sass::Script::Variable ;i,: @options{: +@name" side:@underscored_name" side; @:@operator:eq:@operand2o:Sass::Script::String ;i,; @: +@type:identifier: @value"topu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei6:@operand1o:Sass::Script::Variable ;i6: @options{: +@name" side:@underscored_name" side; @:@operator:eq:@operand2o:Sass::Script::String ;i6; @: +@type:identifier: @value" bottom0[u:Sass::Tree::IfNode![o:Sass::Script::Variable : +@linei7: @options{: +@name"experimental:@underscored_name"experimental0[ o:Sass::Tree::PropNode ;i8;@;["#-moz-border-radius-bottomright:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i8;@;" radius; " radiuso; + ;i9;@;[""-moz-border-radius-bottomleft; ; ; [;i;o; ;i9;@;" radius; " radiuso; + ;i:;@;["'-webkit-border-bottom-right-radius; ; ; [;i;o; ;i:;@;" radius; " radiuso; + ;i;;@;["&-webkit-border-bottom-left-radius; ; ; [;i;o; ;i;;@;" radius; " radiuso:Sass::Tree::PropNode ;i=; @; +["border-bottom-right-radius:@prop_syntax:new:@children[: +@tabsi;o; ;i=; @; +" radius; " radiuso; ;i>; @; +["border-bottom-left-radius;;;[;i;o; ;i>; @; +" radius; " radius[u;[o:Sass::Script::Variable : +@linei-: @options{: +@name"experimental:@underscored_name"experimental0[ o:Sass::Tree::PropNode ;i.;@;[" -moz-border-radius-topright:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i.;@;" radius; " radiuso; + ;i/;@;["-moz-border-radius-topleft; ; ; [;i;o; ;i/;@;" radius; " radiuso; + ;i0;@;["$-webkit-border-top-right-radius; ; ; [;i;o; ;i0;@;" radius; " radiuso; + ;i1;@;["#-webkit-border-top-left-radius; ; ; [;i;o; ;i1;@;" radius; " radiuso:Sass::Tree::PropNode ;i3; @; +["border-top-right-radius:@prop_syntax:new:@children[: +@tabsi;o; ;i3; @; +" radius; " radiuso; ;i4; @; +["border-top-left-radius;;;[;i;o; ;i4; @; +" radius; " radius[u;[o:Sass::Script::Variable : +@linei#: @options{: +@name"experimental:@underscored_name"experimental0[ o:Sass::Tree::PropNode ;i$;@;[" -moz-border-radius-topright:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i$;@;" radius; " radiuso; + ;i%;@;["#-moz-border-radius-bottomright; ; ; [;i;o; ;i%;@;" radius; " radiuso; + ;i&;@;["$-webkit-border-top-right-radius; ; ; [;i;o; ;i&;@;" radius; " radiuso; + ;i';@;["'-webkit-border-bottom-right-radius; ; ; [;i;o; ;i';@;" radius; " radiuso:Sass::Tree::PropNode ;i); @; +["border-top-right-radius:@prop_syntax:new:@children[: +@tabsi;o; ;i); @; +" radius; " radiuso; ;i*; @; +["border-bottom-right-radius;;;[;i;o; ;i*; @; +" radius; " radius[u;[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[ o:Sass::Tree::PropNode ;i;@;[""-moz-border-radius-bottomleft:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;" radius; " radiuso; + ;i;@;["-moz-border-radius-topleft; ; ; [;i;o; ;i;@;" radius; " radiuso; + ;i;@;["&-webkit-border-bottom-left-radius; ; ; [;i;o; ;i;@;" radius; " radiuso; + ;i;@;["#-webkit-border-top-left-radius; ; ; [;i;o; ;i;@;" radius; " radiuso:Sass::Tree::PropNode ;i; @; +["border-bottom-left-radius:@prop_syntax:new:@children[: +@tabsi;o; ;i; @; +" radius; " radiuso; ;i ; @; +["border-top-left-radius;;;[;i;o; ;i ; @; +" radius; " radius;0;[[o;;@;" side;" side0[o;;@;" radius;" radiuso; ;i;@;"global-radius;"global_radiuso; +;iB;@; ; ; +[;["E/* We can control whether or not we have inset shadows edges. */o; ;iC;@;"inset-shadow; T; +[u;[o:Sass::Script::Variable : +@lineiD: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;iE;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +space;iE;@;[o; ;iE;@;"shiny-edge-size; "shiny_edge_sizeo; ;iE;@;"shiny-edge-color; "shiny_edge_coloro:Sass::Script::String ;iE;@: +@type:identifier;" +inseto:Sass::Tree::PropNode ;iG;@;["box-shadow:@prop_syntax:new; +[: +@tabsi;o:Sass::Script::List :@separator: +space;iG;@;[o; ;iG;@;"shiny-edge-size;"shiny_edge_sizeo; ;iG;@;"shiny-edge-color;"shiny_edge_coloro:Sass::Script::String ;iG;@; :identifier;" +insetu;[o:Sass::Script::Variable : +@lineiI: @options{: +@name" active:@underscored_name" active0[o:Sass::Tree::RuleNode : +@rule[" &:active;iI;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";iI: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;iI;[o:Sass::Selector::Parent;@;iIo:Sass::Selector::Pseudo +;@;iI: @arg0;[" active: +@type: +class: @sourceso:Set: +@hash{: @subject0:@has_childrenT:@children[u:Sass::Tree::IfNode[o:Sass::Script::Variable : +@lineiJ: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;iK;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +space;iK;@;[o; ;iK;@;"shiny-edge-size; "shiny_edge_sizeo; ;iK;@;"shiny-edge-active-color; "shiny_edge_active_coloro:Sass::Script::String ;iK;@: +@type:identifier;" +inseto:Sass::Tree::PropNode ;iM;@;["box-shadow:@prop_syntax:new;[: +@tabsi: @valueo:Sass::Script::List :@separator: +space;iM;@;"[o; ;iM;@;"shiny-edge-size; "shiny_edge_sizeo; ;iM;@;"shiny-edge-active-color; "shiny_edge_active_coloro:Sass::Script::String ;iM;@;:identifier;"" +inset;!i;0;[[o;;@;" active;" activeo;;iC;@;To; +;iP;@; ; ; +[;["5/* We use this to add transitions to elements */o; ;iQ;@;"single-transition; T; +[u; [o:Sass::Script::Variable : +@lineiR: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;iS;@;["-webkit-transition:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +space;iS;@;[o; ;iS;@;" property; " propertyo; ;iS;@;" +speed; " +speedo; ;iS;@;" ease; " easeo; + ;iT;@;["-moz-transition; ; ; [;i;o; ;;;iT;@;[o; ;iT;@;" property; " propertyo; ;iT;@;" +speed; " +speedo; ;iT;@;" ease; " easeo; ;iV;@;["transition;;; +[;i;o; ;; ;iV;@;[o; ;iV;@;" property;" propertyo; ;iV;@;" +speed;" +speedo; ;iV;@;" ease;" ease;0;[[o;;@;" property;" propertyo;! ;iQ;@; ;";"all[o;;@;" +speed;" +speedo:Sass::Script::Number ;iQ;@:@denominator_units[:@numerator_units["ms:@original" +300ms;i,[o;;@;" ease;" easeo;! ;iQ;@; ;";" ease-outo; +;iY;@; ; ; +[;["@/* We use this to add box-sizing across browser prefixes */o; ;iZ;@;"box-sizing; T; +[u;<[o:Sass::Script::Variable : +@linei[: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i\;@;["-moz-box-sizing:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i\;@;" type; " typeo; + ;i];@;["-webkit-box-sizing; ; ; [;i;o; ;i];@;" type; " typeo; ;i_;@;["box-sizing;;; +[;i;o; ;i_;@;" type;" type;0;[[o;;@;" type;" typeo;! ;iZ;@; ;";"border-boxo; +;ib;@; ; ; +[;["6/* We use this to create equilateral triangles */o; ;ic;@;"css-triangle; T; +[o; ;id;@;[" content;;; +[;i;o;!;@; ;";"""o; ;ie;@;[" display;;; +[;i;o;!;@; ;";" +blocko; ;if;@;[" +width;;; +[;i;o;!;@; ;";"0o; ;ig;@;[" height;;; +[;i;o;!;@; ;";"0o; ;ih;@;[" border;;; +[;i;o; ;; ;ih;@;[o;! ;ih;@; ;";" +inseto; ;ih;@;"triangle-size;"triangle_sizeu;d[o:Sass::Script::Operation +: +@lineii:@operand1o:Sass::Script::Variable ;ii: @options{: +@name"triangle-direction:@underscored_name"triangle_direction; @:@operator:eq:@operand2o:Sass::Script::String ;ii; @: +@type:identifier: @value"top0[o:Sass::Tree::PropNode ;ij; @; +["border-color:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;ij; @;[ o; ;ij; @; +"triangle-color; "triangle_coloro; ;ij; @;;;"transparento; ;ij; @;;;"transparento; ;ij; @;;;"transparento; ;ik; @; +["border-top-style;;;[;i;o;; @;;;" +solidu;j[o:Sass::Script::Operation +: +@lineim:@operand1o:Sass::Script::Variable ;im: @options{: +@name"triangle-direction:@underscored_name"triangle_direction; @:@operator:eq:@operand2o:Sass::Script::String ;im; @: +@type:identifier: @value" bottom0[o:Sass::Tree::PropNode ;in; @; +["border-color:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;in; @;[ o; ;in; @;;;"transparento; ;in; @;;;"transparento; ;in; @; +"triangle-color; "triangle_coloro; ;in; @;;;"transparento; ;io; @; +["border-bottom-style;;;[;i;o;; @;;;" +solidu;f[o:Sass::Script::Operation +: +@lineiq:@operand1o:Sass::Script::Variable ;iq: @options{: +@name"triangle-direction:@underscored_name"triangle_direction; @:@operator:eq:@operand2o:Sass::Script::String ;iq; @: +@type:identifier: @value" left0[o:Sass::Tree::PropNode ;ir; @; +["border-color:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;ir; @;[ o; ;ir; @;;;"transparento; ;ir; @;;;"transparento; ;ir; @;;;"transparento; ;ir; @; +"triangle-color; "triangle_coloro; ;is; @; +["border-left-style;;;[;i;o;; @;;;" +solidu;h[o:Sass::Script::Operation +: +@lineiu:@operand1o:Sass::Script::Variable ;iu: @options{: +@name"triangle-direction:@underscored_name"triangle_direction; @:@operator:eq:@operand2o:Sass::Script::String ;iu; @: +@type:identifier: @value" +right0[o:Sass::Tree::PropNode ;iv; @; +["border-color:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;iv; @;[ o; ;iv; @;;;"transparento; ;iv; @; +"triangle-color; "triangle_coloro; ;iv; @;;;"transparento; ;iv; @;;;"transparento; ;iw; @; +["border-right-style;;;[;i;o;; @;;;" +solid;0;[[o;;@;"triangle-size;"triangle_size0[o;;@;"triangle-color;"triangle_color0[o;;@;"triangle-direction;"triangle_direction0o; +;i{;@; ; ; +[;[")/* We use this to do clear floats */o; ;i|;@;" clearfix; T; +[o; ;i};@;[" +*zoom;;; +[;i;o;!;@; ;";"1o:Sass::Tree::RuleNode : +@rule["&:before, &:after;i~;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i~: @members[o:Sass::Selector::Sequence;,[o:#Sass::Selector::SimpleSequence +;+@;i~;,[o:Sass::Selector::Parent;+@;i~o:Sass::Selector::Pseudo +;+@;i~: @arg0;[" before; : +class: @sourceso:Set: +@hash{: @subject0o;-;,[o;. +;+@;i~;,[o;/;+@;i~o;0 +;+@;i~;10;[" +after; ;2;3o;4;5{;60; T; +[o; ;i~;@;[" content;;; +[;i;o;!;@; ;";"" "o; ;i~;@;[" display;;; +[;i;o;!;@; ;";" +table;io;' ;([" &:after;i;@;)o;*;+";i;,[o;-;,[o;. +;+@;i;,[o;/;+@;io;0 +;+@;i;10;[" +after; ;2;3o;4;5{;60; T; +[o; ;i;@;[" +clear;;; +[;i;o;!;@; ;";" both;i;0;[o; +;i~;@; ; ; +[;["@/* We use this to add a glowing effect to block elements */o; ;i;@;"block-glowing-effect; T; +[u;7[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-transition:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +comma;i;@;[o; ;: +space;i;@;[o:Sass::Script::String ;i;@: +@type:identifier;"-webkit-box-shadowo; ;i;@;"fade-time; "fade_timeo; ;;;i;@;[o; ;i;@;;;"border-coloro; ;i;@;"fade-time; "fade_timeo; ;i;@;;;"ease-in-outo; + ;i;@;["-moz-transition; ; ; [;i;o; ;;;i;@;[o; ;;;i;@;[o; ;i;@;;;"-moz-box-shadowo; ;i;@;"fade-time; "fade_timeo; ;;;i;@;[o; ;i;@;;;"border-coloro; ;i;@;"fade-time; "fade_timeo; ;i;@;;;"ease-in-outo; ;i;@;["transition;;; +[;i;o; ;: +comma;i;@;[o; ;; ;i;@;[o;! ;i;@; ;";"box-shadowo; ;i;@;"fade-time;"fade_timeo; ;; ;i;@;[o;! ;i;@; ;";"border-coloro; ;i;@;"fade-time;"fade_timeo;! ;i;@; ;";"ease-in-outo;' ;(["&:o; ;i;@;" selector;" selector;i;@; T; +[u;[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +space;i;@;[ o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"0;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"5px;i +o; ;i;@;"glowing-effect-color; "glowing_effect_coloro; + ;i;@;["-moz-box-shadow; ; ; [;i;o; ;;;i;@;[ o; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"5px;i +o; ;i;@;"glowing-effect-color; "glowing_effect_coloro; ;i;@;["box-shadow;;; +[;i;o; ;; ;i;@;[ o;# ;i;@;$[;%[;&"0;io;# ;i;@;$@E;%[;&"0;io;# ;i;@;$[;%["px;&"5px;i +o; ;i;@;"glowing-effect-color;"glowing_effect_coloro; ;i;@;["border-color;;; +[;i;o; ;i;@;"glowing-effect-color;"glowing_effect_color;i;0;[[o;;@;" selector;" selectoro;! ;i;@; ;";" +focus[o;;@;"fade-time;"fade_timeo;# ;i;@;$[;%["ms;&" +300ms;i,[o;;@;"glowing-effect-color;"glowing_effect_coloro:Sass::Script::Funcall :@keywords{;i;@;" fade-out;0;[o; ;i;@;"primary-color;"primary_coloro;# ;i;@;$@E;%[;&" 0.25;f 0.25o; +;i;@; ; ; +[;["%/* + * Foundation Variables + * */o; +;i;@; ; ; +[;["/* The default font-size is set to 100% of the browser style sheet (usually 16px) + * for compatibility with brower-based text zoom or user-set defaults. */o; +;i;@; ; ; +[;["/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. + * If you want your base font-size to be different and not have it effect the grid breakpoints, + * set $em-base to $base-font-size and make sure $base-font-size is a px value. */o; ;i;" !default;@;"base-font-size;o;# ;i;@;$[;%["%;&" 100%;ii; +[o; +;i;@; ; ; +[;["B/* $base-line-height is 24px while $base-font-size is 16px */o; ;i;" !default;@;"base-line-height;o;# ;i;@;$[;%["%;&" 150%;i; +[o; +;i;@; ; ; +[;["M/* This is the default html and body font-size for the base em value. */o; ;i;" !default;@;" em-base;o;# ;i;@;$@E;%[;&"16;i; +[o; +;i;@; ; ; +[;["7/* It strips the unit of measure and returns it */o:Sass::Tree::FunctionNode ;i;@;"strip-unit; T; +[o:Sass::Tree::ReturnNode ;i;@;o:Sass::Script::Operation +;i:@operand1o; ;i;@;"num;"num;@:@operator:div:@operand2o;< +;i;=o;< +;i;=o; ;i;@;"num;"num;@;>: +times;@o;# ;i;@;$@E;%[;&"0;i;@;>: plus;@o;# ;i;@;$@E;%[;&"1;i; +[;0;[[o;;@;"num;"num0o; +;i;@; ; ; +[;["5/* Converts "px" to "em" using the ($)em-base */o;: ;i;@;"convert-to-em; T; +[ o; ;i;0;@;" +value;o;< +;i;=o;< +;i;=o;8 ;9{;i;@;"strip-unit;0;[o; ;i;@;" +value;" +value;@;>;?;@o;8 ;9{;i;@;"strip-unit;0;[o; ;i;@;" em-base;" em_base;@;>;A;@o;# ;i;@;$[;%["em;&"1em;i; +[u;|[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name" +value:@underscored_name" +value; @:@operator:eq:@operand2o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units["em:@original"0em: @valuei0[o:Sass::Tree::VariableNode ;i: @guarded0; @; +" +value: +@expro; ;i; @;[;[;"0;i:@children[o; +;i;@; ; ; +[;["/* Turn 0em into 0 */o;; ;i;@;o; ;i;@;" +value;" +value; +[;0;[[o;;@;" +value;" +value0o; +;i;@; ; ; +[;["/* Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) + * Just enter the number, no need to mention "px" */o;: ;i;@;" emCalc; T; +[ o; ;i;0;@;"max;o;8 ;9{;i;@;" length;0;[o; ;i;@;" values;" values; +[o; +;i;@; ; ; +[;["4/* Get the total number of parameters passed */o; +;i;@; ; ; +[;["/* If there is only 1 parameter, then return it as an integer. + * This is done because a list can't be multiplied or divided even if it contains a single value */u;[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"max:@underscored_name"max; @:@operator:eq:@operand2o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units[:@original"1: @valuei0[o:Sass::Tree::ReturnNode ;i; @: +@expro:Sass::Script::Funcall :@keywords{;i; @; +"convert-to-em: @splat0: +@args[o; ;{;i; @; +"nth;0;[o; ;i; @; +" values; " valueso; ;i; @;@ ;[;"1;i:@children[o; ;i;0;@;" emValues;o; ;; ;i;@;[; +[o; +;i;@; ; ; +[;["E/* This will eventually store the converted $values in a list */o:Sass::Tree::ForNode : +@fromo;# ;i;@;$@E;%[;&"1;i;i;@: @var"i; T; +[o; ;i;0;@;" emValues;o;8 ;9{;i;@;" append;0;[o; ;i;@;" emValues;" emValueso;8 ;9{;i;@;"convert-to-em;0;[o;8 ;9{;i;@;"nth;0;[o; ;i;@;" values;" valueso; ;i;@;"i;"i; +[:@too; ;i;@;"max;"max:@exclusiveFo;; ;i;@;o; ;i;@;" emValues;" emValues; +[;o;;{;" values;" values;[o; +;i;@; ; ; +[;["}/* Maybe you want to create rems and pixels + * @function remCalc($pxWidth) { + * @return $pxWidth / $em-base * 1rem; + * } */o; +;i;@; ; ; +[;["8/* We use these to control various global styles */o; ;i;" !default;@;" body-bg;o:Sass::Script::Color ;i;@: @attrs{ :redi: +alphai: +greeni: bluei;0; +[o; ;i;" !default;@;"body-font-color;o;H ;i;@;I{ ;Ji';Ki;Li';Mi';0; +[o; ;i;" !default;@;"body-font-family;o; ;;7;i;@;[ +o;! ;i;@; : string;"Helvetica Neueo;! ;i;@; ;N;"Helveticao;! ;i;@; ;";"Helveticao;! ;i;@; ;";" +Arialo;! ;i;@; ;";"sans-serif; +[o; ;i;" !default;@;"body-font-weight;o;! ;i;@; ;";" normal; +[o; ;i;" !default;@;"body-font-style;o;! ;i;@; ;";" normal; +[o; +;i;@; ; ; +[;["0/* We use this to control font-smoothing */o; ;i;" !default;@;"font-smoothing;o;! ;i;@; ;";"subpixel-antialiased; +[o; +;i;@; ; ; +[;[":/* We use these to control text direction settings */o; ;i;" !default;@;"text-direction;o;! ;i;@; ;";"ltr; +[o; +;i;@; ; ; +[;["h/* NOTE: No need to change this conditional statement, $text-direction variable controls it all. */o; ;i;" !default;@;"default-float;o;! ;i;@; ;";" left; +[o; ;i;" !default;@;"opposite-direction;o;! ;i;@; ;";" +right; +[u;[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"text-direction:@underscored_name"text_direction; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"ltru:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : +@linei: @guarded0: @options{: +@name"default-float: +@expro:Sass::Script::String ;i;@: +@type:identifier: @value" +right:@children[o; ;i;0;@; "opposite-direction; +o; ;i;@; ; ;" left;[[o:Sass::Tree::VariableNode ;i: @guarded0; @; +"default-float: +@expro; ;i; @;;;" left:@children[o; ;i;0; @; +"opposite-direction;o; ;i; @;;;" +right;[o; +;i;@; ; ; +[;["4/* We use these as default colors throughout */o; ;i;" !default;@;"primary-color;o;H ;i;@;I{ ;Ji0;Ki;Li;Mi;0; +[o; ;i;" !default;@;"secondary-color;o;H ;i;@;I{ ;Ji;Ki;Li;Mi;0; +[o; ;i;" !default;@;"alert-color;o;H ;i;@;I{ ;Ji;Ki;Li;Mi;0; +[o; ;i;" !default;@;"success-color;o;H ;i;@;I{ ;Jib;Ki;Li;Mi(;0; +[o; +;i;@; ; ; +[;["W/* We use these to make sure border radius matches unless we want it different. */o; ;i;" !default;@;"global-radius;o;# ;i;@;$[;%["px;&"3px;i; +[o; ;i;" !default;@;"global-rounded;o;# ;i;@;$[;%["px;&" 1000px;i; +[o; +;i;@; ; ; +[;["L/* We use these to control inset shadow shiny edges and depressions. */o; ;i;" !default;@;"shiny-edge-size;o; ;; ;i;@;[o;# ;i;@;$@E;%[;&"0;io;# ;i;@;$[;%["px;&"1px;io;# ;i;@;$@E;%[;&"0;i; +[o; ;i;" !default;@;"shiny-edge-color;o;8 ;9{;i;@;" rgba;0;[o;H ;i;@;I{ ;Ji;Ki;Li;Mi;0o;# ;i;@;$@E;%[;&"0.5;f0.5; +[o; ;i;" !default;@;"shiny-edge-active-color;o;8 ;9{;i;@;" rgba;0;[o;H ;i;@;I{ ;Ji;Ki;Li;Mi;0o;# ;i;@;$@E;%[;&"0.2;f0.20000000000000001; +[o; +;i;@; ; ; +[;["[/* We use this to control whether or not CSS classes come through in the gem files. */o; ;i;" !default;@;"include-html-classes;o;;i;@;T; +[o; ;i;" !default;@;"include-print-styles;o;;i;@;T; +[o; ;i;" !default;@;" include-html-global-classes;o; ;i;@;"include-html-classes;"include_html_classes; +[o; +;i;@; ; ; +[;["/* Media Queries */o; ;i;" !default;@;"small-screen;o;# ;i;@;$[;%["px;&" +768px;i; +[o; ;i;" !default;@;"medium-screen;o;# ;i;@;$[;%["px;&" 1280px;i; +[o; ;i;" !default;@;"large-screen;o;# ;i;@;$[;%["px;&" 1440px;i; +[o; ;i;" !default;@;" screen;o;! ;i;@; ;N;"only screen; +[o; ;i;" !default;@;" +small;o:&Sass::Script::StringInterpolation +: @mido; ;i;@;"small-screen;"small_screen;i;@: @beforeo;! ;i;@; ;N;"!only screen and (min-width: : @aftero;! ;i;@; ;N;"); +[o; ;i;" !default;@;" medium;o;O +;Po; ;i;@;"medium-screen;"medium_screen;i;@;Qo;! ;i;@; ;N;" only screen and (min-width:;Ro;! ;i;@; ;N;"); +[o; ;i;" !default;@;" +large;o;O +;Po; ;i;@;"large-screen;"large_screen;i;@;Qo;! ;i;@; ;N;" only screen and (min-width:;Ro;! ;i;@; ;N;"); +[o; ;i;" !default;@;"landscape;o;! ;i;@; ;N;"-only screen and (orientation: landscape); +[o; ;i;" !default;@;" portrait;o;! ;i;@; ;N;",only screen and (orientation: portrait); +[o; +;i;@; ; ; +[;["w/*We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet */o; ;i;" !default;@;"cursor-crosshair-value;o;! ;i;@; ;";"crosshair; +[o; ;i;" !default;@;"cursor-default-value;o;! ;i;@; ;";" default; +[o; ;i;" !default;@;"cursor-pointer-value;o;! ;i;@; ;";" pointer; +[o; ;i;" !default;@;"cursor-help-value;o;! ;i;@; ;";" help; +[o; ;i;" !default;@;"cursor-text-value;o;! ;i;@; ;";" text; +[u;[o:Sass::Script::Variable : +@linei: @options{: +@name" include-html-global-classes:@underscored_name" include_html_global_classes0[#o:Sass::Tree::CommentNode +;i;@: +@type: silent:@children[: @value["F/* Set box-sizing globally to handle padding and border widths */o:Sass::Tree::RuleNode : +@rule["*, + *:before, + *:after;i;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Universal;@:@namespace0;i: @sourceso:Set: +@hash{: @subject0o;;[" +o; +;@;i;[o;;@;0;io:Sass::Selector::Pseudo +;@;i: @arg0;[" before; : +class;o;;{;0o;;[" +o; +;@;i;[o;;@;0;io; +;@;i;0;[" +after; ;;o;;{;0:@has_childrenT; [o:Sass::Tree::MixinNode :@keywords{;i ;@;"box-sizing; [: @splat0: +@args[o:Sass::Script::String ;i ;@; :identifier;"border-box: +@tabsio; ;["html, + body;i ;@;o;;";i ;[o;;[o; +;@>;i ;[o:Sass::Selector::Element ;@>;0;i ;[" html;o;;{;0o;;[" +o; +;@>;i ;[o;( ;@>;0;i ;[" body;o;;{;0; T; [o:Sass::Tree::PropNode ;i ;@;["font-size:@prop_syntax:new; [;'i;o; ;i ;@;"base-font-size; "base_font_size;'io; + +;i;@; ; ; [;["/* Default body styles */o; ;[" body;i;@;o;;";i;[o;;[o; +;@c;i;[o;( ;@c;0;i;[" body;o;;{;0; T; [o;) ;i;@;["background;*;+; [;'i;o; ;i;@;" body-bg; " body_bgo;) ;i;@;[" +color;*;+; [;'i;o; ;i;@;"body-font-color; "body_font_coloro;) ;i;@;[" padding;*;+; [;'i;o;%;@; ;&;"0o;) ;i;@;[" margin;*;+; [;'i;o;%;@; ;&;"0o;) ;i;@;["font-family;*;+; [;'i;o; ;i;@;"body-font-family; "body_font_familyo;) ;i;@;["font-weight;*;+; [;'i;o; ;i;@;"body-font-weight; "body_font_weighto;) ;i;@;["font-style;*;+; [;'i;o; ;i;@;"body-font-style; "body_font_styleo;) ;i;@;["line-height;*;+; [;'i;o;%;@; ;&;"1o; + +;i;@; ; ; [;["F/* Set to $base-line-height to take on browser default of 150% */o;) ;i;@;[" position;*;+; [;'i;o;%;@; ;&;" relativeo;) ;i;@;[" cursor;*;+; [;'i;o; ;i;@;"cursor-default-value; "cursor_default_value;'io; ;[" a:hover;i;@;o;;";i;[o;;[o; +;@;i;[o;( ;@;0;i;["ao; +;@;i;0;[" +hover; ;;o;;{;0; T; [o;) ;i;@;[" cursor;*;+; [;'i;o; ;i;@;"cursor-pointer-value; "cursor_pointer_value;'io; + +;i;@; ; ; [;[" [data-section-region], & > section, & > .section { + padding: 0 !important; // override inline style + margin: 0 !important; // override inline style + & > [data-section-title], & > #{$title-selector}{ + width: 100% !important; // override inline style + } + } + } + } +} + +// foundation styles for sections +@mixin section-container-style($section-type: accordion) { + + // Accordion container border styles + @if $section-type == accordion { + border-top: $section-border-size $section-border-style $section-border-color; + } + + // Tabs container border styles + @else if $section-type == tabs { + border: none; + } + + // Vertical Tabs container border styles + @else if $section-type == vertical-tabs { + border: none; + } + + // Vertical Nav container border styles + @else if $section-type == vertical-nav { + border: none; + } + + // Horizontal Nav container border styles + @else if $section-type == horizontal-nav { + background: $section-title-bg; + border: $section-border-size $section-border-style $section-border-color; + } +} + +//basic styles for section.js: section region positions +@mixin section-base($section-type: accordion) { + + & > [data-section-title], & > #{$title-selector} { + margin-bottom: 0; + a { + width: 100%; + display: inline-block; + white-space: nowrap; + } + } + + & > [data-section-content], & > #{$content-selector} { + display: none; + } + + &#{$active-region-selector} { + & > [data-section-content], & > #{$content-selector} { display: block; } + } + + &:not(#{$active-region-selector}) { + padding: 0 !important; //override inline style + } + + // Style for when Accordion + @if $section-type == accordion { + margin: 0; + & > [data-section-title], & > #{$title-selector} { width: 100%; } + } + + // Styles for when tabs + @else if $section-type == tabs { + + & > [data-section-title], & > #{$title-selector} { + width: auto; + position: absolute; + top: 0; + #{$default-float}: 0; + } + } + + // Styles for when Vertical Tabs + @else if $section-type == vertical-tabs { + + & > [data-section-title], & > #{$title-selector} { + position: absolute; + top:0; + #{$default-float}: 0; + width: $section-vertical-tabs-title-width; + } + + &#{$active-region-selector} { + padding-#{$default-float}: $section-vertical-tabs-title-width; + + & > [data-section-title], & > #{$title-selector} { + width: $section-vertical-tabs-title-width; + } + } + } + + // Styles for when Vertical Nav + @else if $section-type == vertical-nav { + + position: relative; + display: inline-block; + + & > [data-section-title], & > #{$title-selector} { + position: static; + width: auto; + a { display: block; } + } + + & > [data-section-content], & > #{$content-selector} { + position: absolute; + top:0; + #{$default-float}: 0; + z-index: 999; + min-width: $section-vertical-nav-min-width; + } + } + + // Styles for when Horizontal Nav + @else if $section-type == horizontal-nav { + + position: relative; + float: #{$default-float}; + + & > [data-section-title], & > #{$title-selector} { + position: static; + width: auto; + a { display: block; } + } + + & > [data-section-content], & > #{$content-selector} { + width: auto; + position: absolute; + top: 0; + #{$default-float}: 0; + z-index: 999; + min-width: $section-vertical-nav-min-width; + } + } +} + +//foundation styles for section regions +@mixin section-style($section-type:accordion, $title-selector: $title-selector, $content-selector: $content-selector, $title-padding:$section-title-padding, $title-color:$section-title-color, $title-font-size:$section-font-size, $title-bg:$section-title-bg, $title-bg-hover:$section-title-bg-hover, $title-bg-active:$section-title-bg-active, $title-color-active:$section-title-color-active, $content-bg:$section-content-bg, $content-padding:$section-content-padding, $section-border-size:$section-border-size, $section-border-style:$section-border-style, $section-border-color: $section-border-color) { + + // Default Styles + & > #{$title-selector} { + background-color: $title-bg; + cursor: $cursor-pointer-value; + border: $section-border-style $section-border-size $section-border-color; + a { + padding: $title-padding; + color: $title-color; + font-size: $title-font-size; + background: none; + } + &:hover { background-color: $title-bg-hover; } + } + + & > #{$content-selector} { + padding: $content-padding; + background-color: $content-bg; + border: $section-border-style $section-border-size $section-border-color; + + &>*:last-child { margin-bottom: 0; } + &>*:first-child { padding-top: 0; } + &>*:last-child:not(.flex-video) { padding-bottom: 0; } + } + + &#{$active-region-selector} { + & > #{$title-selector} { + background: $title-bg-active; + a { color: $title-color-active; } + } + } + + &:not(#{$active-region-selector}) { + padding: 0 !important; //override inline style + } + + // Style for when Accordion + @if $section-type == accordion { + & > #{$title-selector} { border-top: none; } + } + + // Styles for when tabs + @else if $section-type == tabs { + + &#{$active-region-selector} > #{$title-selector} { + border-bottom: 0; + } + } + + // Styles for when Vertical Tabs + @else if $section-type == vertical-tabs { + + &#{$active-region-selector} { + padding-#{$default-float}: $section-vertical-tabs-title-width - emCalc(1px); + + & > #{$title-selector} { + background-color: $title-bg-active; + } + } + } +} + +@mixin section-container($base-style:true, $section-type:accordion) { + @include section-container-base($section-type); + @include section-container-style($section-type); +} + +@mixin section($section-type:accordion, $title-selector:$title-selector, $content-selector: $content-selector, $title-padding:$section-title-padding, $title-color:$section-title-color, $title-font-size:$section-font-size, $title-bg:$section-title-bg, $title-bg-hover:$section-title-bg-hover, $title-bg-active:$section-title-bg-active, $title-color-active:$section-title-color-active, $content-bg:$section-content-bg, $content-padding:$section-content-padding, $section-border-size:$section-border-size, $section-border-style:$section-border-style, $section-border-color: $section-border-color) { + @include section-base($section-type); + @include section-style($section-type, $title-selector, $content-selector, $title-padding, $title-color, $title-font-size, $title-bg, $title-bg-hover, $title-bg-active, $title-color-active, $content-bg, $content-padding, $section-border-size, $section-border-style, $section-border-color); +} + +@if $include-html-section-classes != false { + + /* Sections */ + + [data-section=''], [data-section='auto'], .section-container.auto, + [data-section='vertical-tabs'], .section-container.vertical-tabs, + [data-section='vertical-nav'], .section-container.vertical-nav, + [data-section='horizontal-nav'], .section-container.horizontal-nav, + [data-section='accordion'], .section-container.accordion { + @include section-container-base(accordion); + & > section, & > .section, & > [data-section-region] { + @include section-base(accordion); + } + } + + .section-container.auto, + .section-container.vertical-tabs, + .section-container.vertical-nav, + .section-container.horizontal-nav, + .section-container.accordion { + @include section-container-style(accordion); + & > section, & > .section { + @include section-style(accordion); + } + } + + [data-section='tabs'], .section-container.tabs { + @include section-container-base(tabs); + & > section, & > .section, & > [data-section-region] { + @include section-base(tabs); + } + } + + .section-container.tabs { + @include section-container-style(tabs); + & > section, & > .section { + @include section-style(tabs, $title-bg-active: $section-title-bg-active-tabs); + } + } + + @media #{$small} { + + [data-section=''], [data-section='auto'], .section-container.auto { + @include section-container-base(tabs); + & > section, & > .section, & > [data-section-region] { + @include section-base(tabs); + } + } + + .section-container.auto { + @include section-container-style(tabs); + & > section, & > .section { + @include section-style(tabs, $title-bg-active: $section-title-bg-active-tabs); + } + } + + [data-section='vertical-tabs'], .section-container.vertical-tabs { + @include section-container-base(vertical-tabs); + & > section, & > .section, & > [data-section-region] { + @include section-base(vertical-tabs); + } + } + + .section-container.vertical-tabs { + @include section-container-style(vertical-tabs); + & > section, & > .section { + @include section-style(vertical-tabs); + } + } + + [data-section='vertical-nav'], .section-container.vertical-nav { + @include section-container-base(vertical-nav); + & > section, & > .section, & > [data-section-region] { + @include section-base(vertical-nav); + } + } + + .section-container.vertical-nav { + @include section-container-style(vertical-nav); + & > section, & > .section { + @include section-style(vertical-nav); + } + } + + [data-section='horizontal-nav'], .section-container.horizontal-nav { + @include section-container-base(horizontal-nav); + & > section, & > .section, & > [data-section-region] { + @include section-base(horizontal-nav); + } + } + + .section-container.horizontal-nav { + @include section-container-style(horizontal-nav); + & > section, & > .section { + @include section-style(horizontal-nav); + } + } + } + + // Change all variations to expanded accordions when no JS is detected. + .no-js { + [data-section], .section-container { + @include section-container-base(accordion); + & > section, & > .section, & > [data-section-region] { + @include section-base(accordion); + } + } + .section-container { + @include section-container-style(accordion); + & > section, & > .section { + @include section-style(accordion); + } + } + } +} +: +@linei: @options{:@has_childrenT:@children[,o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value[""/* + * Section Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"!include-html-section-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["7/* We use these to set padding and hover factor */o; ;i ;" !default;@;"section-title-padding;o:Sass::Script::Funcall :@keywords{;i ;@;" emCalc: @splat0: +@args[o:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units[:@original"15;i; +[o; ;i ;" !default;@;"section-content-padding;o; ;{;i ;@;" emCalc;0;[o; ;i ;@;@ ;[;"15;i; +[o; ;i;" !default;@;"section-function-factor;o; ;i;@;[;["%;"10%;i; +[o; +;i;@; ; ; +[;["!/* These style the titles */o; ;i;" !default;@;"section-title-color;o:Sass::Script::Color ;i;@: @attrs{ :redi8: +alphai: +greeni8: bluei8;0; +[o; ;i;" !default;@;"section-title-color-active;o; ;i;@;{ ;i8; i;!i8;"i8;0; +[o; ;i;" !default;@;"section-title-bg;o; ;i;@;{ ;i; i;!i;"i;0; +[o; ;i;" !default;@;"section-title-bg-active;o; ;{;i;@;" darken;0;[o; ;i;@;"section-title-bg;"section_title_bgo; ;i;@;"section-function-factor;"section_function_factor; +[o; ;i;" !default;@;"!section-title-bg-active-tabs;o; ;i;@;{ ;i; i;!i;"i;0; +[o; ;i;" !default;@;"section-title-bg-hover;o; ;{;i;@;" darken;0;[o; ;i;@;"section-title-bg;"section_title_bgo:Sass::Script::Operation +;i:@operand1o; ;i;@;"section-function-factor;"section_function_factor;@:@operator:div:@operand2o; ;i;@;@ ;[;"2;i; +[o; +;i;@; ; ; +[;["3/* Want to control border size, here ya go! */o; ;i;" !default;@;"section-border-size;o; ;i;@;[;["px;"1px;i; +[o; ;i;" !default;@;"section-border-style;o:Sass::Script::String ;i;@; :identifier;" +solid; +[o; ;i;" !default;@;"section-border-color;o; ;i;@;{ ;i; i;!i;"i;0; +[o; +;i;@; ; ; +[;["/* Font controls */o; ;i;" !default;@;"section-font-size;o; ;{;i;@;" emCalc;0;[o; ;i;@;@ ;[;"14;i; +[o; +;i ;@; ; ; +[;["D/* Control the color of the background and some size options */o; ;i!;" !default;@;"section-content-bg;o; ;i!;@;{ ;i; i;!i;"i;0; +[o; ;i";" !default;@;"#section-vertical-nav-min-width;o; ;{;i";@;" emCalc;0;[o; ;i";@;@ ;[;"200;i; +[o; ;i#;" !default;@;"§ion-vertical-tabs-title-width;o; ;{;i#;@;" emCalc;0;[o; ;i#;@;@ ;[;"200;i; +[o; ;i$;" !default;@;"section-bottom-margin;o; ;{;i$;@;" emCalc;0;[o; ;i$;@;@ ;[;"20;i; +[o; ;i&;" !default;@;"title-selector;o;( ;i&;@; : string;" .title; +[o; ;i';" !default;@;"content-selector;o;( ;i';@; ;*;" .content; +[o; ;i(;" !default;@;"active-region-selector;o;( ;i(;@; ;*;" .active; +[o; +;i*;@; ; ; +[;["/* + * Section Mixins + * */o; +;i.;@; ; ; +[;["2/* basic styles for sections.js: positions */o:Sass::Tree::MixinDefNode ;i/;@;"section-container-base; T; +[ o:Sass::Tree::PropNode ;i0;@;[" +width:@prop_syntax:new; +[: +@tabsi;o;(;@; ;);" 100%o;, ;i1;@;[" position;-;.; +[;/i;o;(;@; ;);" relativeo;, ;i2;@;[" display;-;.; +[;/i;o;(;@; ;);" +blocko;, ;i3;@;["margin-bottom;-;.; +[;/i;o; ;i3;@;"section-bottom-margin;"section_bottom_marginu:Sass::Tree::IfNode[[o:Sass::Script::Operation +: +@linei5:@operand1o:Sass::Script::Variable ;i5: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:neq:@operand2o:Sass::Script::String ;i5; @: +@type:identifier: @value"accordion0[o:Sass::Tree::RuleNode : +@rule["B&:not([data-section-resized]):not([data-section-small-style]);i6; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i6: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i6;[o:Sass::Selector::Parent;@;i6o:Sass::Selector::Pseudo +;@;i6: @arg["ata-section-resized]; +["not;: +classo; +;@;i6;["[data-section-small-style]; +["not;;: @sourceso:Set: +@hash{: @subject0:@has_childrenT:@children[o:Sass::Tree::PropNode ;i7; @; +["visibility:@prop_syntax:new;$[: +@tabsi;o;; @;;;" hidden;(iu;0[o:Sass::Script::Operation +: +@linei;:@operand1o:Sass::Script::Variable ;i;: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:neq:@operand2o:Sass::Script::String ;i;; @: +@type:identifier: @value" tabs0[o:Sass::Tree::RuleNode : +@rule[" &[data-section-small-style];i<; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i<: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i<;[o:Sass::Selector::Parent;@;i [data-section-region], & > section, & > .section;i?; @;o;;";i?;[o;;[o; +;@-;i?;[o;;@-;i?;o; ;!{;"0">o; +;@-;i?;[o; ;@-;0;0;i?; +["data-section-region; 0;0;o; ;!{;"0o;;[o; +;@-;i?;[o;;@-;i?;o; ;!{;"0">o; +;@-;i?;[o:Sass::Selector::Element ;@-;0;i?; +[" section;o; ;!{;"0o;;[o; +;@-;i?;[o;;@-;i?;o; ;!{;"0">o; +;@-;i?;[o:Sass::Selector::Class;@-;i?; +[" section;o; ;!{;"0;#T;$[ +o;% ;i@; @; +[" padding;&;';$[;(i;o;; @;;;"0 !importanto;) +;i@; @;;*;$[;[" /* override inline style */o;% ;iA; @; +[" margin;&;';$[;(i;o;; @;;;"0 !importanto;) +;iA; @;;*;$[;[" /* override inline style */o; ;["#& > [data-section-title], & > o; ;iB; @; +"title-selector; "title_selector;iB; @;#T;$[o;% ;iC; @; +[" +width;&;';$[;(i;o;; @;;;"100% !importanto;) +;iC; @;;*;$[;[" /* override inline style */;(i;(i;(i;0;[[o;;@;"section-type;"section_typeo;( ;i/;@; ;);"accordiono; +;iJ;@; ; ; +[;[")/* foundation styles for sections */o;+ ;iK;@;"section-container-style; T; +[o; +;iM;@; ; ; +[;[",/* Accordion container border styles */u;0d [o:Sass::Script::Operation +: +@lineiN:@operand1o:Sass::Script::Variable ;iN: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;iN; @: +@type:identifier: @value"accordionu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@lineiS:@operand1o:Sass::Script::Variable ;iS: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;iS; @: +@type:identifier: @value" tabsu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@lineiX:@operand1o:Sass::Script::Variable ;iX: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;iX; @: +@type:identifier: @value"vertical-tabsu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei]:@operand1o:Sass::Script::Variable ;i]: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i]; @: +@type:identifier: @value"vertical-navu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@lineib:@operand1o:Sass::Script::Variable ;ib: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;ib; @: +@type:identifier: @value"horizontal-nav0[o:Sass::Tree::PropNode ;ic; @; +["background:@prop_syntax:new:@children[: +@tabsi;o; ;ic; @; +"section-title-bg; "section_title_bgo; ;id; @; +[" border;;;[;i;o:Sass::Script::List :@separator: +space;id; @;[o; ;id; @; +"section-border-size; "section_border_sizeo; ;id; @; +"section-border-style; "section_border_styleo; ;id; @; +"section-border-color; "section_border_color[o:Sass::Tree::PropNode ;i^; @; +[" border:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" none[o:Sass::Tree::PropNode ;iY; @; +[" border:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" none[o:Sass::Tree::PropNode ;iT; @; +[" border:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" none[o:Sass::Tree::PropNode ;iO; @; +["border-top:@prop_syntax:new:@children[: +@tabsi;o:Sass::Script::List :@separator: +space;iO; @;[o; ;iO; @; +"section-border-size; "section_border_sizeo; ;iO; @; +"section-border-style; "section_border_styleo; ;iO; @; +"section-border-color; "section_border_color;0;[[o;;@;"section-type;"section_typeo;( ;iK;@; ;);"accordiono; +;ih;@; ; ; +[;["?/*basic styles for section.js: section region positions */o;+ ;ii;@;"section-base; T; +[ o:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;ik;@;"title-selector;"title_selector;ik;@; T; +[o;, ;il;@;["margin-bottom;-;.; +[;/i;o;(;@; ;);"0o;1 ;2["a;im;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";im: @members[o:Sass::Selector::Sequence;6[o:#Sass::Selector::SimpleSequence +;5@,;im;6[o:Sass::Selector::Element ;5@,:@namespace0;im;["a: @sourceso:Set: +@hash{: @subject0; T; +[o;, ;in;@;[" +width;-;.; +[;/i;o;(;@; ;);" 100%o;, ;io;@;[" display;-;.; +[;/i;o;(;@; ;);"inline-blocko;, ;ip;@;["white-space;-;.; +[;/i;o;(;@; ;);" nowrap;/i;/io;1 ;2["%& > [data-section-content], & > o; ;it;@;"content-selector;"content_selector;it;@; T; +[o;, ;iu;@;[" display;-;.; +[;/i;o;(;@; ;);" none;/io;1 ;2["&o; ;ix;@;"active-region-selector;"active_region_selector;ix;@; T; +[o;1 ;2["%& > [data-section-content], & > o; ;iy;@;"content-selector;"content_selector;iy;@; T; +[o;, ;iy;@;[" display;-;.; +[;/i;o;(;@; ;);" +block;/i;/io;1 ;2[" &:not(o; ;i|;@;"active-region-selector;"active_region_selector");i|;@; T; +[o;, ;i};@;[" padding;-;.; +[;/i;o;(;@; ;);"0 !importanto; +;i};@; ; ; +[;["/*override inline style */;/io; +;i{;@; ; ; +[;["#/* Style for when Accordion */u;0c[o:Sass::Script::Operation +: +@linei|:@operand1o:Sass::Script::Variable ;i|: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i|; @: +@type:identifier: @value"accordionu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value" tabsu:Sass::Tree::IfNode7[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"vertical-tabsu:Sass::Tree::IfNode [o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"vertical-navu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"horizontal-nav0[ o:Sass::Tree::PropNode ;i; @; +[" position:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" relativeo; ;i; @; +[" +float;;;[;i;o: Sass::Script::Interpolation : @mido; ;i; @; +"default-float; "default_float;i:@whitespace_after0; @: @before0:@whitespace_beforei: @after0:@originally_textFo:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT;[o; ;i; @; +[" position;;;[;i;o;; @;;;" statico; ;i; @; +[" +width;;;[;i;o;; @;;;" autoo; ; ["a;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;%[o:#Sass::Selector::SimpleSequence +;$@3;i;%[o:Sass::Selector::Element ;$@3:@namespace0;i; +["a: @sourceso:Set: +@hash{: @subject0;!T;[o; ;i; @; +[" display;;;[;i;o;; @;;;" +block;i;io; ; ["%& > [data-section-content], & > o; ;i; @; +"content-selector; "content_selector;i; @;!T;[ o; ;i; @; +[" +width;;;[;i;o;; @;;;" autoo; ;i; @; +[" position;;;[;i;o;; @;;;" absoluteo; ;i; @; +["top;;;[;i;o;; @;;;"0o; ;i; @; +[o; ;i; @; +"default-float; "default_float;;;[;i;o;; @;;;"0o; ;i; @; +[" z-index;;;[;i;o;; @;;;"999o; ;i; @; +["min-width;;;[;i;o; ;i; @; +"#section-vertical-nav-min-width; "#section_vertical_nav_min_width;i[ o:Sass::Tree::PropNode ;i; @; +[" position:@prop_syntax:new:@children[: +@tabsi;o;; @;;;" relativeo; ;i; @; +[" display;;;[;i;o;; @;;;"inline-blocko:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT;[o; ;i; @; +[" position;;;[;i;o;; @;;;" statico; ;i; @; +[" +width;;;[;i;o;; @;;;" autoo; ;["a;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@2;i;[o:Sass::Selector::Element ;@2:@namespace0;i; +["a: @sourceso:Set: +@hash{: @subject0;T;[o; ;i; @; +[" display;;;[;i;o;; @;;;" +block;i;io; ;["%& > [data-section-content], & > o; ;i; @; +"content-selector; "content_selector;i; @;T;[ +o; ;i; @; +[" position;;;[;i;o;; @;;;" absoluteo; ;i; @; +["top;;;[;i;o;; @;;;"0o; ;i; @; +[o; ;i; @; +"default-float; "default_float;;;[;i;o;; @;;;"0o; ;i; @; +[" z-index;;;[;i;o;; @;;;"999o; ;i; @; +["min-width;;;[;i;o; ;i; @; +"#section-vertical-nav-min-width; "#section_vertical_nav_min_width;i[o:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT:@children[ o:Sass::Tree::PropNode ;i; @; +[" position:@prop_syntax:new;[: +@tabsi;o;; @;;;" absoluteo; ;i; @; +["top;;;[;i;o;; @;;;"0o; ;i; @; +[o; ;i; @; +"default-float; "default_float;;;[;i;o;; @;;;"0o; ;i; @; +[" +width;;;[;i;o; ;i; @; +"§ion-vertical-tabs-title-width; "§ion_vertical_tabs_title_width;io; ;["&o; ;i; @; +"active-region-selector; "active_region_selector;i; @;T;[o; ;i; @; +[" padding-o; ;i; @; +"default-float; "default_float;;;[;i;o; ;i; @; +"§ion-vertical-tabs-title-width; "§ion_vertical_tabs_title_widtho; ;["#& > [data-section-title], & > o; ;i; @; +"title-selector; "title_selector;i; @;T;[o; ;i; @; +[" +width;;;[;i;o; ;i; @; +"§ion-vertical-tabs-title-width; "§ion_vertical_tabs_title_width;i;i[o:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT:@children[ o:Sass::Tree::PropNode ;i; @; +[" +width:@prop_syntax:new;[: +@tabsi;o;; @;;;" autoo; ;i; @; +[" position;;;[;i;o;; @;;;" absoluteo; ;i; @; +["top;;;[;i;o;; @;;;"0o; ;i; @; +[o; ;i; @; +"default-float; "default_float;;;[;i;o;; @;;;"0;i[o:Sass::Tree::PropNode ;i}; @; +[" margin:@prop_syntax:new:@children[: +@tabsi;o;; @;;;"0o:Sass::Tree::RuleNode : +@rule["#& > [data-section-title], & > o; ;i~; @; +"title-selector; "title_selector;i~; @:@has_childrenT;[o; ;i~; @; +[" +width;;;[;i;o;; @;;;" 100%;i;0;[[o;;@;"section-type;"section_typeo;( ;ii;@; ;);"accordiono; +;i;@; ; ; +[;["//*foundation styles for section regions */o;+ ;i;@;"section-style; T; +[ o; +;i;@; ; ; +[;["/* Default Styles */o;1 ;2[" & > o; ;i;@;"title-selector;"title_selector;i;@; T; +[ +o;, ;i;@;["background-color;-;.; +[;/i;o; ;i;@;" title-bg;" title_bgo;, ;i;@;[" cursor;-;.; +[;/i;o; ;i;@;"cursor-pointer-value;"cursor_pointer_valueo;, ;i;@;[" border;-;.; +[;/i;o:Sass::Script::List :@separator: +space;i;@;[o; ;i;@;"section-border-style;"section_border_styleo; ;i;@;"section-border-size;"section_border_sizeo; ;i;@;"section-border-color;"section_border_coloro;1 ;2["a;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@;i;6[o;9 ;5@;:0;i;["a;;o;<;={;>0; T; +[ o;, ;i;@;[" padding;-;.; +[;/i;o; ;i;@;"title-padding;"title_paddingo;, ;i;@;[" +color;-;.; +[;/i;o; ;i;@;"title-color;"title_coloro;, ;i;@;["font-size;-;.; +[;/i;o; ;i;@;"title-font-size;"title_font_sizeo;, ;i;@;["background;-;.; +[;/i;o;(;@; ;);" none;/io;1 ;2[" &:hover;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@;i;6[o:Sass::Selector::Parent;5@;io:Sass::Selector::Pseudo +;5@;i: @arg0;[" +hover; : +class;;o;<;={;>0; T; +[o;, ;i;@;["background-color;-;.; +[;/i;o; ;i;@;"title-bg-hover;"title_bg_hover;/i;/io;1 ;2[" & > o; ;i;@;"content-selector;"content_selector;i;@; T; +[ o;, ;i;@;[" padding;-;.; +[;/i;o; ;i;@;"content-padding;"content_paddingo;, ;i;@;["background-color;-;.; +[;/i;o; ;i;@;"content-bg;"content_bgo;, ;i;@;[" border;-;.; +[;/i;o;? ;@;A;i;@;[o; ;i;@;"section-border-style;"section_border_styleo; ;i;@;"section-border-size;"section_border_sizeo; ;i;@;"section-border-color;"section_border_coloro;1 ;2["& > *:last-child;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@#;i;6[o;B;5@#;i;;o;<;={;>0">o;8 +;5@#;i;6[o:Sass::Selector::Universal;5@#;:0;io;C +;5@#;i;D0;["last-child; ;E;;o;<;={;>0; T; +[o;, ;i;@;["margin-bottom;-;.; +[;/i;o;(;@; ;);"0;/io;1 ;2["& > *:first-child;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@@;i;6[o;B;5@@;i;;o;<;={;>0">o;8 +;5@@;i;6[o;F;5@@;:0;io;C +;5@@;i;D0;["first-child; ;E;;o;<;={;>0; T; +[o;, ;i;@;["padding-top;-;.; +[;/i;o;(;@; ;);"0;/io;1 ;2["&& > *:last-child:not(.flex-video);i;@;3o;4;5";i;6[o;7;6[o;8 +;5@];i;6[o;B;5@];i;;o;<;={;>0">o;8 +;5@];i;6[o;F;5@];:0;io;C +;5@];i;D0;["last-child; ;Eo;C +;5@];i;D[".flex-video;["not; ;E;;o;<;={;>0; T; +[o;, ;i;@;["padding-bottom;-;.; +[;/i;o;(;@; ;);"0;/i;/io;1 ;2["&o; ;i;@;"active-region-selector;"active_region_selector;i;@; T; +[o;1 ;2[" & > o; ;i;@;"title-selector;"title_selector;i;@; T; +[o;, ;i;@;["background;-;.; +[;/i;o; ;i;@;"title-bg-active;"title_bg_activeo;1 ;2["a;i;@;3o;4;5";i;6[o;7;6[o;8 +;5@;i;6[o;9 ;5@;:0;i;["a;;o;<;={;>0; T; +[o;, ;i;@;[" +color;-;.; +[;/i;o; ;i;@;"title-color-active;"title_color_active;/i;/i;/io;1 ;2[" &:not(o; ;i;@;"active-region-selector;"active_region_selector");i;@; T; +[o;, ;i;@;[" padding;-;.; +[;/i;o;(;@; ;);"0 !importanto; +;i;@; ; ; +[;["/*override inline style */;/io; +;i;@; ; ; +[;["#/* Style for when Accordion */u;0*[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"accordionu:Sass::Tree::IfNode-[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value" tabsu:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"section-type:@underscored_name"section_type; @:@operator:eq:@operand2o:Sass::Script::String ;i; @: +@type:identifier: @value"vertical-tabs0[o:Sass::Tree::RuleNode : +@rule["&o; ;i; @; +"active-region-selector; "active_region_selector;i; @:@has_childrenT:@children[o:Sass::Tree::PropNode ;i; @; +[" padding-o; ;i; @; +"default-float; "default_float:@prop_syntax:new;[: +@tabsi;o; +;i;o; ;i; @; +"§ion-vertical-tabs-title-width; "§ion_vertical_tabs_title_width; @; : +minus;o:Sass::Script::Funcall :@keywords{;i; @; +" emCalc: @splat0: +@args[o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units["px:@original"1px;io; ;[" & > o; ;i; @; +"title-selector; "title_selector;i; @;T;[o; ;i; @; +["background-color;;;[;i;o; ;i; @; +"title-bg-active; "title_bg_active;i;i[o:Sass::Tree::RuleNode : +@rule[ "&o; ;i; @; +"active-region-selector; "active_region_selector" > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT:@children[o:Sass::Tree::PropNode ;i; @; +["border-bottom:@prop_syntax:new;[: +@tabsi;o;; @;;;"0;i[o:Sass::Tree::RuleNode : +@rule[" & > o; ;i; @; +"title-selector; "title_selector;i; @:@has_childrenT:@children[o:Sass::Tree::PropNode ;i; @; +["border-top:@prop_syntax:new;[: +@tabsi;o;; @;;;" none;i;0;[[o;;@;"section-type;"section_typeo;( ;i;@; ;);"accordion[o;;@;"title-selector;"title_selectoro; ;i;@;"title-selector;"title_selector[o;;@;"content-selector;"content_selectoro; ;i;@;"content-selector;"content_selector[o;;@;"title-padding;"title_paddingo; ;i;@;"section-title-padding;"section_title_padding[o;;@;"title-color;"title_coloro; ;i;@;"section-title-color;"section_title_color[o;;@;"title-font-size;"title_font_sizeo; ;i;@;"section-font-size;"section_font_size[o;;@;" title-bg;" title_bgo; ;i;@;"section-title-bg;"section_title_bg[o;;@;"title-bg-hover;"title_bg_hovero; ;i;@;"section-title-bg-hover;"section_title_bg_hover[o;;@;"title-bg-active;"title_bg_activeo; ;i;@;"section-title-bg-active;"section_title_bg_active[o;;@;"title-color-active;"title_color_activeo; ;i;@;"section-title-color-active;"section_title_color_active[o;;@;"content-bg;"content_bgo; ;i;@;"section-content-bg;"section_content_bg[o;;@;"content-padding;"content_paddingo; ;i;@;"section-content-padding;"section_content_padding[o;;@;"section-border-size;"section_border_sizeo; ;i;@;"section-border-size;"section_border_size[o;;@;"section-border-style;"section_border_styleo; ;i;@;"section-border-style;"section_border_style[o;;@;"section-border-color;"section_border_coloro; ;i;@;"section-border-color;"section_border_coloro;+ ;i ;@;"section-container; T; +[o:Sass::Tree::MixinNode ;{;i ;@;"section-container-base; +[;0;[o; ;i ;@;"section-type;"section_typeo;G ;{;i ;@;"section-container-style; +[;0;[o; ;i ;@;"section-type;"section_type;0;[[o;;@;"base-style;"base_styleo:Sass::Script::Bool;i ;@;T[o;;@;"section-type;"section_typeo;( ;i ;@; ;);"accordiono;+ ;i;@;" section; T; +[o;G ;{;i;@;"section-base; +[;0;[o; ;i;@;"section-type;"section_typeo;G ;{;i;@;"section-style; +[;0;[o; ;i;@;"section-type;"section_typeo; ;i;@;"title-selector;"title_selectoro; ;i;@;"content-selector;"content_selectoro; ;i;@;"title-padding;"title_paddingo; ;i;@;"title-color;"title_coloro; ;i;@;"title-font-size;"title_font_sizeo; ;i;@;" title-bg;" title_bgo; ;i;@;"title-bg-hover;"title_bg_hovero; ;i;@;"title-bg-active;"title_bg_activeo; ;i;@;"title-color-active;"title_color_activeo; ;i;@;"content-bg;"content_bgo; ;i;@;"content-padding;"content_paddingo; ;i;@;"section-border-size;"section_border_sizeo; ;i;@;"section-border-style;"section_border_styleo; ;i;@;"section-border-color;"section_border_color;0;[[o;;@;"section-type;"section_typeo;( ;i;@; ;);"accordion[o;;@;"title-selector;"title_selectoro; ;i;@;"title-selector;"title_selector[o;;@;"content-selector;"content_selectoro; ;i;@;"content-selector;"content_selector[o;;@;"title-padding;"title_paddingo; ;i;@;"section-title-padding;"section_title_padding[o;;@;"title-color;"title_coloro; ;i;@;"section-title-color;"section_title_color[o;;@;"title-font-size;"title_font_sizeo; ;i;@;"section-font-size;"section_font_size[o;;@;" title-bg;" title_bgo; ;i;@;"section-title-bg;"section_title_bg[o;;@;"title-bg-hover;"title_bg_hovero; ;i;@;"section-title-bg-hover;"section_title_bg_hover[o;;@;"title-bg-active;"title_bg_activeo; ;i;@;"section-title-bg-active;"section_title_bg_active[o;;@;"title-color-active;"title_color_activeo; ;i;@;"section-title-color-active;"section_title_color_active[o;;@;"content-bg;"content_bgo; ;i;@;"section-content-bg;"section_content_bg[o;;@;"content-padding;"content_paddingo; ;i;@;"section-content-padding;"section_content_padding[o;;@;"section-border-size;"section_border_sizeo; ;i;@;"section-border-size;"section_border_size[o;;@;"section-border-style;"section_border_styleo; ;i;@;"section-border-style;"section_border_style[o;;@;"section-border-color;"section_border_coloro; ;i;@;"section-border-color;"section_border_coloru;09[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"!include-html-section-classes:@underscored_name"!include_html_section_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i; @: @valueF0[ o:Sass::Tree::CommentNode +;i; @: +@type: normal:@children[;["/* Sections */o:Sass::Tree::RuleNode : +@rule["I[data-section=''], [data-section='auto'], .section-container.auto, + [data-section='vertical-tabs'], .section-container.vertical-tabs, + [data-section='vertical-nav'], .section-container.vertical-nav, + [data-section='horizontal-nav'], .section-container.horizontal-nav, + [data-section='accordion'], .section-container.accordion;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Attribute ;@:@namespace0: @flags0;i; +["data-section; "=;["'': @sourceso:Set: +@hash{: @subject0o;;[o; +;@;i;[o; ;@;0;0;i; +["data-section; "=;[" 'auto'; o;!;"{;#0o;;[o; +;@;i;[o:Sass::Selector::Class;@;i; +["section-containero;$;@;i; +[" auto; o;!;"{;#0o;;[" +o; +;@;i;[o; ;@;0;0;i; +["data-section; "=;["'vertical-tabs'; o;!;"{;#0o;;[o; +;@;i;[o;$;@;i; +["section-containero;$;@;i; +["vertical-tabs; o;!;"{;#0o;;[" +o; +;@;i;[o; ;@;0;0;i; +["data-section; "=;["'vertical-nav'; o;!;"{;#0o;;[o; +;@;i;[o;$;@;i; +["section-containero;$;@;i; +["vertical-nav; o;!;"{;#0o;;[" +o; +;@;i;[o; ;@;0;0;i; +["data-section; "=;["'horizontal-nav'; o;!;"{;#0o;;[o; +;@;i;[o;$;@;i; +["section-containero;$;@;i; +["horizontal-nav; o;!;"{;#0o;;[" +o; +;@;i;[o; ;@;0;0;i; +["data-section; "=;["'accordion'; o;!;"{;#0o;;[o; +;@;i;[o;$;@;i; +["section-containero;$;@;i; +["accordion; o;!;"{;#0:@has_childrenT;[o:Sass::Tree::MixinNode :@keywords{;i; @; +"section-container-base;[: @splat0: +@args[o:Sass::Script::String ;i; @;:identifier;"accordiono; ;["9& > section, & > .section, & > [data-section-region];i; @;o;;";i;[o;;[o; +;@;i;[o:Sass::Selector::Parent;@;i; o;!;"{;#0">o; +;@;i;[o:Sass::Selector::Element ;@;0;i; +[" section; o;!;"{;#0o;;[o; +;@;i;[o;,;@;i; o;!;"{;#0">o; +;@;i;[o;$;@;i; +[" section; o;!;"{;#0o;;[o; +;@;i;[o;,;@;i; o;!;"{;#0">o; +;@;i;[o; ;@;0;0;i; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;i ; @; +"section-base;[;(0;)[o;* ;i ; @;;+;"accordion: +@tabsi;.io; ;[".section-container.auto, + .section-container.vertical-tabs, + .section-container.vertical-nav, + .section-container.horizontal-nav, + .section-container.accordion;i(; @;o;;";i(;[ +o;;[o; +;@;i(;[o;$;@;i(; +["section-containero;$;@;i(; +[" auto; o;!;"{;#0o;;[" +o; +;@;i(;[o;$;@;i(; +["section-containero;$;@;i(; +["vertical-tabs; o;!;"{;#0o;;[" +o; +;@;i(;[o;$;@;i(; +["section-containero;$;@;i(; +["vertical-nav; o;!;"{;#0o;;[" +o; +;@;i(;[o;$;@;i(; +["section-containero;$;@;i(; +["horizontal-nav; o;!;"{;#0o;;[" +o; +;@;i(;[o;$;@;i(; +["section-containero;$;@;i(; +["accordion; o;!;"{;#0;%T;[o;& ;'{;i); @; +"section-container-style;[;(0;)[o;* ;i); @;;+;"accordiono; ;["& > section, & > .section;i*; @;o;;";i*;[o;;[o; +;@/;i*;[o;,;@/;i*; o;!;"{;#0">o; +;@/;i*;[o;- ;@/;0;i*; +[" section; o;!;"{;#0o;;[o; +;@/;i*;[o;,;@/;i*; o;!;"{;#0">o; +;@/;i*;[o;$;@/;i*; +[" section; o;!;"{;#0;%T;[o;& ;'{;i+; @; +"section-style;[;(0;)[o;* ;i+; @;;+;"accordion;.i;.io; ;["3[data-section='tabs'], .section-container.tabs;i/; @;o;;";i/;[o;;[o; +;@[;i/;[o; ;@[;0;0;i/; +["data-section; "=;[" 'tabs'; o;!;"{;#0o;;[o; +;@[;i/;[o;$;@[;i/; +["section-containero;$;@[;i/; +[" tabs; o;!;"{;#0;%T;[o;& ;'{;i0; @; +"section-container-base;[;(0;)[o;* ;i0; @;;+;" tabso; ;["9& > section, & > .section, & > [data-section-region];i1; @;o;;";i1;[o;;[o; +;@;i1;[o;,;@;i1; o;!;"{;#0">o; +;@;i1;[o;- ;@;0;i1; +[" section; o;!;"{;#0o;;[o; +;@;i1;[o;,;@;i1; o;!;"{;#0">o; +;@;i1;[o;$;@;i1; +[" section; o;!;"{;#0o;;[o; +;@;i1;[o;,;@;i1; o;!;"{;#0">o; +;@;i1;[o; ;@;0;0;i1; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;i2; @; +"section-base;[;(0;)[o;* ;i2; @;;+;" tabs;.i;.io; ;[".section-container.tabs;i6; @;o;;";i6;[o;;[o; +;@;i6;[o;$;@;i6; +["section-containero;$;@;i6; +[" tabs; o;!;"{;#0;%T;[o;& ;'{;i7; @; +"section-container-style;[;(0;)[o;* ;i7; @;;+;" tabso; ;["& > section, & > .section;i8; @;o;;";i8;[o;;[o; +;@;i8;[o;,;@;i8; o;!;"{;#0">o; +;@;i8;[o;- ;@;0;i8; +[" section; o;!;"{;#0o;;[o; +;@;i8;[o;,;@;i8; o;!;"{;#0">o; +;@;i8;[o;$;@;i8; +[" section; o;!;"{;#0;%T;[o;& ;'{"title_bg_activeo; ;i9; @; +"!section-title-bg-active-tabs; "!section_title_bg_active_tabs;i9; @; +"section-style;[;(0;)[o;* ;i9; @;;+;" tabs;.i;.io:Sass::Tree::MediaNode ;i=; @;%T;[ o; ;["F[data-section=''], [data-section='auto'], .section-container.auto;i?; @;o;;";i?;[o;;[o; +;@;i?;[o; ;@;0;0;i?; +["data-section; "=;["''; o;!;"{;#0o;;[o; +;@;i?;[o; ;@;0;0;i?; +["data-section; "=;[" 'auto'; o;!;"{;#0o;;[o; +;@;i?;[o;$;@;i?; +["section-containero;$;@;i?; +[" auto; o;!;"{;#0;%T;[o;& ;'{;i@; @; +"section-container-base;[;(0;)[o;* ;i@; @;;+;" tabso; ;["9& > section, & > .section, & > [data-section-region];iA; @;o;;";iA;[o;;[o; +;@:;iA;[o;,;@:;iA; o;!;"{;#0">o; +;@:;iA;[o;- ;@:;0;iA; +[" section; o;!;"{;#0o;;[o; +;@:;iA;[o;,;@:;iA; o;!;"{;#0">o; +;@:;iA;[o;$;@:;iA; +[" section; o;!;"{;#0o;;[o; +;@:;iA;[o;,;@:;iA; o;!;"{;#0">o; +;@:;iA;[o; ;@:;0;0;iA; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;iB; @; +"section-base;[;(0;)[o;* ;iB; @;;+;" tabs;.i;.io; ;[".section-container.auto;iF; @;o;;";iF;[o;;[o; +;@u;iF;[o;$;@u;iF; +["section-containero;$;@u;iF; +[" auto; o;!;"{;#0;%T;[o;& ;'{;iG; @; +"section-container-style;[;(0;)[o;* ;iG; @;;+;" tabso; ;["& > section, & > .section;iH; @;o;;";iH;[o;;[o; +;@;iH;[o;,;@;iH; o;!;"{;#0">o; +;@;iH;[o;- ;@;0;iH; +[" section; o;!;"{;#0o;;[o; +;@;iH;[o;,;@;iH; o;!;"{;#0">o; +;@;iH;[o;$;@;iH; +[" section; o;!;"{;#0;%T;[o;& ;'{"title_bg_activeo; ;iI; @; +"!section-title-bg-active-tabs; "!section_title_bg_active_tabs;iI; @; +"section-style;[;(0;)[o;* ;iI; @;;+;" tabs;.i;.io; ;["E[data-section='vertical-tabs'], .section-container.vertical-tabs;iM; @;o;;";iM;[o;;[o; +;@;iM;[o; ;@;0;0;iM; +["data-section; "=;["'vertical-tabs'; o;!;"{;#0o;;[o; +;@;iM;[o;$;@;iM; +["section-containero;$;@;iM; +["vertical-tabs; o;!;"{;#0;%T;[o;& ;'{;iN; @; +"section-container-base;[;(0;)[o;* ;iN; @;;+;"vertical-tabso; ;["9& > section, & > .section, & > [data-section-region];iO; @;o;;";iO;[o;;[o; +;@;iO;[o;,;@;iO; o;!;"{;#0">o; +;@;iO;[o;- ;@;0;iO; +[" section; o;!;"{;#0o;;[o; +;@;iO;[o;,;@;iO; o;!;"{;#0">o; +;@;iO;[o;$;@;iO; +[" section; o;!;"{;#0o;;[o; +;@;iO;[o;,;@;iO; o;!;"{;#0">o; +;@;iO;[o; ;@;0;0;iO; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;iP; @; +"section-base;[;(0;)[o;* ;iP; @;;+;"vertical-tabs;.i;.io; ;["%.section-container.vertical-tabs;iT; @;o;;";iT;[o;;[o; +;@ ;iT;[o;$;@ ;iT; +["section-containero;$;@ ;iT; +["vertical-tabs; o;!;"{;#0;%T;[o;& ;'{;iU; @; +"section-container-style;[;(0;)[o;* ;iU; @;;+;"vertical-tabso; ;["& > section, & > .section;iV; @;o;;";iV;[o;;[o; +;@:;iV;[o;,;@:;iV; o;!;"{;#0">o; +;@:;iV;[o;- ;@:;0;iV; +[" section; o;!;"{;#0o;;[o; +;@:;iV;[o;,;@:;iV; o;!;"{;#0">o; +;@:;iV;[o;$;@:;iV; +[" section; o;!;"{;#0;%T;[o;& ;'{;iW; @; +"section-style;[;(0;)[o;* ;iW; @;;+;"vertical-tabs;.i;.io; ;["C[data-section='vertical-nav'], .section-container.vertical-nav;i[; @;o;;";i[;[o;;[o; +;@f;i[;[o; ;@f;0;0;i[; +["data-section; "=;["'vertical-nav'; o;!;"{;#0o;;[o; +;@f;i[;[o;$;@f;i[; +["section-containero;$;@f;i[; +["vertical-nav; o;!;"{;#0;%T;[o;& ;'{;i\; @; +"section-container-base;[;(0;)[o;* ;i\; @;;+;"vertical-navo; ;["9& > section, & > .section, & > [data-section-region];i]; @;o;;";i];[o;;[o; +;@;i];[o;,;@;i]; o;!;"{;#0">o; +;@;i];[o;- ;@;0;i]; +[" section; o;!;"{;#0o;;[o; +;@;i];[o;,;@;i]; o;!;"{;#0">o; +;@;i];[o;$;@;i]; +[" section; o;!;"{;#0o;;[o; +;@;i];[o;,;@;i]; o;!;"{;#0">o; +;@;i];[o; ;@;0;0;i]; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;i^; @; +"section-base;[;(0;)[o;* ;i^; @;;+;"vertical-nav;.i;.io; ;["$.section-container.vertical-nav;ib; @;o;;";ib;[o;;[o; +;@;ib;[o;$;@;ib; +["section-containero;$;@;ib; +["vertical-nav; o;!;"{;#0;%T;[o;& ;'{;ic; @; +"section-container-style;[;(0;)[o;* ;ic; @;;+;"vertical-navo; ;["& > section, & > .section;id; @;o;;";id;[o;;[o; +;@;id;[o;,;@;id; o;!;"{;#0">o; +;@;id;[o;- ;@;0;id; +[" section; o;!;"{;#0o;;[o; +;@;id;[o;,;@;id; o;!;"{;#0">o; +;@;id;[o;$;@;id; +[" section; o;!;"{;#0;%T;[o;& ;'{;ie; @; +"section-style;[;(0;)[o;* ;ie; @;;+;"vertical-nav;.i;.io; ;["G[data-section='horizontal-nav'], .section-container.horizontal-nav;ii; @;o;;";ii;[o;;[o; +;@ ;ii;[o; ;@ ;0;0;ii; +["data-section; "=;["'horizontal-nav'; o;!;"{;#0o;;[o; +;@ ;ii;[o;$;@ ;ii; +["section-containero;$;@ ;ii; +["horizontal-nav; o;!;"{;#0;%T;[o;& ;'{;ij; @; +"section-container-base;[;(0;)[o;* ;ij; @;;+;"horizontal-navo; ;["9& > section, & > .section, & > [data-section-region];ik; @;o;;";ik;[o;;[o; +;@3;ik;[o;,;@3;ik; o;!;"{;#0">o; +;@3;ik;[o;- ;@3;0;ik; +[" section; o;!;"{;#0o;;[o; +;@3;ik;[o;,;@3;ik; o;!;"{;#0">o; +;@3;ik;[o;$;@3;ik; +[" section; o;!;"{;#0o;;[o; +;@3;ik;[o;,;@3;ik; o;!;"{;#0">o; +;@3;ik;[o; ;@3;0;0;ik; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;il; @; +"section-base;[;(0;)[o;* ;il; @;;+;"horizontal-nav;.i;.io; ;["&.section-container.horizontal-nav;ip; @;o;;";ip;[o;;[o; +;@n;ip;[o;$;@n;ip; +["section-containero;$;@n;ip; +["horizontal-nav; o;!;"{;#0;%T;[o;& ;'{;iq; @; +"section-container-style;[;(0;)[o;* ;iq; @;;+;"horizontal-navo; ;["& > section, & > .section;ir; @;o;;";ir;[o;;[o; +;@;ir;[o;,;@;ir; o;!;"{;#0">o; +;@;ir;[o;- ;@;0;ir; +[" section; o;!;"{;#0o;;[o; +;@;ir;[o;,;@;ir; o;!;"{;#0">o; +;@;ir;[o;$;@;ir; +[" section; o;!;"{;#0;%T;[o;& ;'{;is; @; +"section-style;[;(0;)[o;* ;is; @;;+;"horizontal-nav;.i;.i;";.i: @query[o; ;i=; @; +" +small; " +smallo; +;ix; @;: silent;[;["O/* Change all variations to expanded accordions when no JS is detected. */o; ;[" .no-js;iy; @;o;;";iy;[o;;[o; +;@;iy;[o;$;@;iy; +[" +no-js; o;!;"{;#0;%T;[o; ;["'[data-section], .section-container;iz; @;o;;";iz;[o;;[o; +;@;iz;[o; ;@;0;0;iz; +["data-section; 0;0; o;!;"{;#0o;;[o; +;@;iz;[o;$;@;iz; +["section-container; o;!;"{;#0;%T;[o;& ;'{;i{; @; +"section-container-base;[;(0;)[o;* ;i{; @;;+;"accordiono; ;["9& > section, & > .section, & > [data-section-region];i|; @;o;;";i|;[o;;[o; +;@;i|;[o;,;@;i|; o;!;"{;#0">o; +;@;i|;[o;- ;@;0;i|; +[" section; o;!;"{;#0o;;[o; +;@;i|;[o;,;@;i|; o;!;"{;#0">o; +;@;i|;[o;$;@;i|; +[" section; o;!;"{;#0o;;[o; +;@;i|;[o;,;@;i|; o;!;"{;#0">o; +;@;i|;[o; ;@;0;0;i|; +["data-section-region; 0;0; o;!;"{;#0;%T;[o;& ;'{;i}; @; +"section-base;[;(0;)[o;* ;i}; @;;+;"accordion;.i;.io; ;[".section-container;i; @;o;;";i;[o;;[o; +;@(;i;[o;$;@(;i; +["section-container; o;!;"{;#0;%T;[o;& ;'{;i; @; +"section-container-style;[;(0;)[o;* ;i; @;;+;"accordiono; ;["& > section, & > .section;i; @;o;;";i;[o;;[o; +;@?;i;[o;,;@?;i; o;!;"{;#0">o; +;@?;i;[o;- ;@?;0;i; +[" section; o;!;"{;#0o;;[o; +;@?;i;[o;,;@?;i; o;!;"{;#0">o; +;@?;i;[o;$;@?;i; +[" section; o;!;"{;#0;%T;[o;& ;'{;i; @; +"section-style;[;(0;)[o;* ;i; @;;+;"accordion;.i;.i;.i \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_side-nav.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_side-nav.scssc new file mode 100644 index 000000000..f2e57f7af Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_side-nav.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_split-buttons.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_split-buttons.scssc new file mode 100644 index 000000000..fcb52fe17 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_split-buttons.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_sub-nav.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_sub-nav.scssc new file mode 100644 index 000000000..8df290823 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_sub-nav.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_switch.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_switch.scssc new file mode 100644 index 000000000..db7a71fba --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_switch.scssc @@ -0,0 +1,729 @@ +3.2.10 (Media Mark) +f2dacbc1477ad63277304adaed1300e865c09165 +o:Sass::Tree::RootNode +:@template"^"// +// Switch Variables +// +$include-html-form-classes: $include-html-classes !default; + +// Controlling border styles and background colors for the switch container +$switch-border-color: darken(#fff, 20%) !default; +$switch-border-style: solid !default; +$switch-border-width: 1px !default; +$switch-bg: #fff !default; + +// We use these to control the switch heights for our default classes +$switch-height-tny: 22px !default; +$switch-height-sml: 28px !default; +$switch-height-med: 36px !default; +$switch-height-lrg: 44px !default; +$switch-bottom-margin: emCalc(20) !default; + +// We use these to control default font sizes for our classes. +$switch-font-size-tny: 11px !default; +$switch-font-size-sml: 12px !default; +$switch-font-size-med: 14px !default; +$switch-font-size-lrg: 17px !default; +$switch-label-side-padding: 6px !default; + +// We use these to style the switch-paddle +$switch-paddle-bg: #fff !default; +$switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%) !default; +$switch-paddle-border-color: darken($switch-paddle-bg, 35%) !default; +$switch-paddle-border-width: 1px !default; +$switch-paddle-border-style: solid !default; +$switch-paddle-transition-speed: .1s !default; +$switch-paddle-transition-ease: ease-out !default; +$switch-positive-color: lighten($success-color, 50%) !default; +$switch-negative-color: #f5f5f5 !default; + +// Outline Style for tabbing through switches +$switch-label-outline: 1px dotted #888 !default; + + +// +// Switch Mixins +// + +// We use this mixin to create the base styles for our switch element. +@mixin switch-base($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease) { + + // Default position and structure for switch container. + position: relative; + width: 100%; + padding: 0; + display: block; + overflow: hidden; + border-style: $switch-border-style; + border-width: $switch-border-width; + margin-bottom: $switch-bottom-margin; + + // Default label styles for type and transition + label { + position: relative; + #{$default-float}: 0; + z-index: 2; + float: $default-float; + width: 50%; + height: 100%; + margin: 0; + font-weight: bold; + text-align: $default-float; + + // Transition for the switch label to follow paddle + @include single-transition(all, $transition-speed, $transition-ease); + } + + // So that we don't need to recreate the form with any JS, we use the + // existing radio button, but we cleverly position and hide it. + input { + position: absolute; + z-index: 3; + opacity: 0; + width: 100%; + height: 100%; + -moz-appearance: none; + + // Hover and focus styles for the paddle + &:hover, + &:focus { + cursor: $cursor-pointer-value; + } + } + + // The toggle area for radio switches. We call is a paddle. + span:last-child { + position: absolute; + top: -1px; + #{$default-float}: -1px; + z-index: 1; + display: block; + padding: 0; + border-width: $switch-paddle-border-width; + border-style: $switch-paddle-border-style; + + // Transition for the switch paddle + @include single-transition(all, $transition-speed, $transition-ease); + } + + // When a label isn't :checked, we hide it as it slides away. + input:not(:checked) + label { opacity: 0; } + + // Controlling the position of the labels as they are toggled. + input:checked { display: none !important; } + input { #{$default-float}: 0; display: block !important; } + + // Left Label alignment and position changes, including fixes for while inside a custom form + input:first-of-type + label, + input:first-of-type + span + label { #{$default-float}: -50%; } + input:first-of-type:checked + label, + input:first-of-type:checked + span + label { #{$default-float}: 0%; } + + // Right Label alignment and position changes, including fixes for while inside a custom form + input:last-of-type + label, + input:last-of-type + span + label {#{$opposite-direction}: -50%; #{$default-float}: auto; text-align: $opposite-direction; } + input:last-of-type:checked + label, + input:last-of-type:checked + span + label { #{$opposite-direction}: 0%; #{$default-float}: auto; } + + // Hiding custom form spans since we auto-create them + span.custom { display: none !important; } + + // Bugfix for older Webkit, including mobile Webkit. Adapted from: + // http://css-tricks.com/webkit-sibling-bug/ + @if $experimental { -webkit-animation: webkitSiblingBugfix infinite 1s; } + + form.custom & .hidden-field { + margin-left: auto; + position: absolute; + visibility: visible; + } +} + +// We use this mixin to create the size styles for switches. +@mixin switch-size($height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em) { + + height: $height; + + label { + padding: emCalc(0, $switch-label-side-padding); + line-height: $line-height; + font-size: emCalc($font-size); + } + + input { + // Move the paddle to the right position + &:first-of-type:checked ~ span:last-child { + #{$default-float}: 100%; + margin-#{$default-float}: emCalc(-$height + 1px); + } + } + + span:last-child { + width: emCalc($height); + height: emCalc($height); + } + +} + +// We use this mixin to add color and other fanciness to the switches. +@mixin switch-style($paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) { + + @if $base-style { + background: $switch-bg; + border-color: $switch-border-color; + + span:last-child { + border-color: darken($paddle-bg, 30%); + background: $paddle-bg; + @if $experimental { + background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); + background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); + } + background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 5%) 100%); + + // Building the alternating colored sides of the switch + @if $experimental { + -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07), + 1000px 0 0 1000px $positive-color, + -2px 0 10px 0 rgba(0,0,0,0.07), + -1000px 0 0 1000px $negative-color; + } + box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07), + 1000px 0 0 980px $positive-color, + -2px 0 10px 0 rgba(0,0,0,0.07), + -1000px 0 0 1000px $negative-color; + } + + &:hover, + &:focus { + span:last-child { + background: $paddle-bg; + @if $experimental { + background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); + background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); + } + background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 10%) 100%); + } + } + + &:active { background: transparent; } + } + + // Setting up the radius for switches + @if $radius == true { + @include radius(4px); + span:last-child { @include radius(3px); } + } + @else if $radius { + @include radius($radius); + span:last-child { @include radius($radius - 1px); } + } + +} + +// We use this to quickly create switches with a single mixin +@mixin switch($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease, $height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em, $paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) { + @include switch-base($transition-speed, $transition-ease); + @include switch-size($height, $font-size, $line-height); + @include switch-style($paddle-bg, $positive-color, $negative-color, $radius, $base-style); +} + +@if $include-html-form-classes != false { + + /* Foundation Switches */ + @media only screen { + + // Containing element for the radio switch + div.switch { + @include switch; + + // Large radio switches + &.large { @include switch-size($switch-height-lrg, $switch-font-size-lrg); } + + // Small radio switches + &.small { @include switch-size($switch-height-sml, $switch-font-size-sml, 2.1em); } + + // Tiny radio switches + &.tiny { @include switch-size($switch-height-tny, $switch-font-size-tny, 1.9em); } + + // Add a radius to the switch + &.radius { @include radius(4px); + span:last-child{ @include radius(3px); } + } + + // Make the switch completely round, like a pill + &.round { @include radius(1000px); + span:last-child { @include radius(999px); } + label { padding: emCalc(0, $switch-label-side-padding + 3); } + } + + } + + @if $experimental { @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } } } + + } +} +: +@linei: @options{:@has_childrenT:@children[.o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["!/* + * Switch Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"include-html-form-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["S/* Controlling border styles and background colors for the switch container */o; ;i ;" !default;@;"switch-border-color;o:Sass::Script::Funcall :@keywords{;i ;@;" darken: @splat0: +@args[o:Sass::Script::Color ;i ;@: @attrs{ :redi: +alphai: +greeni: bluei;0o:Sass::Script::Number ;i ;@:@denominator_units[:@numerator_units["%:@original"20%;i; +[o; ;i ;" !default;@;"switch-border-style;o:Sass::Script::String ;i ;@; :identifier;" +solid; +[o; ;i;" !default;@;"switch-border-width;o; ;i;@; [;!["px;""1px;i; +[o; ;i;" !default;@;"switch-bg;o; ;i;@;{ ;i;i;i;i;0; +[o; +;i;@; ; ; +[;["M/* We use these to control the switch heights for our default classes */o; ;i;" !default;@;"switch-height-tny;o; ;i;@; [;!["px;"" 22px;i; +[o; ;i;" !default;@;"switch-height-sml;o; ;i;@; [;!["px;"" 28px;i!; +[o; ;i;" !default;@;"switch-height-med;o; ;i;@; [;!["px;"" 36px;i); +[o; ;i;" !default;@;"switch-height-lrg;o; ;i;@; [;!["px;"" 44px;i1; +[o; ;i;" !default;@;"switch-bottom-margin;o; ;{;i;@;" emCalc;0;[o; ;i;@; [;![;""20;i; +[o; +;i;@; ; ; +[;["F/* We use these to control default font sizes for our classes. */o; ;i;" !default;@;"switch-font-size-tny;o; ;i;@; [;!["px;"" 11px;i; +[o; ;i;" !default;@;"switch-font-size-sml;o; ;i;@; [;!["px;"" 12px;i; +[o; ;i;" !default;@;"switch-font-size-med;o; ;i;@; [;!["px;"" 14px;i; +[o; ;i;" !default;@;"switch-font-size-lrg;o; ;i;@; [;!["px;"" 17px;i; +[o; ;i;" !default;@;"switch-label-side-padding;o; ;i;@; [;!["px;""6px;i ; +[o; +;i;@; ; ; +[;["2/* We use these to style the switch-paddle */o; ;i ;" !default;@;"switch-paddle-bg;o; ;i ;@;{ ;i;i;i;i;0; +[o; ;i!;" !default;@;" switch-paddle-fade-to-color;o; ;{;i!;@;" darken;0;[o; ;i!;@;"switch-paddle-bg;"switch_paddle_bgo; ;i!;@; [;!["%;""10%;i; +[o; ;i";" !default;@;"switch-paddle-border-color;o; ;{;i";@;" darken;0;[o; ;i";@;"switch-paddle-bg;"switch_paddle_bgo; ;i";@; [;!["%;""35%;i(; +[o; ;i#;" !default;@;"switch-paddle-border-width;o; ;i#;@; [;!["px;""1px;i; +[o; ;i$;" !default;@;"switch-paddle-border-style;o;# ;i$;@; ;$;" +solid; +[o; ;i%;" !default;@;"#switch-paddle-transition-speed;o; ;i%;@; [;!["s;"" 0.1s;f0.10000000000000001; +[o; ;i&;" !default;@;""switch-paddle-transition-ease;o;# ;i&;@; ;$;" ease-out; +[o; ;i';" !default;@;"switch-positive-color;o; ;{;i';@;" lighten;0;[o; ;i';@;"success-color;"success_coloro; ;i';@; [;!["%;""50%;i7; +[o; ;i(;" !default;@;"switch-negative-color;o; ;i(;@;{ ;i;i;i;i;0; +[o; +;i*;@; ; ; +[;["5/* Outline Style for tabbing through switches */o; ;i+;" !default;@;"switch-label-outline;o:Sass::Script::List :@separator: +space;i+;@;[o; ;i+;@; [;!["px;""1px;io;# ;i+;@; ;$;" dottedo; ;i+;@;{ ;i;i;i;i;0; +[o; +;i.;@; ; ; +[;["/* + * Switch Mixins + * */o; +;i2;@; ; ; +[;["N/* We use this mixin to create the base styles for our switch element. */o:Sass::Tree::MixinDefNode ;i3;@;"switch-base; T; +[$o; +;i5;@; ; ; +[;["?/* Default position and structure for switch container. */o:Sass::Tree::PropNode ;i6;@;[" position:@prop_syntax:new; +[: +@tabsi;o;#;@; ;$;" relativeo;) ;i7;@;[" +width;*;+; +[;,i;o;#;@; ;$;" 100%o;) ;i8;@;[" padding;*;+; +[;,i;o;#;@; ;$;"0o;) ;i9;@;[" display;*;+; +[;,i;o;#;@; ;$;" +blocko;) ;i:;@;[" overflow;*;+; +[;,i;o;#;@; ;$;" hiddeno;) ;i;;@;["border-style;*;+; +[;,i;o; ;i;;@;"switch-border-style;"switch_border_styleo;) ;i<;@;["border-width;*;+; +[;,i;o; ;i<;@;"switch-border-width;"switch_border_widtho;) ;i=;@;["margin-bottom;*;+; +[;,i;o; ;i=;@;"switch-bottom-margin;"switch_bottom_margino; +;i?;@; ; ; +[;["7/* Default label styles for type and transition */o:Sass::Tree::RuleNode : +@rule[" +label;i@;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i@: @members[o:Sass::Selector::Sequence;2[o:#Sass::Selector::SimpleSequence +;1@X;i@;2[o:Sass::Selector::Element ;1@X:@namespace0;i@;[" +label: @sourceso:Set: +@hash{: @subject0; T; +[o;) ;iA;@;[" position;*;+; +[;,i;o;#;@; ;$;" relativeo;) ;iB;@;[o; ;iB;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;"0o;) ;iC;@;[" z-index;*;+; +[;,i;o;#;@; ;$;"2o;) ;iD;@;[" +float;*;+; +[;,i;o; ;iD;@;"default-float;"default_floato;) ;iE;@;[" +width;*;+; +[;,i;o;#;@; ;$;"50%o;) ;iF;@;[" height;*;+; +[;,i;o;#;@; ;$;" 100%o;) ;iG;@;[" margin;*;+; +[;,i;o;#;@; ;$;"0o;) ;iH;@;["font-weight;*;+; +[;,i;o;#;@; ;$;" boldo;) ;iI;@;["text-align;*;+; +[;,i;o; ;iI;@;"default-float;"default_floato; +;iK;@; ; ; +[;[";/* Transition for the switch label to follow paddle */o:Sass::Tree::MixinNode ;{;iL;@;"single-transition; +[;0;[o;# ;iL;@; ;$;"allo; ;iL;@;"transition-speed;"transition_speedo; ;iL;@;"transition-ease;"transition_ease;,io; +;iO;@; ; ; +[;["/* So that we don't need to recreate the form with any JS, we use the + * existing radio button, but we cleverly position and hide it. */o;- ;.[" +input;iQ;@;/o;0;1";iQ;2[o;3;2[o;4 +;1@;iQ;2[o;5 ;1@;60;iQ;[" +input;7o;8;9{;:0; T; +[ o;) ;iR;@;[" position;*;+; +[;,i;o;#;@; ;$;" absoluteo;) ;iS;@;[" z-index;*;+; +[;,i;o;#;@; ;$;"3o;) ;iT;@;[" opacity;*;+; +[;,i;o;#;@; ;$;"0o;) ;iU;@;[" +width;*;+; +[;,i;o;#;@; ;$;" 100%o;) ;iV;@;[" height;*;+; +[;,i;o;#;@; ;$;" 100%o;) ;iW;@;["-moz-appearance;*;+; +[;,i;o;#;@; ;$;" noneo; +;iY;@; ; ; +[;["0/* Hover and focus styles for the paddle */o;- ;.["&:hover, + &:focus;i[;@;/o;0;1";i[;2[o;3;2[o;4 +;1@;i[;2[o:Sass::Selector::Parent;1@;i[o:Sass::Selector::Pseudo +;1@;i[: @arg0;[" +hover; : +class;7o;8;9{;:0o;3;2[" +o;4 +;1@;i[;2[o;<;1@;i[o;= +;1@;i[;>0;[" +focus; ;?;7o;8;9{;:0; T; +[o;) ;i\;@;[" cursor;*;+; +[;,i;o; ;i\;@;"cursor-pointer-value;"cursor_pointer_value;,i;,io; +;i`;@; ; ; +[;["C/* The toggle area for radio switches. We call is a paddle. */o;- ;.["span:last-child;ia;@;/o;0;1";ia;2[o;3;2[o;4 +;1@;ia;2[o;5 ;1@;60;ia;[" spano;= +;1@;ia;>0;["last-child; ;?;7o;8;9{;:0; T; +[o;) ;ib;@;[" position;*;+; +[;,i;o;#;@; ;$;" absoluteo;) ;ic;@;["top;*;+; +[;,i;o;#;@; ;$;" -1pxo;) ;id;@;[o; ;id;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;" -1pxo;) ;ie;@;[" z-index;*;+; +[;,i;o;#;@; ;$;"1o;) ;if;@;[" display;*;+; +[;,i;o;#;@; ;$;" +blocko;) ;ig;@;[" padding;*;+; +[;,i;o;#;@; ;$;"0o;) ;ih;@;["border-width;*;+; +[;,i;o; ;ih;@;"switch-paddle-border-width;"switch_paddle_border_widtho;) ;ii;@;["border-style;*;+; +[;,i;o; ;ii;@;"switch-paddle-border-style;"switch_paddle_border_styleo; +;ik;@; ; ; +[;["+/* Transition for the switch paddle */o;; ;{;il;@;"single-transition; +[;0;[o;# ;il;@; ;$;"allo; ;il;@;"transition-speed;"transition_speedo; ;il;@;"transition-ease;"transition_ease;,io; +;io;@; ; ; +[;["E/* When a label isn't :checked, we hide it as it slides away. */o;- ;.[" input:not(:checked) + label;ip;@;/o;0;1";ip;2[o;3;2[o;4 +;1@r;ip;2[o;5 ;1@r;60;ip;[" +inputo;= +;1@r;ip;>[" :checked;["not; ;?;7o;8;9{;:0"+o;4 +;1@r;ip;2[o;5 ;1@r;60;ip;[" +label;7o;8;9{;:0; T; +[o;) ;ip;@;[" opacity;*;+; +[;,i;o;#;@; ;$;"0;,io; +;ir;@; ; ; +[;["F/* Controlling the position of the labels as they are toggled. */o;- ;.["input:checked;is;@;/o;0;1";is;2[o;3;2[o;4 +;1@;is;2[o;5 ;1@;60;is;[" +inputo;= +;1@;is;>0;[" checked; ;?;7o;8;9{;:0; T; +[o;) ;is;@;[" display;*;+; +[;,i;o;#;@; ;$;"none !important;,io;- ;.[" +input;it;@;/o;0;1";it;2[o;3;2[o;4 +;1@;it;2[o;5 ;1@;60;it;[" +input;7o;8;9{;:0; T; +[o;) ;it;@;[o; ;it;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;"0o;) ;it;@;[" display;*;+; +[;,i;o;#;@; ;$;"block !important;,io; +;iv;@; ; ; +[;["d/* Left Label alignment and position changes, including fixes for while inside a custom form */o;- ;.["Finput:first-of-type + label, + input:first-of-type + span + label;ix;@;/o;0;1";ix;2[o;3;2[o;4 +;1@;ix;2[o;5 ;1@;60;ix;[" +inputo;= +;1@;ix;>0;["first-of-type; ;?;7o;8;9{;:0"+o;4 +;1@;ix;2[o;5 ;1@;60;ix;[" +label;7o;8;9{;:0o;3;2[ " +o;4 +;1@;ix;2[o;5 ;1@;60;ix;[" +inputo;= +;1@;ix;>0;["first-of-type; ;?;7o;8;9{;:0"+o;4 +;1@;ix;2[o;5 ;1@;60;ix;[" span;7o;8;9{;:0"+o;4 +;1@;ix;2[o;5 ;1@;60;ix;[" +label;7o;8;9{;:0; T; +[o;) ;ix;@;[o; ;ix;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;" -50%;,io;- ;.["Vinput:first-of-type:checked + label, + input:first-of-type:checked + span + label;iz;@;/o;0;1";iz;2[o;3;2[o;4 +;1@;iz;2[o;5 ;1@;60;iz;[" +inputo;= +;1@;iz;>0;["first-of-type; ;?o;= +;1@;iz;>0;[" checked; ;?;7o;8;9{;:0"+o;4 +;1@;iz;2[o;5 ;1@;60;iz;[" +label;7o;8;9{;:0o;3;2[ " +o;4 +;1@;iz;2[o;5 ;1@;60;iz;[" +inputo;= +;1@;iz;>0;["first-of-type; ;?o;= +;1@;iz;>0;[" checked; ;?;7o;8;9{;:0"+o;4 +;1@;iz;2[o;5 ;1@;60;iz;[" span;7o;8;9{;:0"+o;4 +;1@;iz;2[o;5 ;1@;60;iz;[" +label;7o;8;9{;:0; T; +[o;) ;iz;@;[o; ;iz;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;"0%;,io; +;i|;@; ; ; +[;["e/* Right Label alignment and position changes, including fixes for while inside a custom form */o;- ;.["Dinput:last-of-type + label, + input:last-of-type + span + label;i~;@;/o;0;1";i~;2[o;3;2[o;4 +;1@^;i~;2[o;5 ;1@^;60;i~;[" +inputo;= +;1@^;i~;>0;["last-of-type; ;?;7o;8;9{;:0"+o;4 +;1@^;i~;2[o;5 ;1@^;60;i~;[" +label;7o;8;9{;:0o;3;2[ " +o;4 +;1@^;i~;2[o;5 ;1@^;60;i~;[" +inputo;= +;1@^;i~;>0;["last-of-type; ;?;7o;8;9{;:0"+o;4 +;1@^;i~;2[o;5 ;1@^;60;i~;[" span;7o;8;9{;:0"+o;4 +;1@^;i~;2[o;5 ;1@^;60;i~;[" +label;7o;8;9{;:0; T; +[o;) ;i~;@;[o; ;i~;@;"opposite-direction;"opposite_direction;*;+; +[;,i;o;#;@; ;$;" -50%o;) ;i~;@;[o; ;i~;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;" autoo;) ;i~;@;["text-align;*;+; +[;,i;o; ;i~;@;"opposite-direction;"opposite_direction;,io;- ;.["Tinput:last-of-type:checked + label, + input:last-of-type:checked + span + label;i{;@;/o;0;1";i{;2[o;3;2[o;4 +;1@;i{;2[o;5 ;1@;60;i{;[" +inputo;= +;1@;i{;>0;["last-of-type; ;?o;= +;1@;i{;>0;[" checked; ;?;7o;8;9{;:0"+o;4 +;1@;i{;2[o;5 ;1@;60;i{;[" +label;7o;8;9{;:0o;3;2[ " +o;4 +;1@;i{;2[o;5 ;1@;60;i{;[" +inputo;= +;1@;i{;>0;["last-of-type; ;?o;= +;1@;i{;>0;[" checked; ;?;7o;8;9{;:0"+o;4 +;1@;i{;2[o;5 ;1@;60;i{;[" span;7o;8;9{;:0"+o;4 +;1@;i{;2[o;5 ;1@;60;i{;[" +label;7o;8;9{;:0; T; +[o;) ;i{;@;[o; ;i{;@;"opposite-direction;"opposite_direction;*;+; +[;,i;o;#;@; ;$;"0%o;) ;i{;@;[o; ;i{;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;" auto;,io; +;i};@; ; ; +[;["=/* Hiding custom form spans since we auto-create them */o;- ;.["span.custom;i~;@;/o;0;1";i~;2[o;3;2[o;4 +;1@;i~;2[o;5 ;1@;60;i~;[" spano:Sass::Selector::Class;1@;i~;[" custom;7o;8;9{;:0; T; +[o;) ;i~;@;[" display;*;+; +[;,i;o;#;@; ;$;"none !important;,io; +;i;@; ; ; +[;["w/* Bugfix for older Webkit, including mobile Webkit. Adapted from: + * http://css-tricks.com/webkit-sibling-bug/ */u:Sass::Tree::IfNode([o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-animation:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::String;@: +@type:identifier;"$webkitSiblingBugfix infinite 1so;- ;.[" form.custom & .hidden-field;i;@;/o;0;1";i;2[o;3;2[o;4 +;1@;i;2[o;5 ;1@;60;i;[" formo;@;1@;i;[" custom;7o;8;9{;:0o;4 +;1@;i;2[o;<;1@;i;7o;8;9{;:0o;4 +;1@;i;2[o;@;1@;i;["hidden-field;7o;8;9{;:0; T; +[o;) ;i;@;["margin-left;*;+; +[;,i;o;#;@; ;$;" autoo;) ;i;@;[" position;*;+; +[;,i;o;#;@; ;$;" absoluteo;) ;i;@;["visibility;*;+; +[;,i;o;#;@; ;$;" visible;,i;0;[[o;;@;"transition-speed;"transition_speedo; ;i3;@;"#switch-paddle-transition-speed;"#switch_paddle_transition_speed[o;;@;"transition-ease;"transition_easeo; ;i3;@;""switch-paddle-transition-ease;""switch_paddle_transition_easeo; +;i;@; ; ; +[;["D/* We use this mixin to create the size styles for switches. */o;( ;i;@;"switch-size; T; +[ o;) ;i;@;[" height;*;+; +[;,i;o; ;i;@;" height;" heighto;- ;.[" +label;i;@;/o;0;1";i;2[o;3;2[o;4 +;1@k;i;2[o;5 ;1@k;60;i;[" +label;7o;8;9{;:0; T; +[o;) ;i;@;[" padding;*;+; +[;,i;o; ;{;i;@;" emCalc;0;[o; ;i;@; @l;![;""0;io; ;i;@;"switch-label-side-padding;"switch_label_side_paddingo;) ;i;@;["line-height;*;+; +[;,i;o; ;i;@;"line-height;"line_heighto;) ;i;@;["font-size;*;+; +[;,i;o; ;{;i;@;" emCalc;0;[o; ;i;@;"font-size;"font_size;,io;- ;.[" +input;i;@;/o;0;1";i;2[o;3;2[o;4 +;1@;i;2[o;5 ;1@;60;i;[" +input;7o;8;9{;:0; T; +[o; +;i;@; ; ; +[;["0/* Move the paddle to the right position */o;- ;.[".&:first-of-type:checked ~ span:last-child;i;@;/o;0;1";i;2[o;3;2[o;4 +;1@;i;2[o;<;1@;io;= +;1@;i;>0;["first-of-type; ;?o;= +;1@;i;>0;[" checked; ;?;7o;8;9{;:0"~o;4 +;1@;i;2[o;5 ;1@;60;i;[" spano;= +;1@;i;>0;["last-child; ;?;7o;8;9{;:0; T; +[o;) ;i;@;[o; ;i;@;"default-float;"default_float;*;+; +[;,i;o;#;@; ;$;" 100%o;) ;i;@;[" margin-o; ;i;@;"default-float;"default_float;*;+; +[;,i;o; ;{;i;@;" emCalc;0;[o:Sass::Script::Operation +;i:@operand1o:!Sass::Script::UnaryOperation ;i;@:@operator: +minus: @operando; ;i;@;" height;" height;@;E: plus:@operand2o; ;i;@; [;!["px;""1px;i;,i;,io;- ;.["span:last-child;i;@;/o;0;1";i;2[o;3;2[o;4 +;1@;i;2[o;5 ;1@;60;i;[" spano;= +;1@;i;>0;["last-child; ;?;7o;8;9{;:0; T; +[o;) ;i;@;[" +width;*;+; +[;,i;o; ;{;i;@;" emCalc;0;[o; ;i;@;" height;" heighto;) ;i;@;[" height;*;+; +[;,i;o; ;{;i;@;" emCalc;0;[o; ;i;@;" height;" height;,i;0;[[o;;@;" height;" heighto; ;i;@;"switch-height-med;"switch_height_med[o;;@;"font-size;"font_sizeo; ;i;@;"switch-font-size-med;"switch_font_size_med[o;;@;"line-height;"line_heighto; ;i;@; [;!["em;"" +2.3em;f2.2999999999999998ffo; +;i;@; ; ; +[;["N/* We use this mixin to add color and other fanciness to the switches. */o;( ;i;@;"switch-style; T; +[u;A[o:Sass::Script::Variable : +@linei: @options{: +@name"base-style:@underscored_name"base_style0[ +o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new:@children[: +@tabsi: @valueo; ;i;@;"switch-bg; "switch_bgo; + ;i;@;["border-color; ; ; [;i;o; ;i;@;"switch-border-color; "switch_border_coloro:Sass::Tree::RuleNode : +@rule["span:last-child;i;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i;[" spano:Sass::Selector::Pseudo +;@;i: @arg0;["last-child: +@type: +class: @sourceso:Set: +@hash{: @subject0:@has_childrenT; [ o; + ;i;@;["border-color; ; ; [;i;o:Sass::Script::Funcall :@keywords{;i;@;" darken: @splat0: +@args[o; ;i;@;"paddle-bg; "paddle_bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"30%;i#o; + ;i;@;["background; ; ; [;i;o; ;i;@;"paddle-bg; "paddle_bgu:Sass::Tree::IfNode=[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Funcall :@keywords{;i;@;"-moz-linear-gradient: @splat0: +@args[o:Sass::Script::String ;i;@: +@type:identifier;"topo:Sass::Script::List :@separator: +space;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"0%;io; ;;;i;@;[o; ;{;i;@;" darken;0;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"5%;i +o; ;i;@;[;["%;" 100%;iio; + ;i;@;["background; ; ; [;i;o; ;{;i;@;"-webkit-linear-gradient;0;[o; ;i;@;;;"topo; ;;;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"0%;io; ;;;i;@;[o; ;{;i;@;" darken;0;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"5%;i +o; ;i;@;[;["%;" 100%;iio; + ;i;@;["background; ; ; [;i;o;# ;${;i;@;"linear-gradient;%0;&[o:Sass::Script::List :@separator: +space;i;@;[o:Sass::Script::String ;i;@;:identifier;"too;/ ;i;@;;0;" bottomo;, ;-;.;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo;' ;i;@;([;)["%;*"0%;io;, ;-;.;i;@;[o;# ;${;i;@;" darken;%0;&[o; ;i;@;"paddle-bg; "paddle_bgo;' ;i;@;([;)["%;*"5%;i +o;' ;i;@;([;)["%;*" 100%;iio:Sass::Tree::CommentNode +;i;@;: silent; [;["?/* Building the alternating colored sides of the switch */u;+[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +comma;i;@;[ o; ;: +space;i;@;[ +o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["px:@original"2px;io; ;i;@;[;[;"0;io; ;i;@;[;["px;" 10px;io; ;i;@;@;[;"0;io:Sass::Script::Funcall :@keywords{;i;@;" rgba: @splat0: +@args[ o; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;@;[;" 0.07;f0.070000000000000007Qo; ;;;i;@;[ +o; ;i;@;[;["px;" 1000px;io; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;[;["px;" 1000px;io; ;i;@;"positive-color; "positive_coloro; ;;;i;@;[ +o; ;i;@;[;["px;" -2px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;" 10px;io; ;i;@;@;[;"0;io; ;{;i;@;" rgba;0;[ o; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;@;[;" 0.07;f0.070000000000000007Qo; ;;;i;@;[ +o; ;i;@;[;["px;" -1000px;io; ;i;@;@;[;"0;io; ;i;@;@;[;"0;io; ;i;@;[;["px;" 1000px;io; ;i;@;"negative-color; "negative_coloro; + ;i;@;["box-shadow; ; ; [;i;o;, ;-: +comma;i;@;[ o;, ;-;.;i;@;[ +o;' ;i;@;([;)["px;*"2px;io;' ;i;@;([;)[;*"0;io;' ;i;@;([;)["px;*" 10px;io;' ;i;@;(@};)[;*"0;io;# ;${;i;@;" rgba;%0;&[ o;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*" 0.07;f0.070000000000000007Qo;, ;-;.;i;@;[ +o;' ;i;@;([;)["px;*" 1000px;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;([;)["px;*" +980px;io; ;i;@;"positive-color; "positive_coloro;, ;-;.;i;@;[ +o;' ;i;@;([;)["px;*" -2px;io;' ;i;@;(@};)[;*"0;io;' ;i;@;([;)["px;*" 10px;io;' ;i;@;(@};)[;*"0;io;# ;${;i;@;" rgba;%0;&[ o;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*" 0.07;f0.070000000000000007Qo;, ;-;.;i;@;[ +o;' ;i;@;([;)["px;*" -1000px;io;' ;i;@;(@};)[;*"0;io;' ;i;@;(@};)[;*"0;io;' ;i;@;([;)["px;*" 1000px;io; ;i;@;"negative-color; "negative_color;io; ;["&:hover, + &:focus;i;@;o;;";i;[o;;[o; +;@;i;[o:Sass::Selector::Parent;@;io; +;@;i;0;[" +hover;;;o;; {;!0o;;[" +o; +;@;i;[o;4;@;io; +;@;i;0;[" +focus;;;o;; {;!0;"T; [o; ;["span:last-child;i;@;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i;[" spano; +;@;i;0;["last-child;;;o;; {;!0;"T; [o; + ;i;@;["background; ; ; [;i;o; ;i;@;"paddle-bg; "paddle_bgu;+?[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["background:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::Funcall :@keywords{;i;@;"-moz-linear-gradient: @splat0: +@args[o:Sass::Script::String ;i;@: +@type:identifier;"topo:Sass::Script::List :@separator: +space;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["%:@original"0%;io; ;;;i;@;[o; ;{;i;@;" darken;0;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"10%;io; ;i;@;[;["%;" 100%;iio; + ;i;@;["background; ; ; [;i;o; ;{;i;@;"-webkit-linear-gradient;0;[o; ;i;@;;;"topo; ;;;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"0%;io; ;;;i;@;[o; ;{;i;@;" darken;0;[o; ;i;@;"paddle-bg; "paddle_bgo; ;i;@;[;["%;"10%;io; ;i;@;[;["%;" 100%;iio; + ;i;@;["background; ; ; [;i;o;# ;${;i;@;"linear-gradient;%0;&[o;, ;-;.;i;@;[o;/ ;i;@;;0;"too;/ ;i;@;;0;" bottomo;, ;-;.;i;@;[o; ;i;@;"paddle-bg; "paddle_bgo;' ;i;@;([;)["%;*"0%;io;, ;-;.;i;@;[o;# ;${;i;@;" darken;%0;&[o; ;i;@;"paddle-bg; "paddle_bgo;' ;i;@;([;)["%;*"10%;io;' ;i;@;([;)["%;*" 100%;ii;i;io; ;[" &:active;i;@;o;;";i;[o;;[o; +;@L;i;[o;4;@L;io; +;@L;i;0;[" active;;;o;; {;!0;"T; [o; + ;i;@;["background; ; ; [;i;o;/;@;;0;"transparent;io; +;i;@; ; ; +[;["-/* Setting up the radius for switches */u;A[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name" radius:@underscored_name" radius; @:@operator:eq:@operand2o:Sass::Script::Bool;i; @: @valueTu:Sass::Tree::IfNodes[o:Sass::Script::Variable : +@linei: @options{: +@name" radius:@underscored_name" radius0[o:Sass::Tree::MixinNode :@keywords{;i;@;" radius:@children[: @splat0: +@args[o; ;i;@;" radius; " radiuso:Sass::Tree::RuleNode : +@rule["span:last-child;i;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i;[" spano:Sass::Selector::Pseudo +;@;i: @arg0;["last-child: +@type: +class: @sourceso:Set: +@hash{: @subject0:@has_childrenT; [o; + ; {;i;@;" radius; [; 0;[o:Sass::Script::Operation +;i:@operand1o; ;i;@;" radius; " radius;@:@operator: +minus:@operand2o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["px:@original"1px: @valuei: +@tabsi[o:Sass::Tree::MixinNode :@keywords{;i; @; +" radius:@children[: @splat0: +@args[o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units["px:@original"4px;i o:Sass::Tree::RuleNode : +@rule["span:last-child;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence +;@;i; [o:Sass::Selector::Element ;@:@namespace0;i; +[" spano:Sass::Selector::Pseudo +;@;i: @arg0; +["last-child: +@type: +class: @sourceso:Set: +@hash{: @subject0:@has_childrenT;[o; ;{;i; @; +" radius;[;0;[o; ;i; @;[;["px;"3px;i: +@tabsi;0;[ +[o;;@;"paddle-bg;"paddle_bgo; ;i;@;"switch-paddle-bg;"switch_paddle_bg[o;;@;"positive-color;"positive_coloro; ;i;@;"switch-positive-color;"switch_positive_color[o;;@;"negative-color;"negative_coloro; ;i;@;"switch-negative-color;"switch_negative_color[o;;@;" radius;" radiuso:Sass::Script::Bool;i;@;F[o;;@;"base-style;"base_styleo;J;i;@;To; +;i;@; ; ; +[;["E/* We use this to quickly create switches with a single mixin */o;( ;i;@;" switch; T; +[o;; ;{;i;@;"switch-base; +[;0;[o; ;i;@;"transition-speed;"transition_speedo; ;i;@;"transition-ease;"transition_easeo;; ;{;i;@;"switch-size; +[;0;[o; ;i;@;" height;" heighto; ;i;@;"font-size;"font_sizeo; ;i;@;"line-height;"line_heighto;; ;{;i;@;"switch-style; +[;0;[ +o; ;i;@;"paddle-bg;"paddle_bgo; ;i;@;"positive-color;"positive_coloro; ;i;@;"negative-color;"negative_coloro; ;i;@;" radius;" radiuso; ;i;@;"base-style;"base_style;0;[[o;;@;"transition-speed;"transition_speedo; ;i;@;"#switch-paddle-transition-speed;"#switch_paddle_transition_speed[o;;@;"transition-ease;"transition_easeo; ;i;@;""switch-paddle-transition-ease;""switch_paddle_transition_ease[o;;@;" height;" heighto; ;i;@;"switch-height-med;"switch_height_med[o;;@;"font-size;"font_sizeo; ;i;@;"switch-font-size-med;"switch_font_size_med[o;;@;"line-height;"line_heighto; ;i;@; [;!["em;"" +2.3em;f2.2999999999999998ff[o;;@;"paddle-bg;"paddle_bgo; ;i;@;"switch-paddle-bg;"switch_paddle_bg[o;;@;"positive-color;"positive_coloro; ;i;@;"switch-positive-color;"switch_positive_color[o;;@;"negative-color;"negative_coloro; ;i;@;"switch-negative-color;"switch_negative_color[o;;@;" radius;" radiuso;J;i;@;F[o;;@;"base-style;"base_styleo;J;i;@;Tu;A[o:Sass::Script::Operation +: +@linei:@operand1o:Sass::Script::Variable ;i: @options{: +@name"include-html-form-classes:@underscored_name"include_html_form_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i; @: @valueF0[o:Sass::Tree::CommentNode +;i; @: +@type: normal:@children[;["/* Foundation Switches */o:Sass::Tree::MediaNode ;i; @:@has_childrenT;[o; +;i; @;: silent;[;["2/* Containing element for the radio switch */o:Sass::Tree::RuleNode : +@rule["div.switch;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i; +["divo:Sass::Selector::Class;@;i; +[" switch: @sourceso:Set: +@hash{: @subject0;T;[o:Sass::Tree::MixinNode :@keywords{;i; @; +" switch;[: @splat0: +@args[o; +;i; @;;;[;["/* Large radio switches */o; ;[" &.large;i; @;o;;";i;[o;;[o; +;@7;i;[o:Sass::Selector::Parent;@7;io;";@7;i; +[" +large;#o;$;%{;&0;T;[o;' ;({;i; @; +"switch-size;[;)0;*[o; ;i; @; +"switch-height-lrg; "switch_height_lrgo; ;i; @; +"switch-font-size-lrg; "switch_font_size_lrg: +@tabsio; +;i; @;;;[;["/* Small radio switches */o; ;[" &.small;i; @;o;;";i;[o;;[o; +;@W;i;[o;+;@W;io;";@W;i; +[" +small;#o;$;%{;&0;T;[o;' ;({;i; @; +"switch-size;[;)0;*[o; ;i; @; +"switch-height-sml; "switch_height_smlo; ;i; @; +"switch-font-size-sml; "switch_font_size_smlo:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units["em:@original" +2.1em;f2.1000000000000001;,io; +;i; @;;;[;["/* Tiny radio switches */o; ;[" &.tiny;i; @;o;;";i;[o;;[o; +;@};i;[o;+;@};io;";@};i; +[" tiny;#o;$;%{;&0;T;[o;' ;({;i; @; +"switch-size;[;)0;*[o; ;i; @; +"switch-height-tny; "switch_height_tnyo; ;i; @; +"switch-font-size-tny; "switch_font_size_tnyo;- ;i; @;.[;/["em;0" +1.9em;f1.8999999999999999ff;,io; +;i; @;;;[;["%/* Add a radius to the switch */o; ;[" &.radius;i; @;o;;";i;[o;;[o; +;@;i;[o;+;@;io;";@;i; +[" radius;#o;$;%{;&0;T;[o;' ;({;i; @; +" radius;[;)0;*[o;- ;i; @;.[;/["px;0"4px;i o; ;["span:last-child;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;!0;i; +[" spano:Sass::Selector::Pseudo +;@;i: @arg0; +["last-child;: +class;#o;$;%{;&0;T;[o;' ;({;i; @; +" radius;[;)0;*[o;- ;i; @;.[;/["px;0"3px;i;,i;,io; +;i; @;;;[;["8/* Make the switch completely round, like a pill */o; ;[" &.round;i; @;o;;";i;[o;;[o; +;@;i;[o;+;@;io;";@;i; +[" +round;#o;$;%{;&0;T;[o;' ;({;i; @; +" radius;[;)0;*[o;- ;i; @;.[;/["px;0" 1000px;io; ;["span:last-child;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;!0;i; +[" spano;1 +;@;i;20; +["last-child;;3;#o;$;%{;&0;T;[o;' ;({;i; @; +" radius;[;)0;*[o;- ;i; @;.[;/["px;0" +999px;i;,io; ;[" +label;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;!0;i; +[" +label;#o;$;%{;&0;T;[o:Sass::Tree::PropNode ;i; @; +[" padding:@prop_syntax:new;[;,i;o:Sass::Script::Funcall ;({;i; @; +" emCalc;)0;*[o;- ;i; @;.[;/[;0"0;io; +;i;o; ;i; @; +"switch-label-side-padding; "switch_label_side_padding; @; : plus;o;- ;i; @;.@';/[;0"3;i;,i;,i;,iu:Sass::Tree::IfNodeh[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::DirectiveNode +;i;@:@has_childrenT:@children[o:Sass::Tree::RuleNode : +@rule[" from;i;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i;[" from: @sourceso:Set: +@hash{: @subject0; T; [o:Sass::Tree::PropNode ;i;@;[" position:@prop_syntax:new; [: +@tabsi: @valueo:Sass::Script::String;@: +@type:identifier;" relative;io; ;["to;i;@;o;;";i;[o;;[o; +;@';i;[o; ;@';0;i;["to;o;;{;0; T; [o; ;i;@;[" position;;; [;i;o; ;@;!;";" relative;i;["@-webkit-keyframes "webkitSiblingBugfix";";,i: @query[" only" " screen \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tables.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tables.scssc new file mode 100644 index 000000000..b7a8965a2 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tables.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_thumbs.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_thumbs.scssc new file mode 100644 index 000000000..a50e08760 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_thumbs.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tooltips.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tooltips.scssc new file mode 100644 index 000000000..a56116f81 Binary files /dev/null and b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_tooltips.scssc differ diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_top-bar.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_top-bar.scssc new file mode 100644 index 000000000..c274db758 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_top-bar.scssc @@ -0,0 +1,1408 @@ +3.2.10 (Media Mark) +9e3b57445400d2521af944cc5dbe78115d826334 +o:Sass::Tree::RootNode +:@template"#7// +// Top Bar Variables +// +$include-html-top-bar-classes: $include-html-classes !default; + +// Background color for the top bar +$topbar-bg: #111 !default; + +// Height and margin +$topbar-height: 45px !default; +$topbar-margin-bottom: emCalc(30) !default; + +// Control Input height for top bar +$topbar-input-height: 2.45em !default; + +// Controlling the styles for the title in the top bar +$topbar-title-weight: bold !default; +$topbar-title-font-size: emCalc(17) !default; + +// Style the top bar dropdown elements +$topbar-dropdown-bg: #222 !default; +$topbar-dropdown-link-color: #fff !default; +$topbar-dropdown-link-bg: lighten($topbar-bg, 5%) !default; +$topbar-dropdown-toggle-size: 5px !default; +$topbar-dropdown-toggle-color: #fff !default; +$topbar-dropdown-toggle-alpha: 0.5 !default; + +// Set the link colors and styles for top-level nav +$topbar-link-color: #fff !default; +$topbar-link-color-hover: #fff !default; +$topbar-link-color-active: #fff !default; +$topbar-link-weight: bold !default; +$topbar-link-font-size: emCalc(13) !default; +$topbar-link-hover-lightness: -30% !default; // Darken by 30% +$topbar-link-bg-hover: darken($topbar-bg, 3%) !default; +$topbar-link-bg-active: darken($topbar-bg, 3%) !default; + +$topbar-dropdown-label-color: #555 !default; +$topbar-dropdown-label-text-transform: uppercase !default; +$topbar-dropdown-label-font-weight: bold !default; +$topbar-dropdown-label-font-size: emCalc(10) !default; + +// Top menu icon styles +$topbar-menu-link-transform: uppercase !default; +$topbar-menu-link-font-size: emCalc(13) !default; +$topbar-menu-link-weight: bold !default; +$topbar-menu-link-color: #fff !default; +$topbar-menu-icon-color: #fff !default; +$topbar-menu-link-color-toggled: #888 !default; +$topbar-menu-icon-color-toggled: #888 !default; + +// Transitions and breakpoint styles +$topbar-transition-speed: 300ms !default; +$topbar-breakpoint: emCalc(940) !default; // Change to 9999px for always mobile layout +$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default; + +// Divider Styles +$topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%) !default; +$topbar-divider-border-top: solid 1px darken($topbar-bg, 10%) !default; + +// Sticky Class +$topbar-sticky-class: ".sticky" !default; + +@if $include-html-top-bar-classes != false { + + /* Wrapped around .top-bar to contain to grid width */ + .contain-to-grid { + width: 100%; + background: $topbar-bg; + + .top-bar { margin-bottom: $topbar-margin-bottom; } + } + + // Wrapped around .top-bar to make it stick to the top + .fixed { + width: 100%; + #{$default-float}: 0; + position: fixed; + top: 0; + z-index: 99; + } + + .top-bar { + overflow: hidden; + height: $topbar-height; + line-height: $topbar-height; + position: relative; + background: $topbar-bg; + margin-bottom: $topbar-margin-bottom; + + // Topbar Global list Styles + ul { + margin-bottom: 0; + list-style: none; + } + + .row { max-width: none; } + + form, + input { margin-bottom: 0; } + + input { height: $topbar-input-height; } + + .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; } + + // Title Area + .title-area { + position: relative; + margin: 0; + } + + .name { + height: $topbar-height; + margin: 0; + font-size: $em-base; + + h1 { + line-height: $topbar-height; + font-size: $topbar-title-font-size; + margin: 0; + a { + font-weight: $topbar-title-weight; + color: $topbar-link-color; + width: 50%; + display: block; + padding: 0 $topbar-height / 3; + } + } + } + + // Menu toggle button on small devices + .toggle-topbar { + position: absolute; + #{$opposite-direction}: 0; + top: 0; + + a { + color: $topbar-link-color; + text-transform: $topbar-menu-link-transform; + font-size: $topbar-menu-link-font-size; + font-weight: $topbar-menu-link-weight; + position: relative; + display: block; + padding: 0 $topbar-height / 3; + height: $topbar-height; + line-height: $topbar-height; + } + + // Adding the class "menu-icon" will add the 3-line icon people love and adore. + &.menu-icon { + #{$opposite-direction}: $topbar-height / 3; + top: 50%; + margin-top: -16px; + padding-#{$default-float}: 40px; + + a { + text-indent: -48px; + width: 34px; + height: 34px; + line-height: 33px; + padding: 0; + color: $topbar-menu-link-color; + + span { + position: absolute; + #{$opposite-direction}: 0; + display: block; + width: 16px; + height: 0; + // Shh, don't tell, but box-shadows create the menu icon :) + @if $experimental { + -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color, + 0 16px 0 1px $topbar-menu-icon-color, + 0 22px 0 1px $topbar-menu-icon-color; + } + box-shadow: 0 10px 0 1px $topbar-menu-icon-color, + 0 16px 0 1px $topbar-menu-icon-color, + 0 22px 0 1px $topbar-menu-icon-color; + } + } + } + } + + // Change things up when the top-bar is expanded + &.expanded { + height: auto; + background: transparent; + + .title-area { background: $topbar-bg; } + + .toggle-topbar { + a { color: $topbar-menu-link-color-toggled; + span { + // Shh, don't tell, but box-shadows create the menu icon :) + @if $experimental { + -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled, + 0 16px 0 1px $topbar-menu-icon-color-toggled, + 0 22px 0 1px $topbar-menu-icon-color-toggled; + } + box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled, + 0 16px 0 1px $topbar-menu-icon-color-toggled, + 0 22px 0 1px $topbar-menu-icon-color-toggled; + } + } + } + } + + } + + // Right and Left Navigation that stacked by default + .top-bar-section { + #{$default-float}: 0; + position: relative; + width: auto; + @include single-transition($default-float, $topbar-transition-speed); + + ul { + width: 100%; + height: auto; + display: block; + background: $topbar-dropdown-bg; + font-size: $em-base; + margin: 0; + } + + .divider, + [role="separator"] { + border-bottom: $topbar-divider-border-bottom; + border-top: $topbar-divider-border-top; + clear: both; + height: 1px; + width: 100%; + } + + ul li { + & > a { + display: block; + width: 100%; + color: $topbar-link-color; + padding: 12px 0 12px 0; + padding-#{$default-float}: $topbar-height / 3; + font-size: $topbar-link-font-size; + font-weight: $topbar-link-weight; + background: $topbar-dropdown-bg; + + &.button { + background: $primary-color; + font-size: $topbar-link-font-size; + &.hover { + background: darken($primary-color, 10%); + } + } + &.button.secondary { + background: $secondary-color; + &.hover { + background: darken($secondary-color, 10%); + } + } + &.button.success { + background: $success-color; + &.hover { + background: darken($success-color, 10%); + } + } + &.button.alert { + background: $alert-color; + &.hover { + background: darken($alert-color, 10%); + } + } + + } + + // Apply the hover link color when it has that class + &.hover > a { + background: $topbar-link-bg-hover; + color: $topbar-link-color-hover; + } + + // Apply the active link color when it has that class + &.active > a { + background: $topbar-link-bg-active; + color: $topbar-link-color-active; + } + } + + // Add some extra padding for list items contains buttons + .has-form { padding: $topbar-height / 3; } + + // Styling for list items that have a dropdown within them. + .has-dropdown { + position: relative; + + & > a { + &:after { + @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); + margin-#{$opposite-direction}: $topbar-height / 3; + margin-top: -($topbar-dropdown-toggle-size / 2) - 2; + position: absolute; + top: 50%; + #{$opposite-direction}: 0; + } + } + + &.moved { position: static; + & > .dropdown { + visibility: visible; + } + } + } + + // Styling elements inside of dropdowns + .dropdown { + position: absolute; + #{$default-float}: 100%; + top: 0; + visibility: hidden; + z-index: 99; + + li { + width: 100%; + height: auto; + + a { + font-weight: normal; + padding: 8px $topbar-height / 3; + &.parent-link { + font-weight: $topbar-link-weight; + } + } + + &.title h5 { margin-bottom: 0; + a { + color: $topbar-link-color; + line-height: $topbar-height / 2; + display: block; + } + } + } + + label { + padding: 8px $topbar-height / 3 2px; + margin-bottom: 0; + text-transform: $topbar-dropdown-label-text-transform; + color: $topbar-dropdown-label-color; + font-weight: $topbar-dropdown-label-font-weight; + font-size: $topbar-dropdown-label-font-size; + } + } + } + + // Element that controls breakpoint, no need to change this ever + .top-bar-js-breakpoint { + width: $topbar-breakpoint !important; + visibility: hidden; + } + .js-generated { display: block; } + + + // Top Bar styles intended for screen sizes above the breakpoint. + @media #{$topbar-media-query} { + .top-bar { + background: $topbar-bg; + @include clearfix; + overflow: visible; + + .toggle-topbar { display: none; } + + .title-area { float: $default-float; } + .name h1 a { width: auto; } + + input, + .button { + line-height: 2em; + font-size: emCalc(14); + height: 2em; + padding: 0 10px; + position: relative; + top: 8px; + } + + &.expanded { background: $topbar-bg; } + } + + .contain-to-grid .top-bar { + max-width: $row-width; + margin: 0 auto; + margin-bottom: $topbar-margin-bottom; + } + + .top-bar-section { + @include single-transition(none,0,0); + #{$default-float}: 0 !important; + + ul { + width: auto; + height: auto !important; + display: inline; + + li { + float: $default-float; + .js-generated { display: none; } + } + } + + li { + a:not(.button) { + padding: 0 $topbar-height / 3; + line-height: $topbar-height; + background: $topbar-bg; + &.hover { background: adjust-color($topbar-dropdown-bg, $lightness: $topbar-link-hover-lightness); } + } + } + + .has-dropdown { + & > a { + padding-#{$opposite-direction}: $topbar-height / 3 + 20 !important; + + &:after { + @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top); + margin-top: -($topbar-dropdown-toggle-size / 2); + top: $topbar-height / 2; + } + } + + &.moved { position: relative; + & > .dropdown { visibility: hidden; } + } + + &.hover, &.not-click:hover { + & > .dropdown { + visibility: visible; + } + } + + .dropdown li.has-dropdown { + & > a { + &:after { + border: none; + content: "\00bb"; + margin-top: -16px; + #{$opposite-direction}: 5px; + } + } + } + + } + + .dropdown { + #{$default-float}: 0; + top: auto; + background: transparent; + min-width: 100%; + + li { + a { + color: $topbar-dropdown-link-color; + line-height: 1; + white-space: nowrap; + padding: 7px $topbar-height / 3; + background: $topbar-dropdown-link-bg; + } + + label { + white-space: nowrap; + background: lighten($topbar-bg, 5%); + } + + // Second Level Dropdowns + .dropdown { + #{$default-float}: 100%; + top: 0; + } + } + } + + & > ul > .divider, + & > ul > [role="separator"] { + border-bottom: none; + border-top: none; + border-#{$opposite-direction}: $topbar-divider-border-bottom; + border-#{$default-float}: $topbar-divider-border-top; + clear: none; + height: $topbar-height; + width: 0px; + } + + .has-form { + background: $topbar-bg; + padding: 0 $topbar-height / 3; + height: $topbar-height; + } + + // Position overrides for ul.right + ul.right { + li .dropdown { + left: auto; + right: 0; + + li .dropdown { right: 100%; } + } + } + } + + // Degrade gracefully when Javascript is disabled. Displays dropdown and changes + // background & text color on hover. + .no-js .top-bar-section { + ul li { + // Apply the hover link color when it has that class + &:hover > a { + background: $topbar-link-bg-hover; + color: $topbar-link-color-hover; + } + + // Apply the active link color when it has that class + &:active > a { + background: $topbar-link-bg-active; + color: $topbar-link-color-active; + } + } + + .has-dropdown { + &:hover { + & > .dropdown { + visibility: visible; + } + } + } + } + } + +} +: +@linei: @options{:@has_childrenT:@children[9o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value[""/* + * Top Bar Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"!include-html-top-bar-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["+/* Background color for the top bar */o; ;i ;" !default;@;"topbar-bg;o:Sass::Script::Color ;i ;@: @attrs{ :redi: +alphai: +greeni: bluei;0; +[o; +;i;@; ; ; +[;["/* Height and margin */o; ;i;" !default;@;"topbar-height;o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units["px:@original" 45px;i2; +[o; ;i;" !default;@;"topbar-margin-bottom;o:Sass::Script::Funcall :@keywords{;i;@;" emCalc: @splat0: +@args[o; ;i;@;[;[;"30;i#; +[o; +;i;@; ; ; +[;["+/* Control Input height for top bar */o; ;i;" !default;@;"topbar-input-height;o; ;i;@;[;["em;" 2.45em;f2.4500000000000002; +[o; +;i;@; ; ; +[;[">/* Controlling the styles for the title in the top bar */o; ;i;" !default;@;"topbar-title-weight;o:Sass::Script::String ;i;@; :identifier;" bold; +[o; ;i;" !default;@;"topbar-title-font-size;o; ; {;i;@;" emCalc;!0;"[o; ;i;@;@3;[;"17;i; +[o; +;i;@; ; ; +[;["./* Style the top bar dropdown elements */o; ;i;" !default;@;"topbar-dropdown-bg;o; ;i;@;{ ;i';i;i';i';0; +[o; ;i;" !default;@;"topbar-dropdown-link-color;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"topbar-dropdown-link-bg;o; ; {;i;@;" lighten;!0;"[o; ;i;@;"topbar-bg;"topbar_bgo; ;i;@;[;["%;"5%;i +; +[o; ;i;" !default;@;" topbar-dropdown-toggle-size;o; ;i;@;[;["px;"5px;i +; +[o; ;i;" !default;@;"!topbar-dropdown-toggle-color;o; ;i;@;{ ;i;i;i;i;0; +[o; ;i;" !default;@;"!topbar-dropdown-toggle-alpha;o; ;i;@;@3;[;"0.5;f0.5; +[o; +;i!;@; ; ; +[;[";/* Set the link colors and styles for top-level nav */o; ;i";" !default;@;"topbar-link-color;o; ;i";@;{ ;i;i;i;i;0; +[o; ;i#;" !default;@;"topbar-link-color-hover;o; ;i#;@;{ ;i;i;i;i;0; +[o; ;i$;" !default;@;"topbar-link-color-active;o; ;i$;@;{ ;i;i;i;i;0; +[o; ;i%;" !default;@;"topbar-link-weight;o;# ;i%;@; ;$;" bold; +[o; ;i&;" !default;@;"topbar-link-font-size;o; ; {;i&;@;" emCalc;!0;"[o; ;i&;@;@3;[;"13;i; +[o; ;i';" !default;@;" topbar-link-hover-lightness;o; ;i';@;[;["%;" -30%;i; +[o; +;i';@; ; ; +[;["/* Darken by 30% */o; ;i(;" !default;@;"topbar-link-bg-hover;o; ; {;i(;@;" darken;!0;"[o; ;i(;@;"topbar-bg;"topbar_bgo; ;i(;@;[;["%;"3%;i; +[o; ;i);" !default;@;"topbar-link-bg-active;o; ; {;i);@;" darken;!0;"[o; ;i);@;"topbar-bg;"topbar_bgo; ;i);@;[;["%;"3%;i; +[o; ;i+;" !default;@;" topbar-dropdown-label-color;o; ;i+;@;{ ;iZ;i;iZ;iZ;0; +[o; ;i,;" !default;@;")topbar-dropdown-label-text-transform;o;# ;i,;@; ;$;"uppercase; +[o; ;i-;" !default;@;"&topbar-dropdown-label-font-weight;o;# ;i-;@; ;$;" bold; +[o; ;i.;" !default;@;"$topbar-dropdown-label-font-size;o; ; {;i.;@;" emCalc;!0;"[o; ;i.;@;@3;[;"10;i; +[o; +;i0;@; ; ; +[;["/* Top menu icon styles */o; ;i1;" !default;@;"topbar-menu-link-transform;o;# ;i1;@; ;$;"uppercase; +[o; ;i2;" !default;@;"topbar-menu-link-font-size;o; ; {;i2;@;" emCalc;!0;"[o; ;i2;@;@3;[;"13;i; +[o; ;i3;" !default;@;"topbar-menu-link-weight;o;# ;i3;@; ;$;" bold; +[o; ;i4;" !default;@;"topbar-menu-link-color;o; ;i4;@;{ ;i;i;i;i;0; +[o; ;i5;" !default;@;"topbar-menu-icon-color;o; ;i5;@;{ ;i;i;i;i;0; +[o; ;i6;" !default;@;"#topbar-menu-link-color-toggled;o; ;i6;@;{ ;i;i;i;i;0; +[o; ;i7;" !default;@;"#topbar-menu-icon-color-toggled;o; ;i7;@;{ ;i;i;i;i;0; +[o; +;i9;@; ; ; +[;[",/* Transitions and breakpoint styles */o; ;i:;" !default;@;"topbar-transition-speed;o; ;i:;@;[;["ms;" +300ms;i,; +[o; ;i;;" !default;@;"topbar-breakpoint;o; ; {;i;;@;" emCalc;!0;"[o; ;i;;@;@3;[;"940;i; +[o; +;i;;@; ; ; +[;["4/* Change to 9999px for always mobile layout */o; ;i<;" !default;@;"topbar-media-query;o:&Sass::Script::StringInterpolation +: @mido; ;i<;@;"topbar-breakpoint;"topbar_breakpoint;i<;@: @beforeo;# ;i<;@; : string;"!only screen and (min-width: : @aftero;# ;i<;@; ;(;"); +[o; +;i>;@; ; ; +[;["/* Divider Styles */o; ;i?;" !default;@;"!topbar-divider-border-bottom;o:Sass::Script::List :@separator: +space;i?;@;[o;# ;i?;@; ;$;" +solido; ;i?;@;[;["px;"1px;io; ; {;i?;@;" lighten;!0;"[o; ;i?;@;"topbar-bg;"topbar_bgo; ;i?;@;[;["%;"10%;i; +[o; ;i@;" !default;@;"topbar-divider-border-top;o;* ;+;,;i@;@;[o;# ;i@;@; ;$;" +solido; ;i@;@;[;["px;"1px;io; ; {;i@;@;" darken;!0;"[o; ;i@;@;"topbar-bg;"topbar_bgo; ;i@;@;[;["%;"10%;i; +[o; +;iB;@; ; ; +[;["/* Sticky Class */o; ;iC;" !default;@;"topbar-sticky-class;o;# ;iC;@; ;(;" .sticky; +[u:Sass::Tree::IfNodeܝ[o:Sass::Script::Operation +: +@lineiE:@operand1o:Sass::Script::Variable ;iE: @options{: +@name"!include-html-top-bar-classes:@underscored_name"!include_html_top_bar_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;iE; @: @valueF0[o:Sass::Tree::CommentNode +;iG; @: +@type: normal:@children[;[";/* Wrapped around .top-bar to contain to grid width */o:Sass::Tree::RuleNode : +@rule[".contain-to-grid;iH; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";iH: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;iH;[o:Sass::Selector::Class;@;iH; +["contain-to-grid: @sourceso:Set: +@hash{: @subject0:@has_childrenT;[o:Sass::Tree::PropNode ;iI; @; +[" +width:@prop_syntax:new;[: +@tabsi;o:Sass::Script::String; @;:identifier;" 100%o;# ;iJ; @; +["background;$;%;[;&i;o; ;iJ; @; +"topbar-bg; "topbar_bgo; ;[" .top-bar;iL; @;o;;";iL;[o;;[o; +;@2;iL;[o;;@2;iL; +[" top-bar;o;; {;!0;"T;[o;# ;iL; @; +["margin-bottom;$;%;[;&i;o; ;iL; @; +"topbar-margin-bottom; "topbar_margin_bottom;&i;&io; +;iO; @;: silent;[;[">/* Wrapped around .top-bar to make it stick to the top */o; ;[" .fixed;iP; @;o;;";iP;[o;;[o; +;@M;iP;[o;;@M;iP; +[" +fixed;o;; {;!0;"T;[ +o;# ;iQ; @; +[" +width;$;%;[;&i;o;'; @;;(;" 100%o;# ;iR; @; +[o; ;iR; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;"0o;# ;iS; @; +[" position;$;%;[;&i;o;'; @;;(;" +fixedo;# ;iT; @; +["top;$;%;[;&i;o;'; @;;(;"0o;# ;iU; @; +[" z-index;$;%;[;&i;o;'; @;;(;"99;&io; ;[" .top-bar;iX; @;o;;";iX;[o;;[o; +;@};iX;[o;;@};iX; +[" top-bar;o;; {;!0;"T;[o;# ;iY; @; +[" overflow;$;%;[;&i;o;'; @;;(;" hiddeno;# ;iZ; @; +[" height;$;%;[;&i;o; ;iZ; @; +"topbar-height; "topbar_heighto;# ;i[; @; +["line-height;$;%;[;&i;o; ;i[; @; +"topbar-height; "topbar_heighto;# ;i\; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo;# ;i]; @; +["background;$;%;[;&i;o; ;i]; @; +"topbar-bg; "topbar_bgo;# ;i^; @; +["margin-bottom;$;%;[;&i;o; ;i^; @; +"topbar-margin-bottom; "topbar_margin_bottomo; +;i`; @;;);[;["$/* Topbar Global list Styles */o; ;["ul;ia; @;o;;";ia;[o;;[o; +;@;ia;[o:Sass::Selector::Element ;@:@namespace0;ia; +["ul;o;; {;!0;"T;[o;# ;ib; @; +["margin-bottom;$;%;[;&i;o;'; @;;(;"0o;# ;ic; @; +["list-style;$;%;[;&i;o;'; @;;(;" none;&io; ;[" .row;if; @;o;;";if;[o;;[o; +;@;if;[o;;@;if; +["row;o;; {;!0;"T;[o;# ;if; @; +["max-width;$;%;[;&i;o;'; @;;(;" none;&io; ;["form, + input;ii; @;o;;";ii;[o;;[o; +;@;ii;[o;* ;@;+0;ii; +[" form;o;; {;!0o;;[" +o; +;@;ii;[o;* ;@;+0;ii; +[" +input;o;; {;!0;"T;[o;# ;ii; @; +["margin-bottom;$;%;[;&i;o;'; @;;(;"0;&io; ;[" +input;ik; @;o;;";ik;[o;;[o; +;@;ik;[o;* ;@;+0;ik; +[" +input;o;; {;!0;"T;[o;# ;ik; @; +[" height;$;%;[;&i;o; ;ik; @; +"topbar-input-height; "topbar_input_height;&io; ;[" .button;im; @;o;;";im;[o;;[o; +;@;im;[o;;@;im; +[" button;o;; {;!0;"T;[o;# ;im; @; +["padding-top;$;%;[;&i;o;'; @;;(;" .5emo;# ;im; @; +["padding-bottom;$;%;[;&i;o;'; @;;(;" .5emo;# ;im; @; +["margin-bottom;$;%;[;&i;o;'; @;;(;"0;&io; +;io; @;;);[;["/* Title Area */o; ;[".title-area;ip; @;o;;";ip;[o;;[o; +;@C;ip;[o;;@C;ip; +["title-area;o;; {;!0;"T;[o;# ;iq; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo;# ;ir; @; +[" margin;$;%;[;&i;o;'; @;;(;"0;&io; ;[" +.name;iu; @;o;;";iu;[o;;[o; +;@_;iu;[o;;@_;iu; +[" name;o;; {;!0;"T;[ o;# ;iv; @; +[" height;$;%;[;&i;o; ;iv; @; +"topbar-height; "topbar_heighto;# ;iw; @; +[" margin;$;%;[;&i;o;'; @;;(;"0o;# ;ix; @; +["font-size;$;%;[;&i;o; ;ix; @; +" em-base; " em_baseo; ;["h1;iz; @;o;;";iz;[o;;[o; +;@;iz;[o;* ;@;+0;iz; +["h1;o;; {;!0;"T;[ o;# ;i{; @; +["line-height;$;%;[;&i;o; ;i{; @; +"topbar-height; "topbar_heighto;# ;i|; @; +["font-size;$;%;[;&i;o; ;i|; @; +"topbar-title-font-size; "topbar_title_font_sizeo;# ;i}; @; +[" margin;$;%;[;&i;o;'; @;;(;"0o; ;["a;i~; @;o;;";i~;[o;;[o; +;@;i~;[o;* ;@;+0;i~; +["a;o;; {;!0;"T;[ +o;# ;i; @; +["font-weight;$;%;[;&i;o; ;i; @; +"topbar-title-weight; "topbar_title_weighto;# ;i{; @; +[" +color;$;%;[;&i;o; ;i{; @; +"topbar-link-color; "topbar_link_coloro;# ;i|; @; +[" +width;$;%;[;&i;o;'; @;;(;"50%o;# ;i}; @; +[" display;$;%;[;&i;o;'; @;;(;" +blocko;# ;i~; @; +[" padding;$;%;[;&i;o:Sass::Script::List :@separator: +space;i~; @;[o:Sass::Script::Number ;i~; @:@denominator_units[:@numerator_units[:@original"0;io; +;i~;o; ;i~; @; +"topbar-height; "topbar_height; @; :div;o;/ ;i~; @;0@;1[;2"3;i;&i;&i;&io; +;i; @;;);[;["./* Menu toggle button on small devices */o; ;[".toggle-topbar;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["toggle-topbar;o;; {;!0;"T;[ o;# ;i; @; +[" position;$;%;[;&i;o;'; @;;(;" absoluteo;# ;i; @; +[o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o;'; @;;(;"0o;# ;i; @; +["top;$;%;[;&i;o;'; @;;(;"0o; ;["a;i; @;o;;";i;[o;;[o; +;@ +;i;[o;* ;@ +;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color; "topbar_link_coloro;# ;i; @; +["text-transform;$;%;[;&i;o; ;i; @; +"topbar-menu-link-transform; "topbar_menu_link_transformo;# ;i; @; +["font-size;$;%;[;&i;o; ;i; @; +"topbar-menu-link-font-size; "topbar_menu_link_font_sizeo;# ;i; @; +["font-weight;$;%;[;&i;o; ;i; @; +"topbar-menu-link-weight; "topbar_menu_link_weighto;# ;i; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +blocko;# ;i; @; +[" padding;$;%;[;&i;o;, ;-;.;i; @;[o;/ ;i; @;0@;1[;2"0;io; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +[" height;$;%;[;&i;o; ;i; @; +"topbar-height; "topbar_heighto;# ;i; @; +["line-height;$;%;[;&i;o; ;i; @; +"topbar-height; "topbar_height;&io; +;i; @;;);[;["W/* Adding the class "menu-icon" will add the 3-line icon people love and adore. */o; ;["&.menu-icon;i; @;o;;";i;[o;;[o; +;@d;i;[o:Sass::Selector::Parent;@d;io;;@d;i; +["menu-icon;o;; {;!0;"T;[ +o;# ;i; @; +[o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +["top;$;%;[;&i;o;'; @;;(;"50%o;# ;i; @; +["margin-top;$;%;[;&i;o;'; @;;(;" +-16pxo;# ;i; @; +[" padding-o; ;i; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;" 40pxo; ;["a;i; @;o;;";i;[o;;[o; +;@;i;[o;* ;@;+0;i; +["a;o;; {;!0;"T;[ o;# ;i; @; +["text-indent;$;%;[;&i;o;'; @;;(;" +-48pxo;# ;i; @; +[" +width;$;%;[;&i;o;'; @;;(;" 34pxo;# ;i; @; +[" height;$;%;[;&i;o;'; @;;(;" 34pxo;# ;i; @; +["line-height;$;%;[;&i;o;'; @;;(;" 33pxo;# ;i; @; +[" padding;$;%;[;&i;o;'; @;;(;"0o;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-menu-link-color; "topbar_menu_link_coloro; ;[" span;i; @;o;;";i;[o;;[o; +;@;i;[o;* ;@;+0;i; +[" span;o;; {;!0;"T;[ o;# ;i; @; +[" position;$;%;[;&i;o;'; @;;(;" absoluteo;# ;i; @; +[o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o;'; @;;(;"0o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +blocko;# ;i; @; +[" +width;$;%;[;&i;o;'; @;;(;" 16pxo;# ;i; @; +[" height;$;%;[;&i;o;'; @;;(;"0o; +;i; @;;);[;["C/* Shh, don't tell, but box-shadows create the menu icon :) */u:Sass::Tree::IfNode[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +comma;i;@;[o; ;: +space;i;@;[ +o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"0;io; ;i;@;[;["px;" 10px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"topbar-menu-icon-color; "topbar_menu_icon_coloro; ;;;i;@;[ +o; ;i;@;@;[;"0;io; ;i;@;[;["px;" 16px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"topbar-menu-icon-color; "topbar_menu_icon_coloro; ;;;i;@;[ +o; ;i;@;@;[;"0;io; ;i;@;[;["px;" 22px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"topbar-menu-icon-color; "topbar_menu_icon_coloro;# ;i; @; +["box-shadow;$;%;[;&i;o;, ;-: +comma;i; @;[o;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 10px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"topbar-menu-icon-color; "topbar_menu_icon_coloro;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 16px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"topbar-menu-icon-color; "topbar_menu_icon_coloro;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 22px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"topbar-menu-icon-color; "topbar_menu_icon_color;&i;&i;&i;&io; +;i; @;;);[;["8/* Change things up when the top-bar is expanded */o; ;["&.expanded;i; @;o;;";i;[o;;[o; +;@J;i;[o;4;@J;io;;@J;i; +[" expanded;o;; {;!0;"T;[ o;# ;i; @; +[" height;$;%;[;&i;o;'; @;;(;" autoo;# ;i; @; +["background;$;%;[;&i;o;'; @;;(;"transparento; ;[".title-area;i; @;o;;";i;[o;;[o; +;@g;i;[o;;@g;i; +["title-area;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-bg; "topbar_bg;&io; ;[".toggle-topbar;i; @;o;;";i;[o;;[o; +;@~;i;[o;;@~;i; +["toggle-topbar;o;; {;!0;"T;[o; ;["a;i; @;o;;";i;[o;;[o; +;@;i;[o;* ;@;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"#topbar-menu-link-color-toggled; "#topbar_menu_link_color_toggledo; ;[" span;i; @;o;;";i;[o;;[o; +;@;i;[o;* ;@;+0;i; +[" span;o;; {;!0;"T;[o; +;i; @;;);[;["C/* Shh, don't tell, but box-shadows create the menu icon :) */u;5[o:Sass::Script::Variable : +@linei: @options{: +@name"experimental:@underscored_name"experimental0[o:Sass::Tree::PropNode ;i;@;["-webkit-box-shadow:@prop_syntax:new:@children[: +@tabsi: @valueo:Sass::Script::List :@separator: +comma;i;@;[o; ;: +space;i;@;[ +o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"0;io; ;i;@;[;["px;" 10px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggledo; ;;;i;@;[ +o; ;i;@;@;[;"0;io; ;i;@;[;["px;" 16px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggledo; ;;;i;@;[ +o; ;i;@;@;[;"0;io; ;i;@;[;["px;" 22px;io; ;i;@;@;[;"0;io; ;i;@;[;["px;"1px;io; ;i;@;"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggledo;# ;i; @; +["box-shadow;$;%;[;&i;o;, ;-;6;i; @;[o;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 10px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggledo;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 16px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggledo;, ;-;.;i; @;[ +o;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2" 22px;io;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0[;1["px;2"1px;io; ;i; @; +"#topbar-menu-icon-color-toggled; "#topbar_menu_icon_color_toggled;&i;&i;&i;&i;&io; +;i; @;;);[;[" a;i; @;o;;";i;[o;;[o; +;@;i;[o;4;@;i;o;; {;!0">o; +;@;i;[o;* ;@;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +blocko;# ;i; @; +[" +width;$;%;[;&i;o;'; @;;(;" 100%o;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color; "topbar_link_coloro;# ;i; @; +[" padding;$;%;[;&i;o;'; @;;(;"12px 0 12px 0o;# ;i; @; +[" padding-o; ;i; @; +"default-float; "default_float;$;%;[;&i;o; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +["font-size;$;%;[;&i;o; ;i; @; +"topbar-link-font-size; "topbar_link_font_sizeo;# ;i; @; +["font-weight;$;%;[;&i;o; ;i; @; +"topbar-link-weight; "topbar_link_weighto;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-dropdown-bg; "topbar_dropdown_bgo; ;[" &.button;i; @;o;;";i;[o;;[o; +;@;i;[o;4;@;io;;@;i; +[" button;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"primary-color; "primary_coloro;# ;i; @; +["font-size;$;%;[;&i;o; ;i; @; +"topbar-link-font-size; "topbar_link_font_sizeo; ;[" &.hover;i; @;o;;";i;[o;;[o; +;@-;i;[o;4;@-;io;;@-;i; +[" +hover;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o:Sass::Script::Funcall ;8{;i; @; +" darken;90;:[o; ;i; @; +"primary-color; "primary_coloro;/ ;i; @;0[;1["%;2"10%;i;&i;&io; ;["&.button.secondary;i; @;o;;";i;[o;;[o; +;@N;i;[o;4;@N;io;;@N;i; +[" buttono;;@N;i; +["secondary;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"secondary-color; "secondary_coloro; ;[" &.hover;i; @;o;;";i;[o;;[o; +;@i;i;[o;4;@i;io;;@i;i; +[" +hover;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o;= ;8{;i; @; +" darken;90;:[o; ;i; @; +"secondary-color; "secondary_coloro;/ ;i; @;0[;1["%;2"10%;i;&i;&io; ;["&.button.success;i; @;o;;";i;[o;;[o; +;@;i;[o;4;@;io;;@;i; +[" buttono;;@;i; +[" success;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"success-color; "success_coloro; ;[" &.hover;i; @;o;;";i;[o;;[o; +;@;i;[o;4;@;io;;@;i; +[" +hover;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o;= ;8{;i; @; +" darken;90;:[o; ;i; @; +"success-color; "success_coloro;/ ;i; @;0[;1["%;2"10%;i;&i;&io; ;["&.button.alert;i ; @;o;;";i ;[o;;[o; +;@;i ;[o;4;@;i o;;@;i ; +[" buttono;;@;i ; +[" +alert;o;; {;!0;"T;[o;# ;i +; @; +["background;$;%;[;&i;o; ;i +; @; +"alert-color; "alert_coloro; ;[" &.hover;i ; @;o;;";i ;[o;;[o; +;@;i ;[o;4;@;i o;;@;i ; +[" +hover;o;; {;!0;"T;[o;# ;i ; @; +["background;$;%;[;&i;o;= ;8{;i ; @; +" darken;90;:[o; ;i ; @; +"alert-color; "alert_coloro;/ ;i ; @;0[;1["%;2"10%;i;&i;&i;&io; +;i; @;;);[;[" a;i; @;o;;";i;[o;;[o; +;@;i;[o;4;@;io;;@;i; +[" +hover;o;; {;!0">o; +;@;i;[o;* ;@;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-link-bg-hover; "topbar_link_bg_hovero;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color-hover; "topbar_link_color_hover;&io; +;i; @;;);[;["=/* Apply the active link color when it has that class */o; ;["&.active > a;i; @;o;;";i;[o;;[o; +;@1;i;[o;4;@1;io;;@1;i; +[" active;o;; {;!0">o; +;@1;i;[o;* ;@1;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-link-bg-active; "topbar_link_bg_activeo;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color-active; "topbar_link_color_active;&i;&io; +;i; @;;);[;["A/* Add some extra padding for list items contains buttons */o; ;[".has-form;i ; @;o;;";i ;[o;;[o; +;@\;i ;[o;;@\;i ; +[" has-form;o;; {;!0;"T;[o;# ;i ; @; +[" padding;$;%;[;&i;o; +;i ;o; ;i ; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i ; @;0@;1[;2"3;i;&io; +;i"; @;;);[;["C/* Styling for list items that have a dropdown within them. */o; ;[".has-dropdown;i#; @;o;;";i#;[o;;[o; +;@{;i#;[o;;@{;i#; +["has-dropdown;o;; {;!0;"T;[o;# ;i$; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo; ;[" +& > a;i&; @;o;;";i&;[o;;[o; +;@;i&;[o;4;@;i&;o;; {;!0">o; +;@;i&;[o;* ;@;+0;i&; +["a;o;; {;!0;"T;[o; ;[" &:after;i'; @;o;;";i';[o;;[o; +;@;i';[o;4;@;i'o:Sass::Selector::Pseudo +;@;i': @arg0; +[" +after;: +class;o;; {;!0;"T;[ o;7 ;8{;i(; @; +"css-triangle;[;90;:[o; ;i(; @; +" topbar-dropdown-toggle-size; " topbar_dropdown_toggle_sizeo;= ;8{;i(; @; +" rgba;90;:[o; ;i(; @; +"!topbar-dropdown-toggle-color; "!topbar_dropdown_toggle_coloro; ;i(; @; +"!topbar-dropdown-toggle-alpha; "!topbar_dropdown_toggle_alphao; ;i(; @; +"default-float; "default_floato;# ;i); @; +[" margin-o; ;i); @; +"opposite-direction; "opposite_direction;$;%;[;&i;o; +;i);o; ;i); @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i); @;0@;1[;2"3;io;# ;i*; @; +["margin-top;$;%;[;&i;o; +;i*;o:!Sass::Script::UnaryOperation ;i*; @; : +minus: @operando; +;i*;o; ;i*; @; +" topbar-dropdown-toggle-size; " topbar_dropdown_toggle_size; @; ;3;o;/ ;i*; @;0@;1[;2"2;i; @; ;B;o;/ ;i*; @;0@;1[;2"2;io;# ;i+; @; +[" position;$;%;[;&i;o;'; @;;(;" absoluteo;# ;i,; @; +["top;$;%;[;&i;o;'; @;;(;"50%o;# ;i-; @; +[o; ;i-; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o;'; @;;(;"0;&i;&io; ;[" &.moved;i1; @;o;;";i1;[o;;[o; +;@;i1;[o;4;@;i1o;;@;i1; +[" +moved;o;; {;!0;"T;[o;# ;i1; @; +[" position;$;%;[;&i;o;'; @;;(;" statico; ;["& > .dropdown;i2; @;o;;";i2;[o;;[o; +;@;i2;[o;4;@;i2;o;; {;!0">o; +;@;i2;[o;;@;i2; +[" dropdown;o;; {;!0;"T;[o;# ;i3; @; +["visibility;$;%;[;&i;o;'; @;;(;" visible;&i;&i;&io; +;i8; @;;);[;["//* Styling elements inside of dropdowns */o; ;[".dropdown;i9; @;o;;";i9;[o;;[o; +;@6;i9;[o;;@6;i9; +[" dropdown;o;; {;!0;"T;[ o;# ;i:; @; +[" position;$;%;[;&i;o;'; @;;(;" absoluteo;# ;i;; @; +[o; ;i;; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;" 100%o;# ;i<; @; +["top;$;%;[;&i;o;'; @;;(;"0o;# ;i=; @; +["visibility;$;%;[;&i;o;'; @;;(;" hiddeno;# ;i>; @; +[" z-index;$;%;[;&i;o;'; @;;(;"99o; ;["li;i@; @;o;;";i@;[o;;[o; +;@f;i@;[o;* ;@f;+0;i@; +["li;o;; {;!0;"T;[ o;# ;iA; @; +[" +width;$;%;[;&i;o;'; @;;(;" 100%o;# ;iB; @; +[" height;$;%;[;&i;o;'; @;;(;" autoo; ;["a;iD; @;o;;";iD;[o;;[o; +;@;iD;[o;* ;@;+0;iD; +["a;o;; {;!0;"T;[o;# ;iE; @; +["font-weight;$;%;[;&i;o;'; @;;(;" normalo;# ;iF; @; +[" padding;$;%;[;&i;o;, ;-;.;iF; @;[o;/ ;iF; @;0[;1["px;2"8px;i o; +;iF;o; ;iF; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;iF; @;0@;1[;2"3;io; ;["&.parent-link;iG; @;o;;";iG;[o;;[o; +;@;iG;[o;4;@;iGo;;@;iG; +["parent-link;o;; {;!0;"T;[o;# ;iH; @; +["font-weight;$;%;[;&i;o; ;iH; @; +"topbar-link-weight; "topbar_link_weight;&i;&io; ;["&.title h5;iL; @;o;;";iL;[o;;[o; +;@;iL;[o;4;@;iLo;;@;iL; +[" +title;o;; {;!0o; +;@;iL;[o;* ;@;+0;iL; +["h5;o;; {;!0;"T;[o;# ;iL; @; +["margin-bottom;$;%;[;&i;o;'; @;;(;"0o; ;["a;iM; @;o;;";iM;[o;;[o; +;@;iM;[o;* ;@;+0;iM; +["a;o;; {;!0;"T;[o;# ;iN; @; +[" +color;$;%;[;&i;o; ;iN; @; +"topbar-link-color; "topbar_link_coloro;# ;iO; @; +["line-height;$;%;[;&i;o; +;iO;o; ;iO; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;iO; @;0@;1[;2"2;io;# ;iP; @; +[" display;$;%;[;&i;o;'; @;;(;" +block;&i;&i;&io; ;[" +label;iU; @;o;;";iU;[o;;[o; +;@;iU;[o;* ;@;+0;iU; +[" +label;o;; {;!0;"T;[ o;# ;iV; @; +[" padding;$;%;[;&i;o;, ;-;.;iV; @;[o;/ ;iV; @;0[;1["px;2"8px;i o; +;iV;o; ;iV; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;iV; @;0@;1[;2"3;io;/ ;iV; @;0[;1["px;2"2px;io;# ;iW; @; +["margin-bottom;$;%;[;&i;o;'; @;;(;"0o;# ;iX; @; +["text-transform;$;%;[;&i;o; ;iX; @; +")topbar-dropdown-label-text-transform; ")topbar_dropdown_label_text_transformo;# ;iY; @; +[" +color;$;%;[;&i;o; ;iY; @; +" topbar-dropdown-label-color; " topbar_dropdown_label_coloro;# ;iZ; @; +["font-weight;$;%;[;&i;o; ;iZ; @; +"&topbar-dropdown-label-font-weight; "&topbar_dropdown_label_font_weighto;# ;i[; @; +["font-size;$;%;[;&i;o; ;i[; @; +"$topbar-dropdown-label-font-size; "$topbar_dropdown_label_font_size;&i;&i;&io; +;i`; @;;);[;["H/* Element that controls breakpoint, no need to change this ever */o; ;[".top-bar-js-breakpoint;ia; @;o;;";ia;[o;;[o; +;@U;ia;[o;;@U;ia; +["top-bar-js-breakpoint;o;; {;!0;"T;[o;# ;ib; @; +[" +width;$;%;[;&i;o;, ;-;.;ib; @;[o; ;ib; @; +"topbar-breakpoint; "topbar_breakpointo;' ;ib; @;;(;"!importanto;# ;ic; @; +["visibility;$;%;[;&i;o;'; @;;(;" hidden;&io; ;[".js-generated;ie; @;o;;";ie;[o;;[o; +;@v;ie;[o;;@v;ie; +["js-generated;o;; {;!0;"T;[o;# ;ie; @; +[" display;$;%;[;&i;o;'; @;;(;" +block;&io; +;ih; @;;);[;["I/* Top Bar styles intended for screen sizes above the breakpoint. */o:Sass::Tree::MediaNode ;ii; @;"T;[ +o; ;[" .top-bar;ij; @;o;;";ij;[o;;[o; +;@;ij;[o;;@;ij; +[" top-bar;o;; {;!0;"T;[ o;# ;ik; @; +["background;$;%;[;&i;o; ;ik; @; +"topbar-bg; "topbar_bgo;7 ;8{;il; @; +" clearfix;[;90;:[o;# ;im; @; +[" overflow;$;%;[;&i;o;'; @;;(;" visibleo; ;[".toggle-topbar;io; @;o;;";io;[o;;[o; +;@;io;[o;;@;io; +["toggle-topbar;o;; {;!0;"T;[o;# ;io; @; +[" display;$;%;[;&i;o;'; @;;(;" none;&io; ;[".title-area;iq; @;o;;";iq;[o;;[o; +;@;iq;[o;;@;iq; +["title-area;o;; {;!0;"T;[o;# ;iq; @; +[" +float;$;%;[;&i;o; ;iq; @; +"default-float; "default_float;&io; ;[".name h1 a;ir; @;o;;";ir;[o;;[o; +;@;ir;[o;;@;ir; +[" name;o;; {;!0o; +;@;ir;[o;* ;@;+0;ir; +["h1;o;; {;!0o; +;@;ir;[o;* ;@;+0;ir; +["a;o;; {;!0;"T;[o;# ;ir; @; +[" +width;$;%;[;&i;o;'; @;;(;" auto;&io; ;["input, + .button;iu; @;o;;";iu;[o;;[o; +;@ ;iu;[o;* ;@ ;+0;iu; +[" +input;o;; {;!0o;;[" +o; +;@ ;iu;[o;;@ ;iu; +[" button;o;; {;!0;"T;[ o;# ;iv; @; +["line-height;$;%;[;&i;o;'; @;;(;"2emo;# ;iw; @; +["font-size;$;%;[;&i;o;= ;8{;iw; @; +" emCalc;90;:[o;/ ;iw; @;0@;1[;2"14;io;# ;ix; @; +[" height;$;%;[;&i;o;'; @;;(;"2emo;# ;iy; @; +[" padding;$;%;[;&i;o;'; @;;(;" 0 10pxo;# ;iz; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo;# ;i{; @; +["top;$;%;[;&i;o;'; @;;(;"8px;&io; ;["&.expanded;i~; @;o;;";i~;[o;;[o; +;@H ;i~;[o;4;@H ;i~o;;@H ;i~; +[" expanded;o;; {;!0;"T;[o;# ;i~; @; +["background;$;%;[;&i;o; ;i~; @; +"topbar-bg; "topbar_bg;&i;&io; ;[".contain-to-grid .top-bar;i; @;o;;";i;[o;;[o; +;@` ;i;[o;;@` ;i; +["contain-to-grid;o;; {;!0o; +;@` ;i;[o;;@` ;i; +[" top-bar;o;; {;!0;"T;[o;# ;i; @; +["max-width;$;%;[;&i;o; ;i; @; +"row-width; "row_widtho;# ;i; @; +[" margin;$;%;[;&i;o;'; @;;(;" 0 autoo;# ;i; @; +["margin-bottom;$;%;[;&i;o; ;i; @; +"topbar-margin-bottom; "topbar_margin_bottom;&io; ;[".top-bar-section;i; @;o;;";i;[o;;[o; +;@ ;i;[o;;@ ;i; +["top-bar-section;o;; {;!0;"T;[o;7 ;8{;i; @; +"single-transition;[;90;:[o;' ;i; @;;(;" noneo;/ ;i; @;0@;1[;2"0;io;/ ;i; @;0@;1[;2"0;io;# ;i; @; +[o; ;i; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;"0 !importanto; ;["ul;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["ul;o;; {;!0;"T;[ o;# ;i; @; +[" +width;$;%;[;&i;o;'; @;;(;" autoo;# ;i; @; +[" height;$;%;[;&i;o;'; @;;(;"auto !importanto;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" inlineo; ;["li;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["li;o;; {;!0;"T;[o;# ;i; @; +[" +float;$;%;[;&i;o; ;i; @; +"default-float; "default_floato; ;[".js-generated;i; @;o;;";i;[o;;[o; +;@ ;i;[o;;@ ;i; +["js-generated;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" none;&i;&i;&io; ;["li;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["li;o;; {;!0;"T;[o; ;["a:not(.button);i; @;o;;";i;[o;;[o; +;@ +;i;[o;* ;@ +;+0;i; +["ao;> +;@ +;i;?[" .button; +["not;;@;o;; {;!0;"T;[ o;# ;i; @; +[" padding;$;%;[;&i;o;, ;-;.;i; @;[o;/ ;i; @;0@;1[;2"0;io; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +["line-height;$;%;[;&i;o; ;i; @; +"topbar-height; "topbar_heighto;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-bg; "topbar_bgo; ;[" &.hover;i; @;o;;";i;[o;;[o; +;@B +;i;[o;4;@B +;io;;@B +;i; +[" +hover;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o;= ;8{"lightnesso; ;i; @; +" topbar-link-hover-lightness; " topbar_link_hover_lightness;i; @; +"adjust-color;90;:[o; ;i; @; +"topbar-dropdown-bg; "topbar_dropdown_bg;&i;&i;&io; ;[".has-dropdown;i; @;o;;";i;[o;;[o; +;@b +;i;[o;;@b +;i; +["has-dropdown;o;; {;!0;"T;[ o; ;[" +& > a;i; @;o;;";i;[o;;[o; +;@r +;i;[o;4;@r +;i;o;; {;!0">o; +;@r +;i;[o;* ;@r +;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +[" padding-o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o;, ;-;.;i; @;[o; +;i;o; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;i; @; : plus;o;/ ;i; @;0@;1[;2"20;io;' ;i; @;;(;"!importanto; ;[" &:after;i; @;o;;";i;[o;;[o; +;@ +;i;[o;4;@ +;io;> +;@ +;i;?0; +[" +after;;@;o;; {;!0;"T;[o;7 ;8{;i; @; +"css-triangle;[;90;:[o; ;i; @; +" topbar-dropdown-toggle-size; " topbar_dropdown_toggle_sizeo;= ;8{;i; @; +" rgba;90;:[o; ;i; @; +"!topbar-dropdown-toggle-color; "!topbar_dropdown_toggle_coloro; ;i; @; +"!topbar-dropdown-toggle-alpha; "!topbar_dropdown_toggle_alphao;' ;i; @;;(;"topo;# ;i; @; +["margin-top;$;%;[;&i;o;A ;i; @; ;B;Co; +;i;o; ;i; @; +" topbar-dropdown-toggle-size; " topbar_dropdown_toggle_size; @; ;3;o;/ ;i; @;0@;1[;2"2;io;# ;i; @; +["top;$;%;[;&i;o; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"2;i;&i;&io; ;[" &.moved;i; @;o;;";i;[o;;[o; +;@ +;i;[o;4;@ +;io;;@ +;i; +[" +moved;o;; {;!0;"T;[o;# ;i; @; +[" position;$;%;[;&i;o;'; @;;(;" relativeo; ;["& > .dropdown;i; @;o;;";i;[o;;[o; +;@ +;i;[o;4;@ +;i;o;; {;!0">o; +;@ +;i;[o;;@ +;i; +[" dropdown;o;; {;!0;"T;[o;# ;i; @; +["visibility;$;%;[;&i;o;'; @;;(;" hidden;&i;&io; ;["&.hover, &.not-click:hover;i; @;o;;";i;[o;;[o; +;@ ;i;[o;4;@ ;io;;@ ;i; +[" +hover;o;; {;!0o;;[o; +;@ ;i;[o;4;@ ;io;;@ ;i; +["not-clicko;> +;@ ;i;?0; +[" +hover;;@;o;; {;!0;"T;[o; ;["& > .dropdown;i; @;o;;";i;[o;;[o; +;@+ ;i;[o;4;@+ ;i;o;; {;!0">o; +;@+ ;i;[o;;@+ ;i; +[" dropdown;o;; {;!0;"T;[o;# ;i; @; +["visibility;$;%;[;&i;o;'; @;;(;" visible;&i;&io; ;[".dropdown li.has-dropdown;i; @;o;;";i;[o;;[o; +;@G ;i;[o;;@G ;i; +[" dropdown;o;; {;!0o; +;@G ;i;[o;* ;@G ;+0;i; +["lio;;@G ;i; +["has-dropdown;o;; {;!0;"T;[o; ;[" +& > a;i; @;o;;";i;[o;;[o; +;@a ;i;[o;4;@a ;i;o;; {;!0">o; +;@a ;i;[o;* ;@a ;+0;i; +["a;o;; {;!0;"T;[o; ;[" &:after;i; @;o;;";i;[o;;[o; +;@w ;i;[o;4;@w ;io;> +;@w ;i;?0; +[" +after;;@;o;; {;!0;"T;[ o;# ;i; @; +[" border;$;%;[;&i;o;'; @;;(;" noneo;# ;i; @; +[" content;$;%;[;&i;o;'; @;;(;" "\00bb"o;# ;i; @; +["margin-top;$;%;[;&i;o;'; @;;(;" +-16pxo;# ;i; @; +[o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o;'; @;;(;"5px;&i;&i;&i;&io; ;[".dropdown;i; @;o;;";i;[o;;[o; +;@ ;i;[o;;@ ;i; +[" dropdown;o;; {;!0;"T;[ +o;# ;i; @; +[o; ;i; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;"0o;# ;i; @; +["top;$;%;[;&i;o;'; @;;(;" autoo;# ;i; @; +["background;$;%;[;&i;o;'; @;;(;"transparento;# ;i; @; +["min-width;$;%;[;&i;o;'; @;;(;" 100%o; ;["li;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["li;o;; {;!0;"T;[ o; ;["a;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["a;o;; {;!0;"T;[ +o;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-dropdown-link-color; "topbar_dropdown_link_coloro;# ;i; @; +["line-height;$;%;[;&i;o;'; @;;(;"1o;# ;i; @; +["white-space;$;%;[;&i;o;'; @;;(;" nowrapo;# ;i; @; +[" padding;$;%;[;&i;o;, ;-;.;i; @;[o;/ ;i; @;0[;1["px;2"7px;i o; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-dropdown-link-bg; "topbar_dropdown_link_bg;&io; ;[" +label;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +[" +label;o;; {;!0;"T;[o;# ;i; @; +["white-space;$;%;[;&i;o;'; @;;(;" nowrapo;# ;i; @; +["background;$;%;[;&i;o;= ;8{;i; @; +" lighten;90;:[o; ;i; @; +"topbar-bg; "topbar_bgo;/ ;i; @;0[;1["%;2"5%;i +;&io; +;i; @;;);[;["!/* Second Level Dropdowns */o; ;[".dropdown;i; @;o;;";i;[o;;[o; +;@B ;i;[o;;@B ;i; +[" dropdown;o;; {;!0;"T;[o;# ;i; @; +[o; ;i; @; +"default-float; "default_float;$;%;[;&i;o;'; @;;(;" 100%o;# ;i; @; +["top;$;%;[;&i;o;'; @;;(;"0;&i;&i;&io; ;["9& > ul > .divider, + & > ul > [role="separator"];i; @;o;;";i;[o;;[ +o; +;@` ;i;[o;4;@` ;i;o;; {;!0">o; +;@` ;i;[o;* ;@` ;+0;i; +["ul;o;; {;!0">o; +;@` ;i;[o;;@` ;i; +[" divider;o;; {;!0o;;[ " +o; +;@` ;i;[o;4;@` ;i;o;; {;!0">o; +;@` ;i;[o;* ;@` ;+0;i; +["ul;o;; {;!0">o; +;@` ;i;[o;; ;@` ;+0;<0;i; +[" role; "=;[""separator";o;; {;!0;"T;[ o;# ;i; @; +["border-bottom;$;%;[;&i;o;'; @;;(;" noneo;# ;i; @; +["border-top;$;%;[;&i;o;'; @;;(;" noneo;# ;i; @; +[" border-o; ;i; @; +"opposite-direction; "opposite_direction;$;%;[;&i;o; ;i; @; +"!topbar-divider-border-bottom; "!topbar_divider_border_bottomo;# ;i; @; +[" border-o; ;i; @; +"default-float; "default_float;$;%;[;&i;o; ;i; @; +"topbar-divider-border-top; "topbar_divider_border_topo;# ;i; @; +[" +clear;$;%;[;&i;o;'; @;;(;" noneo;# ;i; @; +[" height;$;%;[;&i;o; ;i; @; +"topbar-height; "topbar_heighto;# ;i; @; +[" +width;$;%;[;&i;o;'; @;;(;"0px;&io; ;[".has-form;i; @;o;;";i;[o;;[o; +;@ ;i;[o;;@ ;i; +[" has-form;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-bg; "topbar_bgo;# ;i; @; +[" padding;$;%;[;&i;o;, ;-;.;i; @;[o;/ ;i; @;0@;1[;2"0;io; +;i;o; ;i; @; +"topbar-height; "topbar_height; @; ;3;o;/ ;i; @;0@;1[;2"3;io;# ;i; @; +[" height;$;%;[;&i;o; ;i; @; +"topbar-height; "topbar_height;&io; +;i; @;;);[;["*/* Position overrides for ul.right */o; ;[" ul.right;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["ulo;;@ ;i; +[" +right;o;; {;!0;"T;[o; ;["li .dropdown;i; @;o;;";i;[o;;[o; +;@ ;i;[o;* ;@ ;+0;i; +["li;o;; {;!0o; +;@ ;i;[o;;@ ;i; +[" dropdown;o;; {;!0;"T;[o;# ;i; @; +[" left;$;%;[;&i;o;'; @;;(;" autoo;# ;i; @; +[" +right;$;%;[;&i;o;'; @;;(;"0o; ;["li .dropdown;i; @;o;;";i;[o;;[o; +;@4 ;i;[o;* ;@4 ;+0;i; +["li;o;; {;!0o; +;@4 ;i;[o;;@4 ;i; +[" dropdown;o;; {;!0;"T;[o;# ;i; @; +[" +right;$;%;[;&i;o;'; @;;(;" 100%;&i;&i;&i;&io; +;i; @;;);[;["~/* Degrade gracefully when Javascript is disabled. Displays dropdown and changes + * background & text color on hover. */o; ;[".no-js .top-bar-section;i; @;o;;";i;[o;;[o; +;@U ;i;[o;;@U ;i; +[" +no-js;o;; {;!0o; +;@U ;i;[o;;@U ;i; +["top-bar-section;o;; {;!0;"T;[o; ;[" +ul li;i; @;o;;";i;[o;;[o; +;@l ;i;[o;* ;@l ;+0;i; +["ul;o;; {;!0o; +;@l ;i;[o;* ;@l ;+0;i; +["li;o;; {;!0;"T;[ o; +;i; @;;);[;[" a;i; @;o;;";i;[o;;[o; +;@ ;i;[o;4;@ ;io;> +;@ ;i;?0; +[" +hover;;@;o;; {;!0">o; +;@ ;i;[o;* ;@ ;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-link-bg-hover; "topbar_link_bg_hovero;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color-hover; "topbar_link_color_hover;&io; +;i; @;;);[;["=/* Apply the active link color when it has that class */o; ;["&:active > a;i; @;o;;";i;[o;;[o; +;@ ;i;[o;4;@ ;io;> +;@ ;i;?0; +[" active;;@;o;; {;!0">o; +;@ ;i;[o;* ;@ ;+0;i; +["a;o;; {;!0;"T;[o;# ;i; @; +["background;$;%;[;&i;o; ;i; @; +"topbar-link-bg-active; "topbar_link_bg_activeo;# ;i; @; +[" +color;$;%;[;&i;o; ;i; @; +"topbar-link-color-active; "topbar_link_color_active;&i;&io; ;[".has-dropdown;i +; @;o;;";i +;[o;;[o; +;@ ;i +;[o;;@ ;i +; +["has-dropdown;o;; {;!0;"T;[o; ;[" &:hover;i ; @;o;;";i ;[o;;[o; +;@ ;i ;[o;4;@ ;i o;> +;@ ;i ;?0; +[" +hover;;@;o;; {;!0;"T;[o; ;["& > .dropdown;i ; @;o;;";i ;[o;;[o; +;@ ;i ;[o;4;@ ;i ;o;; {;!0">o; +;@ ;i ;[o;;@ ;i ; +[" dropdown;o;; {;!0;"T;[o;# ;i ; @; +["visibility;$;%;[;&i;o;'; @;;(;" visible;&i;&i;&i;&i;";&i: @query[o; ;ii; @; +"topbar-media-query; "topbar_media_query \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_type.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_type.scssc new file mode 100644 index 000000000..09653eca9 --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_type.scssc @@ -0,0 +1,1199 @@ +3.2.10 (Media Mark) +44d11919786c9ae56721a6f18a2982111770b8e1 +o:Sass::Tree::RootNode +:@template"5*// +// Typography Variables +// +$include-html-type-classes: $include-html-classes !default; + +// We use these to control header font styles +$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default; +$header-font-weight: bold !default; +$header-font-style: normal !default; +$header-font-color: #222 !default; +$header-line-height: 1.4 !default; +$header-top-margin: .2em !default; +$header-bottom-margin: .5em !default; +$header-text-rendering: optimizeLegibility !default; + +// We use these to control header font sizes +$h1-font-size: emCalc(44) !default; +$h2-font-size: emCalc(37) !default; +$h3-font-size: emCalc(27) !default; +$h4-font-size: emCalc(23) !default; +$h5-font-size: emCalc(18) !default; +$h6-font-size: 1em !default; + +// These control how subheaders are styled. +$subheader-line-height: 1.4 !default; +$subheader-font-color: lighten($header-font-color, 30%) !default; +$subheader-font-weight: 300 !default; +$subheader-top-margin: .2em !default; +$subheader-bottom-margin: .5em !default; + +// A general styling +$small-font-size: 60% !default; +$small-font-color: lighten($header-font-color, 30%) !default; + +// We use these to style paragraphs +$paragraph-font-family: inherit !default; +$paragraph-font-weight: normal !default; +$paragraph-font-size: 1em !default; +$paragraph-line-height: 1.6 !default; +$paragraph-margin-bottom: emCalc(20) !default; +$paragraph-aside-font-size: emCalc(14) !default; +$paragraph-aside-line-height: 1.35 !default; +$paragraph-aside-font-style: italic !default; +$paragraph-text-rendering: optimizeLegibility !default; + +// We use these to style tags +$code-color: darken($alert-color, 15%) !default; +$code-font-family: Consolas, 'Liberation Mono', Courier, monospace !default; +$code-font-weight: bold !default; + +// We use these to style anchors +$anchor-text-decoration: none !default; +$anchor-font-color: $primary-color !default; +$anchor-font-color-hover: darken($primary-color, 5%) !default; + +// We use these to style the
element +$hr-border-width: 1px !default; +$hr-border-style: solid !default; +$hr-border-color: #ddd !default; +$hr-margin: emCalc(20) !default; + +// We use these to style lists +$list-style-position: outside !default; +$list-side-margin: 0 !default; +$list-nested-margin: emCalc(20) !default; +$definition-list-header-weight: bold !default; +$definition-list-header-margin-bottom: .3em !default; +$definition-list-margin-bottom: emCalc(12) !default; + +// We use these to style blockquotes +$blockquote-font-color: lighten($header-font-color, 30%) !default; +$blockquote-padding: emCalc(9, 20, 0, 19) !default; +$blockquote-border: 1px solid #ddd !default; +$blockquote-cite-font-size: emCalc(13) !default; +$blockquote-cite-font-color: lighten($header-font-color, 20%) !default; +$blockquote-cite-link-color: $blockquote-cite-font-color !default; + +// Acronym styles +$acronym-underline: 1px dotted #ddd !default; + +// We use these to control padding and margin +$microformat-padding: emCalc(10, 12) !default; +$microformat-margin: emCalc(0, 0, 20, 0) !default; + +// We use these to control the border styles +$microformat-border-width: 1px !default; +$microformat-border-style: solid !default; +$microformat-border-color: #ddd !default; + +// We use these to control full name font styles +$microformat-fullname-font-weight: bold !default; +$microformat-fullname-font-size: emCalc(15) !default; + +// We use this to control the summary font styles +$microformat-summary-font-weight: bold !default; + +// We use this to control abbr padding +$microformat-abbr-padding: emCalc(0, 1) !default; + +// We use this to control abbr font styles +$microformat-abbr-font-weight: bold !default; +$microformat-abbr-font-decoration: none !default; + + +// +// Typography Placeholders +// + +// These will throw a deprecation warning if used within a media query. +%lead { + font-size: $paragraph-font-size + emCalc(3.5); + line-height: 1.6; +} + +%subheader { + line-height: $subheader-line-height; + color: $subheader-font-color; + font-weight: $subheader-font-weight; + margin-top: $subheader-top-margin; + margin-bottom: $subheader-bottom-margin; +} + +@if $include-html-type-classes != false { + + /* Typography resets */ + div, + dl, + dt, + dd, + ul, + ol, + li, + h1, + h2, + h3, + h4, + h5, + h6, + pre, + form, + p, + blockquote, + th, + td { + margin:0; + padding:0; + direction: $text-direction; + } + + /* Default Link Styles */ + a { + color: $anchor-font-color; + text-decoration: $anchor-text-decoration; + line-height: inherit; + + &:hover, + &:focus { color: $anchor-font-color-hover; } + + img { border:none; } + } + + /* Default paragraph styles */ + p { + font-family: $paragraph-font-family; + font-weight: $paragraph-font-weight; + font-size: $paragraph-font-size; + line-height: $paragraph-line-height; + margin-bottom: $paragraph-margin-bottom; + text-rendering: $paragraph-text-rendering; + + &.lead { @extend %lead; } + + & aside { + font-size: $paragraph-aside-font-size; + line-height: $paragraph-aside-line-height; + font-style: $paragraph-aside-font-style; + } + } + + /* Default header styles */ + h1, h2, h3, h4, h5, h6 { + font-family: $header-font-family; + font-weight: $header-font-weight; + font-style: $header-font-style; + color: $header-font-color; + text-rendering: $header-text-rendering; + margin-top: $header-top-margin; + margin-bottom: $header-bottom-margin; + line-height: $header-line-height - emCalc(3); + + small { + font-size: $small-font-size; + color: $small-font-color; + line-height: 0; + } + } + + h1 { font-size: $h1-font-size - emCalc(10); } + h2 { font-size: $h2-font-size - emCalc(10); } + h3 { font-size: $h3-font-size - emCalc(5); } + h4 { font-size: $h4-font-size - emCalc(5); } + h5 { font-size: $h5-font-size; } + h6 { font-size: $h6-font-size; } + + .subheader { @extend %subheader; } + + hr { + border: $hr-border-style $hr-border-color; + border-width: $hr-border-width 0 0; + clear: both; + margin: $hr-margin 0 ($hr-margin - emCalc(1)); + height: 0; + } + + /* Helpful Typography Defaults */ + em, + i { + font-style: italic; + line-height: inherit; + } + + strong, + b { + font-weight: bold; + line-height: inherit; + } + + small { + font-size: $small-font-size; + line-height: inherit; + } + + code { + font-family: $code-font-family; + font-weight: $code-font-weight; + color: $code-color; + } + + /* Lists */ + ul, + ol, + dl { + font-size: $paragraph-font-size; + line-height: $paragraph-line-height; + margin-bottom: $paragraph-margin-bottom; + list-style-position: $list-style-position; + font-family: $paragraph-font-family; + } + + ul, ol { + margin-#{$default-float}: $list-side-margin; + } + + /* Unordered Lists */ + ul { + li { + ul, + ol { + margin-#{$default-float}: $list-nested-margin; + margin-bottom: 0; + font-size: 1em; /* Override nested font-size change */ + } + } + &.square, + &.circle, + &.disc { + li ul { list-style: inherit; } + } + + &.square { list-style-type: square; } + &.circle { list-style-type: circle; } + &.disc { list-style-type: disc; } + &.no-bullet { list-style: none; } + } + + /* Ordered Lists */ + ol { + li { + ul, + ol { + margin-#{$default-float}: $list-nested-margin; + margin-bottom: 0; + } + } + } + + /* Definition Lists */ + dl { + dt { + margin-bottom: $definition-list-header-margin-bottom; + font-weight: $definition-list-header-weight; + } + dd { margin-bottom: $definition-list-margin-bottom; } + } + + /* Abbreviations */ + abbr, + acronym { + text-transform: uppercase; + font-size: 90%; + color: $body-font-color; + border-bottom: $acronym-underline; + cursor: $cursor-help-value; + } + abbr { + text-transform: none; + } + + /* Blockquotes */ + blockquote { + margin: 0 0 $paragraph-margin-bottom; + padding: $blockquote-padding; + border-#{$default-float}: $blockquote-border; + + cite { + display: block; + font-size: $blockquote-cite-font-size; + color: $blockquote-cite-font-color; + &:before { + content: "\2014 \0020"; + } + + a, + a:visited { + color: $blockquote-cite-link-color; + } + } + } + blockquote, + blockquote p { + line-height: $paragraph-line-height; + color: $blockquote-font-color; + } + + /* Microformats */ + .vcard { + display: inline-block; + margin: $microformat-margin; + border: $microformat-border-width $microformat-border-style $microformat-border-color; + padding: $microformat-padding; + + li { + margin: 0; + display: block; + } + .fn { + font-weight: $microformat-fullname-font-weight; + font-size: $microformat-fullname-font-size; + } + } + + .vevent { + .summary { font-weight: $microformat-summary-font-weight; } + + abbr { + cursor: $cursor-default-value; + text-decoration: $microformat-abbr-font-decoration; + font-weight: $microformat-abbr-font-weight; + border: none; + padding: $microformat-abbr-padding; + } + } + + + @media #{$small} { + h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; } + h1 { font-size: $h1-font-size; } + h2 { font-size: $h2-font-size; } + h3 { font-size: $h3-font-size; } + h4 { font-size: $h4-font-size; } + } + + // Only include these styles if you want them. + @if $include-print-styles { + /* + * Print styles. + * + * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ + * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) + */ + .print-only { display: none !important; } + @media print { + * { + background: transparent !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { text-decoration: underline;} + a[href]:after { content: " (" attr(href) ")"; } + + abbr[title]:after { content: " (" attr(title) ")"; } + + // Don't show links for images, or javascript/internal links + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { content: ""; } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { display: table-header-group; /* h5bp.com/t */ } + + tr, + img { page-break-inside: avoid; } + + img { max-width: 100% !important; } + + @page { margin: 0.5cm; } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { page-break-after: avoid; } + + .hide-on-print { display: none !important; } + .print-only { display: block !important; } + .hide-for-print { display: none !important; } + .show-for-print { display: inherit !important; } + } + } + +}: +@linei: @options{:@has_childrenT:@children[]o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["%/* + * Typography Variables + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"include-html-type-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[o; +;i ;@; ; ; +[;["5/* We use these to control header font styles */o; ;i ;" !default;@;"header-font-family;o:Sass::Script::List :@separator: +comma;i ;@;[ +o:Sass::Script::String ;i ;@; : string;"Helvetica Neueo; ;i ;@; ;;"Helveticao; ;i ;@; :identifier;"Helveticao; ;i ;@; ;;" +Arialo; ;i ;@; ;;"sans-serif; +[o; ;i ;" !default;@;"header-font-weight;o; ;i ;@; ;;" bold; +[o; ;i;" !default;@;"header-font-style;o; ;i;@; ;;" normal; +[o; ;i;" !default;@;"header-font-color;o:Sass::Script::Color ;i;@: @attrs{ :redi': +alphai: +greeni': bluei';0; +[o; ;i;" !default;@;"header-line-height;o:Sass::Script::Number ;i;@:@denominator_units[:@numerator_units[:@original"1.4;f1.3999999999999999ff; +[o; ;i;" !default;@;"header-top-margin;o;! ;i;@;"[;#["em;$" +0.2em;f0.20000000000000001; +[o; ;i;" !default;@;"header-bottom-margin;o;! ;i;@;"[;#["em;$" +0.5em;f0.5; +[o; ;i;" !default;@;"header-text-rendering;o; ;i;@; ;;"optimizeLegibility; +[o; +;i;@; ; ; +[;["4/* We use these to control header font sizes */o; ;i;" !default;@;"h1-font-size;o:Sass::Script::Funcall :@keywords{;i;@;" emCalc: @splat0: +@args[o;! ;i;@;"@>;#[;$"44;i1; +[o; ;i;" !default;@;"h2-font-size;o;% ;&{;i;@;" emCalc;'0;([o;! ;i;@;"@>;#[;$"37;i*; +[o; ;i;" !default;@;"h3-font-size;o;% ;&{;i;@;" emCalc;'0;([o;! ;i;@;"@>;#[;$"27;i ; +[o; ;i;" !default;@;"h4-font-size;o;% ;&{;i;@;" emCalc;'0;([o;! ;i;@;"@>;#[;$"23;i; +[o; ;i;" !default;@;"h5-font-size;o;% ;&{;i;@;" emCalc;'0;([o;! ;i;@;"@>;#[;$"18;i; +[o; ;i;" !default;@;"h6-font-size;o;! ;i;@;"[;#["em;$"1em;i; +[o; +;i;@; ; ; +[;["3/* These control how subheaders are styled. */o; ;i;" !default;@;"subheader-line-height;o;! ;i;@;"@>;#[;$"1.4;f1.3999999999999999ff; +[o; ;i;" !default;@;"subheader-font-color;o;% ;&{;i;@;" lighten;'0;([o; ;i;@;"header-font-color;"header_font_coloro;! ;i;@;"[;#["%;$"30%;i#; +[o; ;i ;" !default;@;"subheader-font-weight;o;! ;i ;@;"@>;#[;$"300;i,; +[o; ;i!;" !default;@;"subheader-top-margin;o;! ;i!;@;"[;#["em;$" +0.2em;f0.20000000000000001; +[o; ;i";" !default;@;"subheader-bottom-margin;o;! ;i";@;"[;#["em;$" +0.5em;f0.5; +[o; +;i$;@; ; ; +[;["$/* A general styling */o; ;i%;" !default;@;"small-font-size;o;! ;i%;@;"[;#["%;$"60%;iA; +[o; ;i&;" !default;@;"small-font-color;o;% ;&{;i&;@;" lighten;'0;([o; ;i&;@;"header-font-color;"header_font_coloro;! ;i&;@;"[;#["%;$"30%;i#; +[o; +;i(;@; ; ; +[;["+/* We use these to style paragraphs */o; ;i);" !default;@;"paragraph-font-family;o; ;i);@; ;;" inherit; +[o; ;i*;" !default;@;"paragraph-font-weight;o; ;i*;@; ;;" normal; +[o; ;i+;" !default;@;"paragraph-font-size;o;! ;i+;@;"[;#["em;$"1em;i; +[o; ;i,;" !default;@;"paragraph-line-height;o;! ;i,;@;"@>;#[;$"1.6;f1.6000000000000001; +[o; ;i-;" !default;@;"paragraph-margin-bottom;o;% ;&{;i-;@;" emCalc;'0;([o;! ;i-;@;"@>;#[;$"20;i; +[o; ;i.;" !default;@;"paragraph-aside-font-size;o;% ;&{;i.;@;" emCalc;'0;([o;! ;i.;@;"@>;#[;$"14;i; +[o; ;i/;" !default;@;" paragraph-aside-line-height;o;! ;i/;@;"@>;#[;$" 1.35;f1.3500000000000001; +[o; ;i0;" !default;@;"paragraph-aside-font-style;o; ;i0;@; ;;" italic; +[o; ;i1;" !default;@;"paragraph-text-rendering;o; ;i1;@; ;;"optimizeLegibility; +[o; +;i3;@; ; ; +[;[",/* We use these to style tags */o; ;i4;" !default;@;"code-color;o;% ;&{;i4;@;" darken;'0;([o; ;i4;@;"alert-color;"alert_coloro;! ;i4;@;"[;#["%;$"15%;i; +[o; ;i5;" !default;@;"code-font-family;o; ;;;i5;@;[ o; ;i5;@; ;;" Consolaso; ;i5;@; ;;"Liberation Monoo; ;i5;@; ;;" Couriero; ;i5;@; ;;"monospace; +[o; ;i6;" !default;@;"code-font-weight;o; ;i6;@; ;;" bold; +[o; +;i8;@; ; ; +[;["(/* We use these to style anchors */o; ;i9;" !default;@;"anchor-text-decoration;o; ;i9;@; ;;" none; +[o; ;i:;" !default;@;"anchor-font-color;o; ;i:;@;"primary-color;"primary_color; +[o; ;i;;" !default;@;"anchor-font-color-hover;o;% ;&{;i;;@;" darken;'0;([o; ;i;;@;"primary-color;"primary_coloro;! ;i;;@;"[;#["%;$"5%;i +; +[o; +;i=;@; ; ; +[;["1/* We use these to style the
element */o; ;i>;" !default;@;"hr-border-width;o;! ;i>;@;"[;#["px;$"1px;i; +[o; ;i?;" !default;@;"hr-border-style;o; ;i?;@; ;;" +solid; +[o; ;i@;" !default;@;"hr-border-color;o; ;i@;@;{ ;i;i;i; i;0; +[o; ;iA;" !default;@;"hr-margin;o;% ;&{;iA;@;" emCalc;'0;([o;! ;iA;@;"@>;#[;$"20;i; +[o; +;iC;@; ; ; +[;["&/* We use these to style lists */o; ;iD;" !default;@;"list-style-position;o; ;iD;@; ;;" outside; +[o; ;iE;" !default;@;"list-side-margin;o;! ;iE;@;"@>;#[;$"0;i; +[o; ;iF;" !default;@;"list-nested-margin;o;% ;&{;iF;@;" emCalc;'0;([o;! ;iF;@;"@>;#[;$"20;i; +[o; ;iG;" !default;@;""definition-list-header-weight;o; ;iG;@; ;;" bold; +[o; ;iH;" !default;@;")definition-list-header-margin-bottom;o;! ;iH;@;"[;#["em;$" +0.3em;f0.2999999999999999933; +[o; ;iI;" !default;@;""definition-list-margin-bottom;o;% ;&{;iI;@;" emCalc;'0;([o;! ;iI;@;"@>;#[;$"12;i; +[o; +;iK;@; ; ; +[;[",/* We use these to style blockquotes */o; ;iL;" !default;@;"blockquote-font-color;o;% ;&{;iL;@;" lighten;'0;([o; ;iL;@;"header-font-color;"header_font_coloro;! ;iL;@;"[;#["%;$"30%;i#; +[o; ;iM;" !default;@;"blockquote-padding;o;% ;&{;iM;@;" emCalc;'0;([ o;! ;iM;@;"@>;#[;$"9;io;! ;iM;@;"@>;#[;$"20;io;! ;iM;@;"@>;#[;$"0;io;! ;iM;@;"@>;#[;$"19;i; +[o; ;iN;" !default;@;"blockquote-border;o; ;: +space;iN;@;[o;! ;iN;@;"[;#["px;$"1px;io; ;iN;@; ;;" +solido; ;iN;@;{ ;i;i;i; i;0; +[o; ;iO;" !default;@;"blockquote-cite-font-size;o;% ;&{;iO;@;" emCalc;'0;([o;! ;iO;@;"@>;#[;$"13;i; +[o; ;iP;" !default;@;"blockquote-cite-font-color;o;% ;&{;iP;@;" lighten;'0;([o; ;iP;@;"header-font-color;"header_font_coloro;! ;iP;@;"[;#["%;$"20%;i; +[o; ;iQ;" !default;@;"blockquote-cite-link-color;o; ;iQ;@;"blockquote-cite-font-color;"blockquote_cite_font_color; +[o; +;iS;@; ; ; +[;["/* Acronym styles */o; ;iT;" !default;@;"acronym-underline;o; ;;);iT;@;[o;! ;iT;@;"[;#["px;$"1px;io; ;iT;@; ;;" dottedo; ;iT;@;{ ;i;i;i; i;0; +[o; +;iV;@; ; ; +[;["5/* We use these to control padding and margin */o; ;iW;" !default;@;"microformat-padding;o;% ;&{;iW;@;" emCalc;'0;([o;! ;iW;@;"@>;#[;$"10;io;! ;iW;@;"@>;#[;$"12;i; +[o; ;iX;" !default;@;"microformat-margin;o;% ;&{;iX;@;" emCalc;'0;([ o;! ;iX;@;"@>;#[;$"0;io;! ;iX;@;"@>;#[;$"0;io;! ;iX;@;"@>;#[;$"20;io;! ;iX;@;"@>;#[;$"0;i; +[o; +;iZ;@; ; ; +[;["4/* We use these to control the border styles */o; ;i[;" !default;@;"microformat-border-width;o;! ;i[;@;"[;#["px;$"1px;i; +[o; ;i\;" !default;@;"microformat-border-style;o; ;i\;@; ;;" +solid; +[o; ;i];" !default;@;"microformat-border-color;o; ;i];@;{ ;i;i;i; i;0; +[o; +;i_;@; ; ; +[;["8/* We use these to control full name font styles */o; ;i`;" !default;@;"%microformat-fullname-font-weight;o; ;i`;@; ;;" bold; +[o; ;ia;" !default;@;"#microformat-fullname-font-size;o;% ;&{;ia;@;" emCalc;'0;([o;! ;ia;@;"@>;#[;$"15;i; +[o; +;ic;@; ; ; +[;["9/* We use this to control the summary font styles */o; ;id;" !default;@;"$microformat-summary-font-weight;o; ;id;@; ;;" bold; +[o; +;if;@; ; ; +[;["./* We use this to control abbr padding */o; ;ig;" !default;@;"microformat-abbr-padding;o;% ;&{;ig;@;" emCalc;'0;([o;! ;ig;@;"@>;#[;$"0;io;! ;ig;@;"@>;#[;$"1;i; +[o; +;ii;@; ; ; +[;["2/* We use this to control abbr font styles */o; ;ij;" !default;@;"!microformat-abbr-font-weight;o; ;ij;@; ;;" bold; +[o; ;ik;" !default;@;"%microformat-abbr-font-decoration;o; ;ik;@; ;;" none; +[o; +;in;@; ; ; +[;["(/* + * Typography Placeholders + * */o; +;ir;@; ; ; +[;["O/* These will throw a deprecation warning if used within a media query. */o:Sass::Tree::RuleNode : +@rule[" +%lead;is;@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";is: @members[o:Sass::Selector::Sequence;/[o:#Sass::Selector::SimpleSequence +;.@;is;/[o: Sass::Selector::Placeholder;.@;is;[" lead: @sourceso:Set: +@hash{: @subject0; T; +[o:Sass::Tree::PropNode ;it;@;["font-size:@prop_syntax:new; +[: +@tabsi;o:Sass::Script::Operation +;it:@operand1o; ;it;@;"paragraph-font-size;"paragraph_font_size;@:@operator: plus:@operand2o;% ;&{;it;@;" emCalc;'0;([o;! ;it;@;"@>;#[;$"3.5;f3.5o;7 ;iu;@;["line-height;8;9; +[;:i;o;;@; ;;"1.6;:io;* ;+["%subheader;ix;@;,o;-;.";ix;/[o;0;/[o;1 +;.@;ix;/[o;2;.@;ix;["subheader;3o;4;5{;60; T; +[ +o;7 ;iy;@;["line-height;8;9; +[;:i;o; ;iy;@;"subheader-line-height;"subheader_line_heighto;7 ;iz;@;[" +color;8;9; +[;:i;o; ;iz;@;"subheader-font-color;"subheader_font_coloro;7 ;i{;@;["font-weight;8;9; +[;:i;o; ;i{;@;"subheader-font-weight;"subheader_font_weighto;7 ;i|;@;["margin-top;8;9; +[;:i;o; ;i|;@;"subheader-top-margin;"subheader_top_margino;7 ;i};@;["margin-bottom;8;9; +[;:i;o; ;i};@;"subheader-bottom-margin;"subheader_bottom_margin;:iu:Sass::Tree::IfNode\p[o:Sass::Script::Operation +: +@linei{:@operand1o:Sass::Script::Variable ;i{: @options{: +@name"include-html-type-classes:@underscored_name"include_html_type_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i{; @: @valueF0[/o:Sass::Tree::CommentNode +;i}; @: +@type: normal:@children[;["/* Typography resets */o:Sass::Tree::RuleNode : +@rule["~div, + dl, + dt, + dd, + ul, + ol, + li, + h1, + h2, + h3, + h4, + h5, + h6, + pre, + form, + p, + blockquote, + th, + td;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Element ;@:@namespace0;i; +["div: @sourceso:Set: +@hash{: @subject0o;;[" +o; +;@;i;[o; ;@;0;i; +["dl;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["dt;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["dd;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["ul;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["ol;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["li;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h1;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h2;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h3;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h4;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h5;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["h6;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["pre;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +[" form;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["p;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["blockquote;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["th;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["td;o; ;!{;"0:@has_childrenT;[o:Sass::Tree::PropNode ;i; @; +[" margin:@prop_syntax:new;[: +@tabsi;o:Sass::Script::String; @;:identifier;"0o;$ ;i; @; +[" padding;%;&;[;'i;o;(; @;;);"0o;$ ;i; @; +["direction;%;&;[;'i;o; ;i; @; +"text-direction; "text_direction;'io; +;i; @;;;[;["/* Default Link Styles */o; ;["a;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["a;o; ;!{;"0;#T;[ +o;$ ;i; @; +[" +color;%;&;[;'i;o; ;i; @; +"anchor-font-color; "anchor_font_coloro;$ ;i; @; +["text-decoration;%;&;[;'i;o; ;i; @; +"anchor-text-decoration; "anchor_text_decorationo;$ ;i; @; +["line-height;%;&;[;'i;o;(; @;;);" inherito; ;["&:hover, + &:focus;i; @;o;;";i;[o;;[o; +;@;i;[o:Sass::Selector::Parent;@;io:Sass::Selector::Pseudo +;@;i: @arg0; +[" +hover;: +class;o; ;!{;"0o;;[" +o; +;@;i;[o;*;@;io;+ +;@;i;,0; +[" +focus;;-;o; ;!{;"0;#T;[o;$ ;i; @; +[" +color;%;&;[;'i;o; ;i; @; +"anchor-font-color-hover; "anchor_font_color_hover;'io; ;["img;i; @;o;;";i;[o;;[o; +;@2;i;[o; ;@2;0;i; +["img;o; ;!{;"0;#T;[o;$ ;i; @; +[" border;%;&;[;'i;o;(; @;;);" none;'i;'io; +;i; @;;;[;["#/* Default paragraph styles */o; ;["p;i; @;o;;";i;[o;;[o; +;@L;i;[o; ;@L;0;i; +["p;o; ;!{;"0;#T;[ o;$ ;i; @; +["font-family;%;&;[;'i;o; ;i; @; +"paragraph-font-family; "paragraph_font_familyo;$ ;i; @; +["font-weight;%;&;[;'i;o; ;i; @; +"paragraph-font-weight; "paragraph_font_weighto;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"paragraph-font-size; "paragraph_font_sizeo;$ ;i; @; +["line-height;%;&;[;'i;o; ;i; @; +"paragraph-line-height; "paragraph_line_heighto;$ ;i; @; +["margin-bottom;%;&;[;'i;o; ;i; @; +"paragraph-margin-bottom; "paragraph_margin_bottomo;$ ;i; @; +["text-rendering;%;&;[;'i;o; ;i; @; +"paragraph-text-rendering; "paragraph_text_renderingo; ;[" &.lead;i; @;o;;";i;[o;;[o; +;@;i;[o;*;@;io:Sass::Selector::Class;@;i; +[" lead;o; ;!{;"0;#T;[o:Sass::Tree::ExtendNode +;i:@selector["%" lead; @:@optionalF;[;'io; ;[" & aside;i; @;o;;";i;[o;;[o; +;@;i;[o;*;@;i;o; ;!{;"0o; +;@;i;[o; ;@;0;i; +[" +aside;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"paragraph-aside-font-size; "paragraph_aside_font_sizeo;$ ;i; @; +["line-height;%;&;[;'i;o; ;i; @; +" paragraph-aside-line-height; " paragraph_aside_line_heighto;$ ;i; @; +["font-style;%;&;[;'i;o; ;i; @; +"paragraph-aside-font-style; "paragraph_aside_font_style;'i;'io; +;i; @;;;[;[" /* Default header styles */o; ;["h1, h2, h3, h4, h5, h6;i; @;o;;";i;[ o;;[o; +;@;i;[o; ;@;0;i; +["h1;o; ;!{;"0o;;[o; +;@;i;[o; ;@;0;i; +["h2;o; ;!{;"0o;;[o; +;@;i;[o; ;@;0;i; +["h3;o; ;!{;"0o;;[o; +;@;i;[o; ;@;0;i; +["h4;o; ;!{;"0o;;[o; +;@;i;[o; ;@;0;i; +["h5;o; ;!{;"0o;;[o; +;@;i;[o; ;@;0;i; +["h6;o; ;!{;"0;#T;[o;$ ;i; @; +["font-family;%;&;[;'i;o; ;i; @; +"header-font-family; "header_font_familyo;$ ;i; @; +["font-weight;%;&;[;'i;o; ;i; @; +"header-font-weight; "header_font_weighto;$ ;i; @; +["font-style;%;&;[;'i;o; ;i; @; +"header-font-style; "header_font_styleo;$ ;i; @; +[" +color;%;&;[;'i;o; ;i; @; +"header-font-color; "header_font_coloro;$ ;i; @; +["text-rendering;%;&;[;'i;o; ;i; @; +"header-text-rendering; "header_text_renderingo;$ ;i; @; +["margin-top;%;&;[;'i;o; ;i; @; +"header-top-margin; "header_top_margino;$ ;i; @; +["margin-bottom;%;&;[;'i;o; ;i; @; +"header-bottom-margin; "header_bottom_margino;$ ;i; @; +["line-height;%;&;[;'i;o; +;i;o; ;i; @; +"header-line-height; "header_line_height; @; : +minus;o:Sass::Script::Funcall :@keywords{;i; @; +" emCalc: @splat0: +@args[o:Sass::Script::Number ;i; @:@denominator_units[:@numerator_units[:@original"3;io; ;[" +small;i; @;o;;";i;[o;;[o; +;@H;i;[o; ;@H;0;i; +[" +small;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"small-font-size; "small_font_sizeo;$ ;i; @; +[" +color;%;&;[;'i;o; ;i; @; +"small-font-color; "small_font_coloro;$ ;i; @; +["line-height;%;&;[;'i;o;(; @;;);"0;'i;'io; ;["h1;i; @;o;;";i;[o;;[o; +;@l;i;[o; ;@l;0;i; +["h1;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; +;i;o; ;i; @; +"h1-font-size; "h1_font_size; @; ;2;o;3 ;4{;i; @; +" emCalc;50;6[o;7 ;i; @;8@A;9[;:"10;i;'io; ;["h2;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["h2;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; +;i;o; ;i; @; +"h2-font-size; "h2_font_size; @; ;2;o;3 ;4{;i; @; +" emCalc;50;6[o;7 ;i; @;8@A;9[;:"10;i;'io; ;["h3;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["h3;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; +;i;o; ;i; @; +"h3-font-size; "h3_font_size; @; ;2;o;3 ;4{;i; @; +" emCalc;50;6[o;7 ;i; @;8@A;9[;:"5;i +;'io; ;["h4;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["h4;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; +;i;o; ;i; @; +"h4-font-size; "h4_font_size; @; ;2;o;3 ;4{;i; @; +" emCalc;50;6[o;7 ;i; @;8@A;9[;:"5;i +;'io; ;["h5;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["h5;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"h5-font-size; "h5_font_size;'io; ;["h6;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["h6;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"h6-font-size; "h6_font_size;'io; ;[".subheader;i; @;o;;";i;[o;;[o; +;@;i;[o;.;@;i; +["subheader;o; ;!{;"0;#T;[o;/ +;i;0["%"subheader; @;1F;[;'io; ;["hr;i; @;o;;";i;[o;;[o; +;@+;i;[o; ;@+;0;i; +["hr;o; ;!{;"0;#T;[ +o;$ ;i; @; +[" border;%;&;[;'i;o:Sass::Script::List :@separator: +space;i; @;[o; ;i; @; +"hr-border-style; "hr_border_styleo; ;i; @; +"hr-border-color; "hr_border_coloro;$ ;i; @; +["border-width;%;&;[;'i;o;; ;<;=;i; @;[o; ;i; @; +"hr-border-width; "hr_border_widtho;7 ;i; @;8@A;9[;:"0;io;7 ;i; @;8@A;9[;:"0;io;$ ;i; @; +[" +clear;%;&;[;'i;o;(; @;;);" botho;$ ;i; @; +[" margin;%;&;[;'i;o;; ;<;=;i; @;[o; ;i; @; +"hr-margin; "hr_margino;7 ;i; @;8@A;9[;:"0;io; +;i;o; ;i; @; +"hr-margin; "hr_margin; @; ;2;o;3 ;4{;i; @; +" emCalc;50;6[o;7 ;i; @;8@A;9[;:"1;io;$ ;i; @; +[" height;%;&;[;'i;o;(; @;;);"0;'io; +;i; @;;;[;["&/* Helpful Typography Defaults */o; ;[" em, + i;i; @;o;;";i;[o;;[o; +;@};i;[o; ;@};0;i; +["em;o; ;!{;"0o;;[" +o; +;@};i;[o; ;@};0;i; +["i;o; ;!{;"0;#T;[o;$ ;i; @; +["font-style;%;&;[;'i;o;(; @;;);" italico;$ ;i; @; +["line-height;%;&;[;'i;o;(; @;;);" inherit;'io; ;["strong, + b;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" strong;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["b;o; ;!{;"0;#T;[o;$ ;i; @; +["font-weight;%;&;[;'i;o;(; @;;);" boldo;$ ;i; @; +["line-height;%;&;[;'i;o;(; @;;);" inherit;'io; ;[" +small;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" +small;o; ;!{;"0;#T;[o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"small-font-size; "small_font_sizeo;$ ;i; @; +["line-height;%;&;[;'i;o;(; @;;);" inherit;'io; ;[" code;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +[" code;o; ;!{;"0;#T;[o;$ ;i; @; +["font-family;%;&;[;'i;o; ;i; @; +"code-font-family; "code_font_familyo;$ ;i; @; +["font-weight;%;&;[;'i;o; ;i; @; +"code-font-weight; "code_font_weighto;$ ;i; @; +[" +color;%;&;[;'i;o; ;i; @; +"code-color; "code_color;'io; +;i; @;;;[;["/* Lists */o; ;["ul, + ol, + dl;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["ul;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["ol;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["dl;o; ;!{;"0;#T;[ +o;$ ;i; @; +["font-size;%;&;[;'i;o; ;i; @; +"paragraph-font-size; "paragraph_font_sizeo;$ ;i; @; +["line-height;%;&;[;'i;o; ;i; @; +"paragraph-line-height; "paragraph_line_heighto;$ ;i; @; +["margin-bottom;%;&;[;'i;o; ;i; @; +"paragraph-margin-bottom; "paragraph_margin_bottomo;$ ;i; @; +["list-style-position;%;&;[;'i;o; ;i; @; +"list-style-position; "list_style_positiono;$ ;i; @; +["font-family;%;&;[;'i;o; ;i; @; +"paragraph-font-family; "paragraph_font_family;'io; ;[" ul, ol;i; @;o;;";i;[o;;[o; +;@V;i;[o; ;@V;0;i; +["ul;o; ;!{;"0o;;[o; +;@V;i;[o; ;@V;0;i; +["ol;o; ;!{;"0;#T;[o;$ ;i; @; +[" margin-o; ;i; @; +"default-float; "default_float;%;&;[;'i;o; ;i; @; +"list-side-margin; "list_side_margin;'io; +;i; @;;;[;["/* Unordered Lists */o; ;["ul;i; @;o;;";i;[o;;[o; +;@};i;[o; ;@};0;i; +["ul;o; ;!{;"0;#T;[ o; ;["li;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["li;o; ;!{;"0;#T;[o; ;["ul, + ol;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["ul;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["ol;o; ;!{;"0;#T;[ o;$ ;i; @; +[" margin-o; ;i; @; +"default-float; "default_float;%;&;[;'i;o; ;i; @; +"list-nested-margin; "list_nested_margino;$ ;i; @; +["margin-bottom;%;&;[;'i;o;(; @;;);"0o;$ ;i; @; +["font-size;%;&;[;'i;o;(; @;;);"1emo; +;i; @;;;[;["+/* Override nested font-size change */;'i;'io; ;["'&.square, + &.circle, + &.disc;i +; @;o;;";i +;[o;;[o; +;@;i +;[o;*;@;i +o;.;@;i +; +[" square;o; ;!{;"0o;;[" +o; +;@;i +;[o;*;@;i +o;.;@;i +; +[" circle;o; ;!{;"0o;;[" +o; +;@;i +;[o;*;@;i +o;.;@;i +; +[" disc;o; ;!{;"0;#T;[o; ;[" +li ul;i ; @;o;;";i ;[o;;[o; +;@;i ;[o; ;@;0;i ; +["li;o; ;!{;"0o; +;@;i ;[o; ;@;0;i ; +["ul;o; ;!{;"0;#T;[o;$ ;i ; @; +["list-style;%;&;[;'i;o;(; @;;);" inherit;'i;'io; ;[" &.square;i; @;o;;";i;[o;;[o; +;@;i;[o;*;@;io;.;@;i; +[" square;o; ;!{;"0;#T;[o;$ ;i; @; +["list-style-type;%;&;[;'i;o;(; @;;);" square;'io; ;[" &.circle;i; @;o;;";i;[o;;[o; +;@,;i;[o;*;@,;io;.;@,;i; +[" circle;o; ;!{;"0;#T;[o;$ ;i; @; +["list-style-type;%;&;[;'i;o;(; @;;);" circle;'io; ;[" &.disc;i; @;o;;";i;[o;;[o; +;@C;i;[o;*;@C;io;.;@C;i; +[" disc;o; ;!{;"0;#T;[o;$ ;i; @; +["list-style-type;%;&;[;'i;o;(; @;;);" disc;'io; ;["&.no-bullet;i; @;o;;";i;[o;;[o; +;@Z;i;[o;*;@Z;io;.;@Z;i; +["no-bullet;o; ;!{;"0;#T;[o;$ ;i; @; +["list-style;%;&;[;'i;o;(; @;;);" none;'i;'io; +;i; @;;;[;["/* Ordered Lists */o; ;["ol;i; @;o;;";i;[o;;[o; +;@u;i;[o; ;@u;0;i; +["ol;o; ;!{;"0;#T;[o; ;["li;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["li;o; ;!{;"0;#T;[o; ;["ul, + ol;i; @;o;;";i;[o;;[o; +;@;i;[o; ;@;0;i; +["ul;o; ;!{;"0o;;[" +o; +;@;i;[o; ;@;0;i; +["ol;o; ;!{;"0;#T;[o;$ ;i; @; +[" margin-o; ;i; @; +"default-float; "default_float;%;&;[;'i;o; ;i; @; +"list-nested-margin; "list_nested_margino;$ ;i; @; +["margin-bottom;%;&;[;'i;o;(; @;;);"0;'i;'i;'io; +;i; @;;;[;["/* Definition Lists */o; ;["dl;i ; @;o;;";i ;[o;;[o; +;@;i ;[o; ;@;0;i ; +["dl;o; ;!{;"0;#T;[o; ;["dt;i!; @;o;;";i!;[o;;[o; +;@;i!;[o; ;@;0;i!; +["dt;o; ;!{;"0;#T;[o;$ ;i"; @; +["margin-bottom;%;&;[;'i;o; ;i"; @; +")definition-list-header-margin-bottom; ")definition_list_header_margin_bottomo;$ ;i#; @; +["font-weight;%;&;[;'i;o; ;i#; @; +""definition-list-header-weight; ""definition_list_header_weight;'io; ;["dd;i%; @;o;;";i%;[o;;[o; +;@;i%;[o; ;@;0;i%; +["dd;o; ;!{;"0;#T;[o;$ ;i%; @; +["margin-bottom;%;&;[;'i;o; ;i%; @; +""definition-list-margin-bottom; ""definition_list_margin_bottom;'i;'io; +;i(; @;;;[;["/* Abbreviations */o; ;["abbr, + acronym;i*; @;o;;";i*;[o;;[o; +;@ ;i*;[o; ;@ ;0;i*; +[" abbr;o; ;!{;"0o;;[" +o; +;@ ;i*;[o; ;@ ;0;i*; +[" acronym;o; ;!{;"0;#T;[ +o;$ ;i+; @; +["text-transform;%;&;[;'i;o;(; @;;);"uppercaseo;$ ;i,; @; +["font-size;%;&;[;'i;o;(; @;;);"90%o;$ ;i-; @; +[" +color;%;&;[;'i;o; ;i-; @; +"body-font-color; "body_font_coloro;$ ;i.; @; +["border-bottom;%;&;[;'i;o; ;i.; @; +"acronym-underline; "acronym_underlineo;$ ;i/; @; +[" cursor;%;&;[;'i;o; ;i/; @; +"cursor-help-value; "cursor_help_value;'io; ;[" abbr;i1; @;o;;";i1;[o;;[o; +;@G;i1;[o; ;@G;0;i1; +[" abbr;o; ;!{;"0;#T;[o;$ ;i2; @; +["text-transform;%;&;[;'i;o;(; @;;);" none;'io; +;i5; @;;;[;["/* Blockquotes */o; ;["blockquote;i6; @;o;;";i6;[o;;[o; +;@a;i6;[o; ;@a;0;i6; +["blockquote;o; ;!{;"0;#T;[ o;$ ;i7; @; +[" margin;%;&;[;'i;o;; ;<;=;i7; @;[o;7 ;i7; @;8@A;9[;:"0;io;7 ;i7; @;8@A;9[;:"0;io; ;i7; @; +"paragraph-margin-bottom; "paragraph_margin_bottomo;$ ;i8; @; +[" padding;%;&;[;'i;o; ;i8; @; +"blockquote-padding; "blockquote_paddingo;$ ;i9; @; +[" border-o; ;i9; @; +"default-float; "default_float;%;&;[;'i;o; ;i9; @; +"blockquote-border; "blockquote_bordero; ;[" cite;i;; @;o;;";i;;[o;;[o; +;@;i;;[o; ;@;0;i;; +[" cite;o; ;!{;"0;#T;[ +o;$ ;i<; @; +[" display;%;&;[;'i;o;(; @;;);" +blocko;$ ;i=; @; +["font-size;%;&;[;'i;o; ;i=; @; +"blockquote-cite-font-size; "blockquote_cite_font_sizeo;$ ;i>; @; +[" +color;%;&;[;'i;o; ;i>; @; +"blockquote-cite-font-color; "blockquote_cite_font_coloro; ;[" &:before;i?; @;o;;";i?;[o;;[o; +;@;i?;[o;*;@;i?o;+ +;@;i?;,0; +[" before;;-;o; ;!{;"0;#T;[o;$ ;i@; @; +[" content;%;&;[;'i;o;(; @;;);""\2014 \0020";'io; ;["a, + a:visited;iD; @;o;;";iD;[o;;[o; +;@;iD;[o; ;@;0;iD; +["a;o; ;!{;"0o;;[" +o; +;@;iD;[o; ;@;0;iD; +["ao;+ +;@;iD;,0; +[" visited;;-;o; ;!{;"0;#T;[o;$ ;iE; @; +[" +color;%;&;[;'i;o; ;iE; @; +"blockquote-cite-link-color; "blockquote_cite_link_color;'i;'i;'io; ;["blockquote, + blockquote p;iJ; @;o;;";iJ;[o;;[o; +;@;iJ;[o; ;@;0;iJ; +["blockquote;o; ;!{;"0o;;[" +o; +;@;iJ;[o; ;@;0;iJ; +["blockquote;o; ;!{;"0o; +;@;iJ;[o; ;@;0;iJ; +["p;o; ;!{;"0;#T;[o;$ ;iK; @; +["line-height;%;&;[;'i;o; ;iK; @; +"paragraph-line-height; "paragraph_line_heighto;$ ;iL; @; +[" +color;%;&;[;'i;o; ;iL; @; +"blockquote-font-color; "blockquote_font_color;'io; +;iO; @;;;[;["/* Microformats */o; ;[" .vcard;iP; @;o;;";iP;[o;;[o; +;@#;iP;[o;.;@#;iP; +[" +vcard;o; ;!{;"0;#T;[ o;$ ;iQ; @; +[" display;%;&;[;'i;o;(; @;;);"inline-blocko;$ ;iR; @; +[" margin;%;&;[;'i;o; ;iR; @; +"microformat-margin; "microformat_margino;$ ;iS; @; +[" border;%;&;[;'i;o;; ;<;=;iS; @;[o; ;iS; @; +"microformat-border-width; "microformat_border_widtho; ;iS; @; +"microformat-border-style; "microformat_border_styleo; ;iS; @; +"microformat-border-color; "microformat_border_coloro;$ ;iT; @; +[" padding;%;&;[;'i;o; ;iT; @; +"microformat-padding; "microformat_paddingo; ;["li;iV; @;o;;";iV;[o;;[o; +;@V;iV;[o; ;@V;0;iV; +["li;o; ;!{;"0;#T;[o;$ ;iW; @; +[" margin;%;&;[;'i;o;(; @;;);"0o;$ ;iX; @; +[" display;%;&;[;'i;o;(; @;;);" +block;'io; ;[".fn;iZ; @;o;;";iZ;[o;;[o; +;@r;iZ;[o;.;@r;iZ; +["fn;o; ;!{;"0;#T;[o;$ ;i[; @; +["font-weight;%;&;[;'i;o; ;i[; @; +"%microformat-fullname-font-weight; "%microformat_fullname_font_weighto;$ ;i\; @; +["font-size;%;&;[;'i;o; ;i\; @; +"#microformat-fullname-font-size; "#microformat_fullname_font_size;'i;'io; ;[" .vevent;i`; @;o;;";i`;[o;;[o; +;@;i`;[o;.;@;i`; +[" vevent;o; ;!{;"0;#T;[o; ;[" .summary;ia; @;o;;";ia;[o;;[o; +;@;ia;[o;.;@;ia; +[" summary;o; ;!{;"0;#T;[o;$ ;ia; @; +["font-weight;%;&;[;'i;o; ;ia; @; +"$microformat-summary-font-weight; "$microformat_summary_font_weight;'io; ;[" abbr;ic; @;o;;";ic;[o;;[o; +;@;ic;[o; ;@;0;ic; +[" abbr;o; ;!{;"0;#T;[ +o;$ ;id; @; +[" cursor;%;&;[;'i;o; ;id; @; +"cursor-default-value; "cursor_default_valueo;$ ;ie; @; +["text-decoration;%;&;[;'i;o; ;ie; @; +"%microformat-abbr-font-decoration; "%microformat_abbr_font_decorationo;$ ;if; @; +["font-weight;%;&;[;'i;o; ;if; @; +"!microformat-abbr-font-weight; "!microformat_abbr_font_weighto;$ ;ig; @; +[" border;%;&;[;'i;o;(; @;;);" noneo;$ ;ih; @; +[" padding;%;&;[;'i;o; ;ih; @; +"microformat-abbr-padding; "microformat_abbr_padding;'i;'io:Sass::Tree::MediaNode ;im; @;#T;[ +o; ;["h1,h2,h3,h4,h5,h6;in; @;o;;";in;[ o;;[o; +;@;in;[o; ;@;0;in; +["h1;o; ;!{;"0o;;[o; +;@;in;[o; ;@;0;in; +["h2;o; ;!{;"0o;;[o; +;@;in;[o; ;@;0;in; +["h3;o; ;!{;"0o;;[o; +;@;in;[o; ;@;0;in; +["h4;o; ;!{;"0o;;[o; +;@;in;[o; ;@;0;in; +["h5;o; ;!{;"0o;;[o; +;@;in;[o; ;@;0;in; +["h6;o; ;!{;"0;#T;[o;$ ;in; @; +["line-height;%;&;[;'i;o; ;in; @; +"header-line-height; "header_line_height;'io; ;["h1;io; @;o;;";io;[o;;[o; +;@/;io;[o; ;@/;0;io; +["h1;o; ;!{;"0;#T;[o;$ ;io; @; +["font-size;%;&;[;'i;o; ;io; @; +"h1-font-size; "h1_font_size;'io; ;["h2;ip; @;o;;";ip;[o;;[o; +;@F;ip;[o; ;@F;0;ip; +["h2;o; ;!{;"0;#T;[o;$ ;ip; @; +["font-size;%;&;[;'i;o; ;ip; @; +"h2-font-size; "h2_font_size;'io; ;["h3;iq; @;o;;";iq;[o;;[o; +;@];iq;[o; ;@];0;iq; +["h3;o; ;!{;"0;#T;[o;$ ;iq; @; +["font-size;%;&;[;'i;o; ;iq; @; +"h3-font-size; "h3_font_size;'io; ;["h4;ir; @;o;;";ir;[o;;[o; +;@t;ir;[o; ;@t;0;ir; +["h4;o; ;!{;"0;#T;[o;$ ;ir; @; +["font-size;%;&;[;'i;o; ;ir; @; +"h4-font-size; "h4_font_size;'i;";'i: @query[o; ;im; @; +" +small; " +smallo; +;iu; @;: silent;[;["6/* Only include these styles if you want them. */u:Sass::Tree::IfNode[o:Sass::Script::Variable : +@lineiv: @options{: +@name"include-print-styles:@underscored_name"include_print_styles0[o:Sass::Tree::CommentNode +;iw;@: +@type: normal:@children[: @value["/* + * Print styles. + * + * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ + * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) +*/o:Sass::Tree::RuleNode : +@rule[".print-only;i};@:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i}: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i};[o:Sass::Selector::Class;@;i};["print-only: @sourceso:Set: +@hash{: @subject0:@has_childrenT; [o:Sass::Tree::PropNode ;i};@;[" display:@prop_syntax:new; [: +@tabsi;o:Sass::Script::String;@; :identifier;"none !important; io:Sass::Tree::MediaNode ;i~;@;T; [o; ;["*;i;@;o;;";i;[o;;[o; +;@+;i;[o:Sass::Selector::Universal;@+:@namespace0;i;o;;{;0;T; [ +o; ;i;@;["background;;; [; i;o;!;@; ;";"transparent !importanto; ;i;@;[" +color;;; [; i;o;!;@; ;";"#000 !importanto; + +;i;@; ; ; [;["*/* Black prints faster: h5bp.com/s */o; ;i;@;["box-shadow;;; [; i;o;!;@; ;";"none !importanto; ;i;@;["text-shadow;;; [; i;o;!;@; ;";"none !important; io; ;["a, + a:visited;i;@;o;;";i;[o;;[o; +;@U;i;[o:Sass::Selector::Element ;@U;%0;i;["a;o;;{;0o;;[" +o; +;@U;i;[o;& ;@U;%0;i;["ao:Sass::Selector::Pseudo +;@U;i: @arg0;[" visited; : +class;o;;{;0;T; [o; ;i;@;["text-decoration;;; [; i;o;!;@; ;";"underline; io; ;["a[href]:after;i;@;o;;";i;[o;;[o; +;@x;i;[o;& ;@x;%0;i;["ao:Sass::Selector::Attribute ;@x;%0: @flags0;i;[" href:@operator0;0o;' +;@x;i;(0;[" +after; ;);o;;{;0;T; [o; ;i;@;[" content;;; [; i;o:Sass::Script::List :@separator: +space;i;@;[o;! ;i;@; : string;" (o:Sass::Script::Funcall :@keywords{;i;@;" attr: @splat0: +@args[o;! ;i;@; ;";" hrefo;! ;i;@; ;0;"); io; ;["abbr[title]:after;i;@;o;;";i;[o;;[o; +;@;i;[o;& ;@;%0;i;[" abbro;* ;@;%0;+0;i;[" +title;,0;0o;' +;@;i;(0;[" +after; ;);o;;{;0;T; [o; ;i;@;[" content;;; [; i;o;- ;.;/;i;@;[o;! ;i;@; ;0;" (o;1 ;2{;i;@;" attr;30;4[o;! ;i;@; ;";" +titleo;! ;i;@; ;0;"); io; + +;i;@; : silent; [;["D/* Don't show links for images, or javascript/internal links */o; ;["N.ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after;i;@;o;;";i;[o;;[o; +;@;i;[o;;@;i;["ir;o;;{;0o; +;@;i;[o;& ;@;%0;i;["ao;' +;@;i;(0;[" +after; ;);o;;{;0o;;[" +o; +;@;i;[o;& ;@;%0;i;["ao;* ;@;%0;+0;i;[" href;,"^=;[""javascript:"o;' +;@;i;(0;[" +after; ;);o;;{;0o;;[" +o; +;@;i;[o;& ;@;%0;i;["ao;* ;@;%0;+0;i;[" href;,"^=;[""#"o;' +;@;i;(0;[" +after; ;);o;;{;0;T; [o; ;i;@;[" content;;; [; i;o;!;@; ;";"""; io; ;["pre, + blockquote;i;@;o;;";i;[o;;[o; +;@ ;i;[o;& ;@ ;%0;i;["pre;o;;{;0o;;[" +o; +;@ ;i;[o;& ;@ ;%0;i;["blockquote;o;;{;0;T; [o; ;i;@;[" border;;; [; i;o;!;@; ;";"1px solid #999o; ;i;@;["page-break-inside;;; [; i;o;!;@; ;";" +avoid; io; ;[" +thead;i;@;o;;";i;[o;;[o; +;@/;i;[o;& ;@/;%0;i;[" +thead;o;;{;0;T; [o; ;i;@;[" display;;; [; i;o;!;@; ;";"table-header-groupo; + +;i;@; ; ; [;["/* h5bp.com/t */; io; ;["tr, + img;i;@;o;;";i;[o;;[o; +;@I;i;[o;& ;@I;%0;i;["tr;o;;{;0o;;[" +o; +;@I;i;[o;& ;@I;%0;i;["img;o;;{;0;T; [o; ;i;@;["page-break-inside;;; [; i;o;!;@; ;";" +avoid; io; ;["img;i;@;o;;";i;[o;;[o; +;@i;i;[o;& ;@i;%0;i;["img;o;;{;0;T; [o; ;i;@;["max-width;;; [; i;o;!;@; ;";"100% !important; io:Sass::Tree::DirectiveNode +;i;@;T; [o; ;i;@;[" margin;;; [; i;o;!;@; ;";" +0.5cm;[" +@pageo; ;["p, + h2, + h3;i;@;o;;";i;[o;;[o; +;@;i;[o;& ;@;%0;i;["p;o;;{;0o;;[" +o; +;@;i;[o;& ;@;%0;i;["h2;o;;{;0o;;[" +o; +;@;i;[o;& ;@;%0;i;["h3;o;;{;0;T; [o; ;i;@;[" orphans;;; [; i;o;!;@; ;";"3o; ;i;@;[" widows;;; [; i;o;!;@; ;";"3; io; ;["h2, + h3;i;@;o;;";i;[o;;[o; +;@;i;[o;& ;@;%0;i;["h2;o;;{;0o;;[" +o; +;@;i;[o;& ;@;%0;i;["h3;o;;{;0;T; [o; ;i;@;["page-break-after;;; [; i;o;!;@; ;";" +avoid; io; ;[".hide-on-print;i;@;o;;";i;[o;;[o; +;@;i;[o;;@;i;["hide-on-print;o;;{;0;T; [o; ;i;@;[" display;;; [; i;o;!;@; ;";"none !important; io; ;[".print-only;i;@;o;;";i;[o;;[o; +;@;i;[o;;@;i;["print-only;o;;{;0;T; [o; ;i;@;[" display;;; [; i;o;!;@; ;";"block !important; io; ;[".hide-for-print;i;@;o;;";i;[o;;[o; +;@;i;[o;;@;i;["hide-for-print;o;;{;0;T; [o; ;i;@;[" display;;; [; i;o;!;@; ;";"none !important; io; ;[".show-for-print;i;@;o;;";i;[o;;[o; +;@;i;[o;;@;i;["show-for-print;o;;{;0;T; [o; ;i;@;[" display;;; [; i;o;!;@; ;";"inherit !important; i;"; i: @query[" +print \ No newline at end of file diff --git a/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_visibility.scssc b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_visibility.scssc new file mode 100644 index 000000000..495f857ae --- /dev/null +++ b/public/_old-files/v2/.sass-cache/db0d284a6a221468f3be4dc04d18f18bc797140c/_visibility.scssc @@ -0,0 +1,1266 @@ +3.2.10 (Media Mark) +6e7cbc2335ca42ee60c54096070c964f0c91573f +o:Sass::Tree::RootNode +:@template":!// +// Foundation Visibility Classes +// +$include-html-visibility-classes: $include-html-classes !default; + +@if $include-html-visibility-classes != false { + + /* Foundation Visibility HTML Classes */ + .show-for-small, + .show-for-medium-down, + .show-for-large-down { display: inherit !important; } + + .show-for-medium, + .show-for-medium-up, + .show-for-large, + .show-for-large-up, + .show-for-xlarge { display: none !important; } + + .hide-for-medium, + .hide-for-medium-up, + .hide-for-large, + .hide-for-large-up, + .hide-for-xlarge { display: inherit !important; } + + .hide-for-small, + .hide-for-medium-down, + .hide-for-large-down { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge { display: table; } + } + thead { + &.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge { display: table-header-group !important; } + } + tbody { + &.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge { display: table-row-group !important; } + } + tr { + &.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge { display: table-row !important; } + } + td, + th { + &.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge { display: table-cell !important; } + } + + /* Medium Displays: 768px - 1279px */ + @media #{$small} { + .show-for-medium, + .show-for-medium-up { display: inherit !important; } + + .show-for-small { display: none !important; } + + .hide-for-small { display: inherit !important; } + + .hide-for-medium, + .hide-for-medium-up { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-medium, + &.show-for-medium-up, + &.hide-for-small { display: table; } + } + thead { + &.show-for-medium, + &.show-for-medium-up, + &.hide-for-small { display: table-header-group !important; } + } + tbody { + &.show-for-medium, + &.show-for-medium-up, + &.hide-for-small { display: table-row-group !important; } + } + tr { + &.show-for-medium, + &.show-for-medium-up, + &.hide-for-small { display: table-row !important; } + } + td, + th { + &.show-for-medium, + &.show-for-medium-up, + &.hide-for-small { display: table-cell !important; } + } + } + + /* Large Displays: 1280px - 1440px */ + @media #{$medium} { + .show-for-large, + .show-for-large-up { display: inherit !important; } + + .show-for-medium, + .show-for-medium-down { display: none !important; } + + .hide-for-medium, + .hide-for-medium-down { display: inherit !important; } + + .hide-for-large, + .hide-for-large-up { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down { display: table; } + } + thead { + &.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down { display: table-header-group !important; } + } + tbody { + &.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down { display: table-row-group !important; } + } + tr { + &.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down { display: table-row !important; } + } + td, + th { + &.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down { display: table-cell !important; } + } + } + + /* X-Large Displays: 1400px and up */ + @media #{$large} { + .show-for-xlarge { display: inherit !important; } + + .show-for-large, + .show-for-large-down { display: none !important; } + + .hide-for-large, + .hide-for-large-down { display: inherit !important; } + + .hide-for-xlarge { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down { display: table; } + } + thead { + &.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down { display: table-header-group !important; } + } + tbody { + &.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down { display: table-row-group !important; } + } + tr { + &.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down { display: table-row !important; } + } + td, + th { + &.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down { display: table-cell !important; } + } + } + + + /* Orientation targeting */ + .show-for-landscape, + .hide-for-portrait { display: inherit !important; } + .hide-for-landscape, + .show-for-portrait { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.hide-for-landscape, + &.show-for-portrait { display: table; } + } + thead { + &.hide-for-landscape, + &.show-for-portrait { display: table-header-group !important; } + } + tbody { + &.hide-for-landscape, + &.show-for-portrait { display: table-row-group !important; } + } + tr { + &.hide-for-landscape, + &.show-for-portrait { display: table-row !important; } + } + td, + th { + &.hide-for-landscape, + &.show-for-portrait { display: table-cell !important; } + } + + @media #{$landscape} { + .show-for-landscape, + .hide-for-portrait { display: inherit !important; } + .hide-for-landscape, + .show-for-portrait { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-landscape, + &.hide-for-portrait { display: table; } + } + thead { + &.show-for-landscape, + &.hide-for-portrait { display: table-header-group !important; } + } + tbody { + &.show-for-landscape, + &.hide-for-portrait { display: table-row-group !important; } + } + tr { + &.show-for-landscape, + &.hide-for-portrait { display: table-row !important; } + } + td, + th { + &.show-for-landscape, + &.hide-for-portrait { display: table-cell !important; } + } + } + + @media #{$portrait} { + .show-for-portrait, + .hide-for-landscape { display: inherit !important; } + .hide-for-portrait, + .show-for-landscape { display: none !important; } + + /* Specific visilbity for tables */ + table { + &.show-for-portrait, + &.hide-for-landscape { display: table; } + } + thead { + &.show-for-portrait, + &.hide-for-landscape { display: table-header-group !important; } + } + tbody { + &.show-for-portrait, + &.hide-for-landscape { display: table-row-group !important; } + } + tr { + &.show-for-portrait, + &.hide-for-landscape { display: table-row !important; } + } + td, + th { + &.show-for-portrait, + &.hide-for-landscape { display: table-cell !important; } + } + } + + /* Touch-enabled device targeting */ + .show-for-touch { display: none !important; } + .hide-for-touch { display: inherit !important; } + .touch .show-for-touch { display: inherit !important; } + .touch .hide-for-touch { display: none !important; } + + /* Specific visilbity for tables */ + table.hide-for-touch { display: table; } + .touch table.show-for-touch { display: table; } + thead.hide-for-touch { display: table-header-group !important; } + .touch thead.show-for-touch { display: table-header-group !important; } + tbody.hide-for-touch { display: table-row-group !important; } + .touch tbody.show-for-touch { display: table-row-group !important; } + tr.hide-for-touch { display: table-row !important; } + .touch tr.show-for-touch { display: table-row !important; } + td.hide-for-touch { display: table-cell !important; } + .touch td.show-for-touch { display: table-cell !important; } + th.hide-for-touch { display: table-cell !important; } + .touch th.show-for-touch { display: table-cell !important; } + +}: +@linei: @options{:@has_childrenT:@children[o:Sass::Tree::CommentNode +;i;@: +@type: silent; +[: @value["./* + * Foundation Visibility Classes + * */o:Sass::Tree::VariableNode ;i : @guarded" !default;@: +@name"$include-html-visibility-classes: +@expro:Sass::Script::Variable ;i ;@;"include-html-classes:@underscored_name"include_html_classes; +[u:Sass::Tree::IfNode[o:Sass::Script::Operation +: +@linei :@operand1o:Sass::Script::Variable ;i : @options{: +@name"$include-html-visibility-classes:@underscored_name"$include_html_visibility_classes; @:@operator:neq:@operand2o:Sass::Script::Bool;i ; @: @valueF0[3o:Sass::Tree::CommentNode +;i ; @: +@type: normal:@children[;["-/* Foundation Visibility HTML Classes */o:Sass::Tree::RuleNode : +@rule["E.show-for-small, + .show-for-medium-down, + .show-for-large-down;i; @:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence +;@;i;[o:Sass::Selector::Class;@;i; +["show-for-small: @sourceso:Set: +@hash{: @subject0o;;[" +o; +;@;i;[o;;@;i; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@;i;[o;;@;i; +["show-for-large-down;o;; {;!0:@has_childrenT;[o:Sass::Tree::PropNode ;i; @; +[" display:@prop_syntax:new;[: +@tabsi;o:Sass::Script::String; @;:identifier;"inherit !important;&io; ;["i.show-for-medium, + .show-for-medium-up, + .show-for-large, + .show-for-large-up, + .show-for-xlarge;i; @;o;;";i;[ +o;;[o; +;@?;i;[o;;@?;i; +["show-for-medium;o;; {;!0o;;[" +o; +;@?;i;[o;;@?;i; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@?;i;[o;;@?;i; +["show-for-large;o;; {;!0o;;[" +o; +;@?;i;[o;;@?;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@?;i;[o;;@?;i; +["show-for-xlarge;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; ;["i.hide-for-medium, + .hide-for-medium-up, + .hide-for-large, + .hide-for-large-up, + .hide-for-xlarge;i; @;o;;";i;[ +o;;[o; +;@};i;[o;;@};i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@};i;[o;;@};i; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@};i;[o;;@};i; +["hide-for-large;o;; {;!0o;;[" +o; +;@};i;[o;;@};i; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@};i;[o;;@};i; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["E.hide-for-small, + .hide-for-medium-down, + .hide-for-large-down;i ; @;o;;";i ;[o;;[o; +;@;i ;[o;;@;i ; +["hide-for-small;o;; {;!0o;;[" +o; +;@;i ;[o;;@;i ; +["hide-for-medium-down;o;; {;!0o;;[" +o; +;@;i ;[o;;@;i ; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i ; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i"; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i#; @;o;;";i#;[o;;[o; +;@;i#;[o:Sass::Selector::Element ;@:@namespace0;i#; +[" +table;o;; {;!0;"T;[o; ;["&.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge;i+; @;o;;";i+;[ o;;[o; +;@;i+;[o:Sass::Selector::Parent;@;i+o;;@;i+; +["show-for-small;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["show-for-large-down;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["hide-for-large;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@;i+;[o;+;@;i+o;;@;i+; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;i+; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i-; @;o;;";i-;[o;;[o; +;@X;i-;[o;) ;@X;*0;i-; +[" +thead;o;; {;!0;"T;[o; ;["&.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge;i5; @;o;;";i5;[ o;;[o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["show-for-small;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["show-for-large-down;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["hide-for-medium;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["hide-for-large;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@h;i5;[o;+;@h;i5o;;@h;i5; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;i5; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i7; @;o;;";i7;[o;;[o; +;@;i7;[o;) ;@;*0;i7; +[" +tbody;o;; {;!0;"T;[o; ;["&.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge;i?; @;o;;";i?;[ o;;[o; +;@;i?;[o;+;@;i?o;;@;i?; +["show-for-small;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["show-for-large-down;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["hide-for-large;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@;i?;[o;+;@;i?o;;@;i?; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;i?; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;iA; @;o;;";iA;[o;;[o; +;@@;iA;[o;) ;@@;*0;iA; +["tr;o;; {;!0;"T;[o; ;["&.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge;iI; @;o;;";iI;[ o;;[o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["show-for-small;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["show-for-large-down;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["hide-for-medium;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["hide-for-large;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@P;iI;[o;+;@P;iIo;;@P;iI; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;iI; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;[" td, + th;iL; @;o;;";iL;[o;;[o; +;@;iL;[o;) ;@;*0;iL; +["td;o;; {;!0o;;[" +o; +;@;iL;[o;) ;@;*0;iL; +["th;o;; {;!0;"T;[o; ;["&.show-for-small, + &.show-for-medium-down, + &.show-for-large-down, + &.hide-for-medium, + &.hide-for-medium-up, + &.hide-for-large, + &.hide-for-large-up, + &.hide-for-xlarge;iT; @;o;;";iT;[ o;;[o; +;@;iT;[o;+;@;iTo;;@;iT; +["show-for-small;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["show-for-medium-down;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["show-for-large-down;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["hide-for-medium-up;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["hide-for-large;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["hide-for-large-up;o;; {;!0o;;[" +o; +;@;iT;[o;+;@;iTo;;@;iT; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;iT; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&io; +;iW; @;;;[;["*/* Medium Displays: 768px - 1279px */o:Sass::Tree::MediaNode ;iX; @;"T;[o; ;["..show-for-medium, + .show-for-medium-up;iZ; @;o;;";iZ;[o;;[o; +;@8;iZ;[o;;@8;iZ; +["show-for-medium;o;; {;!0o;;[" +o; +;@8;iZ;[o;;@8;iZ; +["show-for-medium-up;o;; {;!0;"T;[o;# ;iZ; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;[".show-for-small;i\; @;o;;";i\;[o;;[o; +;@X;i\;[o;;@X;i\; +["show-for-small;o;; {;!0;"T;[o;# ;i\; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; ;[".hide-for-small;i^; @;o;;";i^;[o;;[o; +;@n;i^;[o;;@n;i^; +["hide-for-small;o;; {;!0;"T;[o;# ;i^; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["..hide-for-medium, + .hide-for-medium-up;ia; @;o;;";ia;[o;;[o; +;@;ia;[o;;@;ia; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;ia;[o;;@;ia; +["hide-for-medium-up;o;; {;!0;"T;[o;# ;ia; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;ic; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;id; @;o;;";id;[o;;[o; +;@;id;[o;) ;@;*0;id; +[" +table;o;; {;!0;"T;[o; ;["J&.show-for-medium, + &.show-for-medium-up, + &.hide-for-small;ig; @;o;;";ig;[o;;[o; +;@;ig;[o;+;@;igo;;@;ig; +["show-for-medium;o;; {;!0o;;[" +o; +;@;ig;[o;+;@;igo;;@;ig; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@;ig;[o;+;@;igo;;@;ig; +["hide-for-small;o;; {;!0;"T;[o;# ;ig; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;ii; @;o;;";ii;[o;;[o; +;@;ii;[o;) ;@;*0;ii; +[" +thead;o;; {;!0;"T;[o; ;["J&.show-for-medium, + &.show-for-medium-up, + &.hide-for-small;il; @;o;;";il;[o;;[o; +;@;il;[o;+;@;ilo;;@;il; +["show-for-medium;o;; {;!0o;;[" +o; +;@;il;[o;+;@;ilo;;@;il; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@;il;[o;+;@;ilo;;@;il; +["hide-for-small;o;; {;!0;"T;[o;# ;il; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;in; @;o;;";in;[o;;[o; +;@";in;[o;) ;@";*0;in; +[" +tbody;o;; {;!0;"T;[o; ;["J&.show-for-medium, + &.show-for-medium-up, + &.hide-for-small;iq; @;o;;";iq;[o;;[o; +;@2;iq;[o;+;@2;iqo;;@2;iq; +["show-for-medium;o;; {;!0o;;[" +o; +;@2;iq;[o;+;@2;iqo;;@2;iq; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@2;iq;[o;+;@2;iqo;;@2;iq; +["hide-for-small;o;; {;!0;"T;[o;# ;iq; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;is; @;o;;";is;[o;;[o; +;@_;is;[o;) ;@_;*0;is; +["tr;o;; {;!0;"T;[o; ;["J&.show-for-medium, + &.show-for-medium-up, + &.hide-for-small;iv; @;o;;";iv;[o;;[o; +;@o;iv;[o;+;@o;ivo;;@o;iv; +["show-for-medium;o;; {;!0o;;[" +o; +;@o;iv;[o;+;@o;ivo;;@o;iv; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@o;iv;[o;+;@o;ivo;;@o;iv; +["hide-for-small;o;; {;!0;"T;[o;# ;iv; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;["td, + th;iy; @;o;;";iy;[o;;[o; +;@;iy;[o;) ;@;*0;iy; +["td;o;; {;!0o;;[" +o; +;@;iy;[o;) ;@;*0;iy; +["th;o;; {;!0;"T;[o; ;["J&.show-for-medium, + &.show-for-medium-up, + &.hide-for-small;i|; @;o;;";i|;[o;;[o; +;@;i|;[o;+;@;i|o;;@;i|; +["show-for-medium;o;; {;!0o;;[" +o; +;@;i|;[o;+;@;i|o;;@;i|; +["show-for-medium-up;o;; {;!0o;;[" +o; +;@;i|;[o;+;@;i|o;;@;i|; +["hide-for-small;o;; {;!0;"T;[o;# ;i|; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&i;";&i: @query[o; ;iX; @; +" +small; " +smallo; +;i{; @;;;[;["*/* Large Displays: 1280px - 1440px */o;, ;i|; @;"T;[o; ;[",.show-for-large, + .show-for-large-up;i~; @;o;;";i~;[o;;[o; +;@;i~;[o;;@;i~; +["show-for-large;o;; {;!0o;;[" +o; +;@;i~;[o;;@;i~; +["show-for-large-up;o;; {;!0;"T;[o;# ;i~; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["0.show-for-medium, + .show-for-medium-down;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["show-for-medium;o;; {;!0o;;[" +o; +;@;i;[o;;@;i; +["show-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; ;["0.hide-for-medium, + .hide-for-medium-down;i; @;o;;";i;[o;;[o; +;@.;i;[o;;@.;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@.;i;[o;;@.;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;[",.hide-for-large, + .hide-for-large-up;i; @;o;;";i;[o;;[o; +;@N;i;[o;;@N;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@N;i;[o;;@N;i; +["hide-for-large-up;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i; @;o;;";i;[o;;[o; +;@r;i;[o;) ;@r;*0;i; +[" +table;o;; {;!0;"T;[o; ;["g&.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down;i; @;o;;";i;[ o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +[" +thead;o;; {;!0;"T;[o; ;["g&.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down;i; @;o;;";i;[ o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +[" +tbody;o;; {;!0;"T;[o; ;["g&.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down;i; @;o;;";i;[ o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;i; @;o;;";i;[o;;[o; +;@J;i;[o;) ;@J;*0;i; +["tr;o;; {;!0;"T;[o; ;["g&.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down;i; @;o;;";i;[ o;;[o; +;@Z;i;[o;+;@Z;io;;@Z;i; +["show-for-large;o;; {;!0o;;[" +o; +;@Z;i;[o;+;@Z;io;;@Z;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@Z;i;[o;+;@Z;io;;@Z;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@Z;i;[o;+;@Z;io;;@Z;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;["td, + th;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +["td;o;; {;!0o;;[" +o; +;@;i;[o;) ;@;*0;i; +["th;o;; {;!0;"T;[o; ;["g&.show-for-large, + &.show-for-large-up, + &.hide-for-medium, + &.hide-for-medium-down;i; @;o;;";i;[ o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["show-for-large-up;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-medium-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&i;";&i;-[o; ;i|; @; +" medium; " mediumo; +;i; @;;;[;["*/* X-Large Displays: 1400px and up */o;, ;i; @;"T;[o; ;[".show-for-xlarge;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["show-for-xlarge;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["..show-for-large, + .show-for-large-down;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["show-for-large;o;; {;!0o;;[" +o; +;@;i;[o;;@;i; +["show-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; ;["..hide-for-large, + .hide-for-large-down;i; @;o;;";i;[o;;[o; +;@%;i;[o;;@%;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@%;i;[o;;@%;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;[".hide-for-xlarge;i; @;o;;";i;[o;;[o; +;@E;i;[o;;@E;i; +["hide-for-xlarge;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i; @;o;;";i;[o;;[o; +;@_;i;[o;) ;@_;*0;i; +[" +table;o;; {;!0;"T;[o; ;["K&.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down;i; @;o;;";i;[o;;[o; +;@o;i;[o;+;@o;io;;@o;i; +["show-for-xlarge;o;; {;!0o;;[" +o; +;@o;i;[o;+;@o;io;;@o;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@o;i;[o;+;@o;io;;@o;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +[" +thead;o;; {;!0;"T;[o; ;["K&.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down;i; @;o;;";i;[o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-xlarge;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +[" +tbody;o;; {;!0;"T;[o; ;["K&.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down;i; @;o;;";i;[o;;[o; +;@;i;[o;+;@;io;;@;i; +["show-for-xlarge;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +["tr;o;; {;!0;"T;[o; ;["K&.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down;i; @;o;;";i;[o;;[o; +;@&;i;[o;+;@&;io;;@&;i; +["show-for-xlarge;o;; {;!0o;;[" +o; +;@&;i;[o;+;@&;io;;@&;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@&;i;[o;+;@&;io;;@&;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;["td, + th;i; @;o;;";i;[o;;[o; +;@S;i;[o;) ;@S;*0;i; +["td;o;; {;!0o;;[" +o; +;@S;i;[o;) ;@S;*0;i; +["th;o;; {;!0;"T;[o; ;["K&.show-for-xlarge, + &.hide-for-large, + &.hide-for-large-down;i; @;o;;";i;[o;;[o; +;@m;i;[o;+;@m;io;;@m;i; +["show-for-xlarge;o;; {;!0o;;[" +o; +;@m;i;[o;+;@m;io;;@m;i; +["hide-for-large;o;; {;!0o;;[" +o; +;@m;i;[o;+;@m;io;;@m;i; +["hide-for-large-down;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&i;";&i;-[o; ;i; @; +" +large; " +largeo; +;i; @;;;[;[" /* Orientation targeting */o; ;["..show-for-landscape, + .hide-for-portrait;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@;i;[o;;@;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["..hide-for-landscape, + .show-for-portrait;i; @;o;;";i;[o;;[o; +;@;i;[o;;@;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@;i;[o;;@;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i; @;o;;";i;[o;;[o; +;@;i;[o;) ;@;*0;i; +[" +table;o;; {;!0;"T;[o; ;["2&.hide-for-landscape, + &.show-for-portrait;i; @;o;;";i;[o;;[o; +;@;i;[o;+;@;io;;@;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@;i;[o;+;@;io;;@;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i; @;o;;";i;[o;;[o; +;@ ;i;[o;) ;@ ;*0;i; +[" +thead;o;; {;!0;"T;[o; ;["2&.hide-for-landscape, + &.show-for-portrait;i; @;o;;";i;[o;;[o; +;@) ;i;[o;+;@) ;io;;@) ;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@) ;i;[o;+;@) ;io;;@) ;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i; @;o;;";i;[o;;[o; +;@K ;i;[o;) ;@K ;*0;i; +[" +tbody;o;; {;!0;"T;[o; ;["2&.hide-for-landscape, + &.show-for-portrait;i; @;o;;";i;[o;;[o; +;@[ ;i;[o;+;@[ ;io;;@[ ;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@[ ;i;[o;+;@[ ;io;;@[ ;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;i; @;o;;";i;[o;;[o; +;@} ;i;[o;) ;@} ;*0;i; +["tr;o;; {;!0;"T;[o; ;["2&.hide-for-landscape, + &.show-for-portrait;i; @;o;;";i;[o;;[o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;[" td, + th;i; @;o;;";i;[o;;[o; +;@ ;i;[o;) ;@ ;*0;i; +["td;o;; {;!0o;;[" +o; +;@ ;i;[o;) ;@ ;*0;i; +["th;o;; {;!0;"T;[o; ;["2&.hide-for-landscape, + &.show-for-portrait;i; @;o;;";i;[o;;[o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&io;, ;i; @;"T;[ o; ;["0.show-for-landscape, + .hide-for-portrait;i; @;o;;";i;[o;;[o; +;@ ;i;[o;;@ ;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@ ;i;[o;;@ ;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["0.hide-for-landscape, + .show-for-portrait;i; @;o;;";i;[o;;[o; +;@ +;i;[o;;@ +;i; +["hide-for-landscape;o;; {;!0o;;[" +o; +;@ +;i;[o;;@ +;i; +["show-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i; @;o;;";i;[o;;[o; +;@1 +;i;[o;) ;@1 +;*0;i; +[" +table;o;; {;!0;"T;[o; ;["4&.show-for-landscape, + &.hide-for-portrait;i; @;o;;";i;[o;;[o; +;@A +;i;[o;+;@A +;io;;@A +;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@A +;i;[o;+;@A +;io;;@A +;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i; @;o;;";i;[o;;[o; +;@c +;i;[o;) ;@c +;*0;i; +[" +thead;o;; {;!0;"T;[o; ;["4&.show-for-landscape, + &.hide-for-portrait;i; @;o;;";i;[o;;[o; +;@s +;i;[o;+;@s +;io;;@s +;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@s +;i;[o;+;@s +;io;;@s +;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i; @;o;;";i;[o;;[o; +;@ +;i;[o;) ;@ +;*0;i; +[" +tbody;o;; {;!0;"T;[o; ;["4&.show-for-landscape, + &.hide-for-portrait;i; @;o;;";i;[o;;[o; +;@ +;i;[o;+;@ +;io;;@ +;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@ +;i;[o;+;@ +;io;;@ +;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;i; @;o;;";i;[o;;[o; +;@ +;i;[o;) ;@ +;*0;i; +["tr;o;; {;!0;"T;[o; ;["4&.show-for-landscape, + &.hide-for-portrait;i; @;o;;";i;[o;;[o; +;@ +;i;[o;+;@ +;io;;@ +;i; +["show-for-landscape;o;; {;!0o;;[" +o; +;@ +;i;[o;+;@ +;io;;@ +;i; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;["td, + th;i +; @;o;;";i +;[o;;[o; +;@ +;i +;[o;) ;@ +;*0;i +; +["td;o;; {;!0o;;[" +o; +;@ +;i +;[o;) ;@ +;*0;i +; +["th;o;; {;!0;"T;[o; ;["4&.show-for-landscape, + &.hide-for-portrait;i ; @;o;;";i ;[o;;[o; +;@ ;i ;[o;+;@ ;i o;;@ ;i ; +["show-for-landscape;o;; {;!0o;;[" +o; +;@ ;i ;[o;+;@ ;i o;;@ ;i ; +["hide-for-portrait;o;; {;!0;"T;[o;# ;i ; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&i;";&i;-[o; ;i; @; +"landscape; "landscapeo;, ;i; @;"T;[ o; ;["0.show-for-portrait, + .hide-for-landscape;i; @;o;;";i;[o;;[o; +;@< ;i;[o;;@< ;i; +["show-for-portrait;o;; {;!0o;;[" +o; +;@< ;i;[o;;@< ;i; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;["0.hide-for-portrait, + .show-for-landscape;i; @;o;;";i;[o;;[o; +;@\ ;i;[o;;@\ ;i; +["hide-for-portrait;o;; {;!0o;;[" +o; +;@\ ;i;[o;;@\ ;i; +["show-for-landscape;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i; @;;;[;["(/* Specific visilbity for tables */o; ;[" +table;i; @;o;;";i;[o;;[o; +;@ ;i;[o;) ;@ ;*0;i; +[" +table;o;; {;!0;"T;[o; ;["4&.show-for-portrait, + &.hide-for-landscape;i; @;o;;";i;[o;;[o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["show-for-portrait;o;; {;!0o;;[" +o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&i;&io; ;[" +thead;i; @;o;;";i;[o;;[o; +;@ ;i;[o;) ;@ ;*0;i; +[" +thead;o;; {;!0;"T;[o; ;["4&.show-for-portrait, + &.hide-for-landscape;i; @;o;;";i;[o;;[o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["show-for-portrait;o;; {;!0o;;[" +o; +;@ ;i;[o;+;@ ;io;;@ ;i; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&i;&io; ;[" +tbody;i; @;o;;";i;[o;;[o; +;@ ;i;[o;) ;@ ;*0;i; +[" +tbody;o;; {;!0;"T;[o; ;["4&.show-for-portrait, + &.hide-for-landscape;i!; @;o;;";i!;[o;;[o; +;@ ;i!;[o;+;@ ;i!o;;@ ;i!; +["show-for-portrait;o;; {;!0o;;[" +o; +;@ ;i!;[o;+;@ ;i!o;;@ ;i!; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i!; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&i;&io; ;["tr;i#; @;o;;";i#;[o;;[o; +;@ ;i#;[o;) ;@ ;*0;i#; +["tr;o;; {;!0;"T;[o; ;["4&.show-for-portrait, + &.hide-for-landscape;i%; @;o;;";i%;[o;;[o; +;@& ;i%;[o;+;@& ;i%o;;@& ;i%; +["show-for-portrait;o;; {;!0o;;[" +o; +;@& ;i%;[o;+;@& ;i%o;;@& ;i%; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i%; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&i;&io; ;["td, + th;i(; @;o;;";i(;[o;;[o; +;@H ;i(;[o;) ;@H ;*0;i(; +["td;o;; {;!0o;;[" +o; +;@H ;i(;[o;) ;@H ;*0;i(; +["th;o;; {;!0;"T;[o; ;["4&.show-for-portrait, + &.hide-for-landscape;i*; @;o;;";i*;[o;;[o; +;@b ;i*;[o;+;@b ;i*o;;@b ;i*; +["show-for-portrait;o;; {;!0o;;[" +o; +;@b ;i*;[o;+;@b ;i*o;;@b ;i*; +["hide-for-landscape;o;; {;!0;"T;[o;# ;i*; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i;&i;";&i;-[o; ;i; @; +" portrait; " portraito; +;i.; @;;;[;[")/* Touch-enabled device targeting */o; ;[".show-for-touch;i/; @;o;;";i/;[o;;[o; +;@ ;i/;[o;;@ ;i/; +["show-for-touch;o;; {;!0;"T;[o;# ;i/; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; ;[".hide-for-touch;i0; @;o;;";i0;[o;;[o; +;@ ;i0;[o;;@ ;i0; +["hide-for-touch;o;; {;!0;"T;[o;# ;i0; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;[".touch .show-for-touch;i1; @;o;;";i1;[o;;[o; +;@ ;i1;[o;;@ ;i1; +[" +touch;o;; {;!0o; +;@ ;i1;[o;;@ ;i1; +["show-for-touch;o;; {;!0;"T;[o;# ;i1; @; +[" display;$;%;[;&i;o;'; @;;(;"inherit !important;&io; ;[".touch .hide-for-touch;i2; @;o;;";i2;[o;;[o; +;@ ;i2;[o;;@ ;i2; +[" +touch;o;; {;!0o; +;@ ;i2;[o;;@ ;i2; +["hide-for-touch;o;; {;!0;"T;[o;# ;i2; @; +[" display;$;%;[;&i;o;'; @;;(;"none !important;&io; +;i4; @;;;[;["(/* Specific visilbity for tables */o; ;["table.hide-for-touch;i5; @;o;;";i5;[o;;[o; +;@ ;i5;[o;) ;@ ;*0;i5; +[" +tableo;;@ ;i5; +["hide-for-touch;o;; {;!0;"T;[o;# ;i5; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&io; ;[" .touch table.show-for-touch;i6; @;o;;";i6;[o;;[o; +;@ ;i6;[o;;@ ;i6; +[" +touch;o;; {;!0o; +;@ ;i6;[o;) ;@ ;*0;i6; +[" +tableo;;@ ;i6; +["show-for-touch;o;; {;!0;"T;[o;# ;i6; @; +[" display;$;%;[;&i;o;'; @;;(;" +table;&io; ;["thead.hide-for-touch;i7; @;o;;";i7;[o;;[o; +;@0 ;i7;[o;) ;@0 ;*0;i7; +[" +theado;;@0 ;i7; +["hide-for-touch;o;; {;!0;"T;[o;# ;i7; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&io; ;[" .touch thead.show-for-touch;i8; @;o;;";i8;[o;;[o; +;@I ;i8;[o;;@I ;i8; +[" +touch;o;; {;!0o; +;@I ;i8;[o;) ;@I ;*0;i8; +[" +theado;;@I ;i8; +["show-for-touch;o;; {;!0;"T;[o;# ;i8; @; +[" display;$;%;[;&i;o;'; @;;(;""table-header-group !important;&io; ;["tbody.hide-for-touch;i9; @;o;;";i9;[o;;[o; +;@i ;i9;[o;) ;@i ;*0;i9; +[" +tbodyo;;@i ;i9; +["hide-for-touch;o;; {;!0;"T;[o;# ;i9; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&io; ;[" .touch tbody.show-for-touch;i:; @;o;;";i:;[o;;[o; +;@ ;i:;[o;;@ ;i:; +[" +touch;o;; {;!0o; +;@ ;i:;[o;) ;@ ;*0;i:; +[" +tbodyo;;@ ;i:; +["show-for-touch;o;; {;!0;"T;[o;# ;i:; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row-group !important;&io; ;["tr.hide-for-touch;i;; @;o;;";i;;[o;;[o; +;@ ;i;;[o;) ;@ ;*0;i;; +["tro;;@ ;i;; +["hide-for-touch;o;; {;!0;"T;[o;# ;i;; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&io; ;[".touch tr.show-for-touch;i<; @;o;;";i<;[o;;[o; +;@ ;i<;[o;;@ ;i<; +[" +touch;o;; {;!0o; +;@ ;i<;[o;) ;@ ;*0;i<; +["tro;;@ ;i<; +["show-for-touch;o;; {;!0;"T;[o;# ;i<; @; +[" display;$;%;[;&i;o;'; @;;(;"table-row !important;&io; ;["td.hide-for-touch;i=; @;o;;";i=;[o;;[o; +;@ ;i=;[o;) ;@ ;*0;i=; +["tdo;;@ ;i=; +["hide-for-touch;o;; {;!0;"T;[o;# ;i=; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&io; ;[".touch td.show-for-touch;i>; @;o;;";i>;[o;;[o; +;@ ;i>;[o;;@ ;i>; +[" +touch;o;; {;!0o; +;@ ;i>;[o;) ;@ ;*0;i>; +["tdo;;@ ;i>; +["show-for-touch;o;; {;!0;"T;[o;# ;i>; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&io; ;["th.hide-for-touch;i?; @;o;;";i?;[o;;[o; +;@;i?;[o;) ;@;*0;i?; +["tho;;@;i?; +["hide-for-touch;o;; {;!0;"T;[o;# ;i?; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&io; ;[".touch th.show-for-touch;i@; @;o;;";i@;[o;;[o; +;@-;i@;[o;;@-;i@; +[" +touch;o;; {;!0o; +;@-;i@;[o;) ;@-;*0;i@; +["tho;;@-;i@; +["show-for-touch;o;; {;!0;"T;[o;# ;i@; @; +[" display;$;%;[;&i;o;'; @;;(;"table-cell !important;&i \ No newline at end of file diff --git a/public/javascripts/bin.js b/public/_old-files/v2/javascripts/bin.js similarity index 100% rename from public/javascripts/bin.js rename to public/_old-files/v2/javascripts/bin.js diff --git a/public/javascripts/foundation/foundation.abide.js b/public/_old-files/v2/javascripts/foundation/foundation.abide.js similarity index 100% rename from public/javascripts/foundation/foundation.abide.js rename to public/_old-files/v2/javascripts/foundation/foundation.abide.js diff --git a/public/javascripts/foundation/foundation.alerts.js b/public/_old-files/v2/javascripts/foundation/foundation.alerts.js similarity index 100% rename from public/javascripts/foundation/foundation.alerts.js rename to public/_old-files/v2/javascripts/foundation/foundation.alerts.js diff --git a/public/javascripts/foundation/foundation.clearing.js b/public/_old-files/v2/javascripts/foundation/foundation.clearing.js similarity index 100% rename from public/javascripts/foundation/foundation.clearing.js rename to public/_old-files/v2/javascripts/foundation/foundation.clearing.js diff --git a/public/javascripts/foundation/foundation.cookie.js b/public/_old-files/v2/javascripts/foundation/foundation.cookie.js similarity index 100% rename from public/javascripts/foundation/foundation.cookie.js rename to public/_old-files/v2/javascripts/foundation/foundation.cookie.js diff --git a/public/javascripts/foundation/foundation.dropdown.js b/public/_old-files/v2/javascripts/foundation/foundation.dropdown.js similarity index 100% rename from public/javascripts/foundation/foundation.dropdown.js rename to public/_old-files/v2/javascripts/foundation/foundation.dropdown.js diff --git a/public/javascripts/foundation/foundation.forms.js b/public/_old-files/v2/javascripts/foundation/foundation.forms.js similarity index 100% rename from public/javascripts/foundation/foundation.forms.js rename to public/_old-files/v2/javascripts/foundation/foundation.forms.js diff --git a/public/javascripts/foundation/foundation.interchange.js b/public/_old-files/v2/javascripts/foundation/foundation.interchange.js similarity index 100% rename from public/javascripts/foundation/foundation.interchange.js rename to public/_old-files/v2/javascripts/foundation/foundation.interchange.js diff --git a/public/javascripts/foundation/foundation.joyride.js b/public/_old-files/v2/javascripts/foundation/foundation.joyride.js similarity index 100% rename from public/javascripts/foundation/foundation.joyride.js rename to public/_old-files/v2/javascripts/foundation/foundation.joyride.js diff --git a/public/javascripts/foundation/foundation.js b/public/_old-files/v2/javascripts/foundation/foundation.js similarity index 100% rename from public/javascripts/foundation/foundation.js rename to public/_old-files/v2/javascripts/foundation/foundation.js diff --git a/public/javascripts/foundation/foundation.magellan.js b/public/_old-files/v2/javascripts/foundation/foundation.magellan.js similarity index 100% rename from public/javascripts/foundation/foundation.magellan.js rename to public/_old-files/v2/javascripts/foundation/foundation.magellan.js diff --git a/public/javascripts/foundation/foundation.orbit.js b/public/_old-files/v2/javascripts/foundation/foundation.orbit.js similarity index 100% rename from public/javascripts/foundation/foundation.orbit.js rename to public/_old-files/v2/javascripts/foundation/foundation.orbit.js diff --git a/public/javascripts/foundation/foundation.placeholder.js b/public/_old-files/v2/javascripts/foundation/foundation.placeholder.js similarity index 100% rename from public/javascripts/foundation/foundation.placeholder.js rename to public/_old-files/v2/javascripts/foundation/foundation.placeholder.js diff --git a/public/javascripts/foundation/foundation.reveal.js b/public/_old-files/v2/javascripts/foundation/foundation.reveal.js similarity index 100% rename from public/javascripts/foundation/foundation.reveal.js rename to public/_old-files/v2/javascripts/foundation/foundation.reveal.js diff --git a/public/javascripts/foundation/foundation.section.js b/public/_old-files/v2/javascripts/foundation/foundation.section.js similarity index 100% rename from public/javascripts/foundation/foundation.section.js rename to public/_old-files/v2/javascripts/foundation/foundation.section.js diff --git a/public/javascripts/foundation/foundation.tooltips.js b/public/_old-files/v2/javascripts/foundation/foundation.tooltips.js similarity index 100% rename from public/javascripts/foundation/foundation.tooltips.js rename to public/_old-files/v2/javascripts/foundation/foundation.tooltips.js diff --git a/public/javascripts/foundation/foundation.topbar.js b/public/_old-files/v2/javascripts/foundation/foundation.topbar.js similarity index 100% rename from public/javascripts/foundation/foundation.topbar.js rename to public/_old-files/v2/javascripts/foundation/foundation.topbar.js diff --git a/public/javascripts/markdown_editor.js b/public/_old-files/v2/javascripts/markdown_editor.js similarity index 100% rename from public/javascripts/markdown_editor.js rename to public/_old-files/v2/javascripts/markdown_editor.js diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.js b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.js similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.js rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.js diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.min.js b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.min.js similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.min.js rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/js/epiceditor.min.js diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/base/epiceditor.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/base/epiceditor.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/base/epiceditor.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/base/epiceditor.css diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-dark.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-dark.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-dark.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-dark.css diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-light.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-light.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-light.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/editor/epic-light.css diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/bartik.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/bartik.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/bartik.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/bartik.css diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/github.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/github.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/github.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/github.css diff --git a/public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/preview-dark.css b/public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/preview-dark.css similarity index 100% rename from public/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/preview-dark.css rename to public/_old-files/v2/javascripts/vendor/EpicEditor-v0.2.2/themes/preview/preview-dark.css diff --git a/public/javascripts/vendor/custom.modernizr.js b/public/_old-files/v2/javascripts/vendor/custom.modernizr.js similarity index 100% rename from public/javascripts/vendor/custom.modernizr.js rename to public/_old-files/v2/javascripts/vendor/custom.modernizr.js diff --git a/public/javascripts/vendor/jquery.js b/public/_old-files/v2/javascripts/vendor/jquery.js similarity index 100% rename from public/javascripts/vendor/jquery.js rename to public/_old-files/v2/javascripts/vendor/jquery.js diff --git a/public/javascripts/vendor/zepto.js b/public/_old-files/v2/javascripts/vendor/zepto.js similarity index 100% rename from public/javascripts/vendor/zepto.js rename to public/_old-files/v2/javascripts/vendor/zepto.js diff --git a/public/_old-files/v2/scss/_settings.scss b/public/_old-files/v2/scss/_settings.scss new file mode 100644 index 000000000..1e5f843ef --- /dev/null +++ b/public/_old-files/v2/scss/_settings.scss @@ -0,0 +1,1312 @@ +/* ========================================================================== + Custom settings + ========================================================================== */ + +$lioRed: #F0523F; +$lioGrey: lighten(#383636, 10%); +$topbar-bg: $lioGrey; + +/* ========================================================================== + Foundation settings + ========================================================================== */ + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +// $base-line-height: 150%; + +// This is the default html and body font-size for the base em value. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16 !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value) { + $value: strip-unit($value) / strip-unit($em-base) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) +// Just enter the number, no need to mention "px" +@function emCalc($values...) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1)); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i))); + } + @return $emValues; +} + +// Change whether or not you include browser prefixes +// $experimental: true; + +// Various global styles + +$default-float: left; + + +// $body-bg: #fff; +// $body-font-color: #222; +// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $body-font-weight: normal; +// $body-font-style: normal; + +// Font-smoothing + +// $font-smoothing: antialiased; + +// Text direction settings + +// $text-direction: ltr; + +// Colors + +$primary-color: $lioRed; +// $secondary-color: #e9e9e9; +// $alert-color: #c60f13; +// $success-color: #5da423; + +// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-global-classes: $include-html-classes; +// $include-html-inline-list-classes: $include-html-classes; +// $include-html-type-classes: $include-html-classes; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-custom-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-orbit-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-joyride-classes: $include-html-classes; +// $include-html-clearing-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-top-bar-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; +// $include-html-tooltip-classes: $include-html-classes; + +// Media Queries + +$tiny-screen: 480px; +$small-screen: 768px; +$medium-screen: 1280px; +$large-screen: 1440px; + +$screen: "only screen"; +$tiny: "only screen and (min-width: #{$tiny-screen})"; +$small: "only screen and (min-width: #{$small-screen})"; +$medium: "only screen and (min-width: #{$medium-screen})"; +$large: "only screen and (min-width: #{$large-screen})"; +$landscape: "only screen and (orientation: landscape)"; +$portrait: "only screen and (orientation: portrait)"; + +//// Cursors + +//Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; + +// $cursor-crosshair-value: "crosshair"; +// $cursor-default-value: "default"; +// $cursor-pointer-value: "pointer"; +// $cursor-help-value: "help"; + +// +// Grid Variables +// + +// $row-width: emCalc(1000); +// $column-gutter: emCalc(30); +// $total-columns: 12; + +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: emCalc(20); + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +// Control header font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +// Control header font sizes + +// $h1-font-size: emCalc(44); +// $h2-font-size: emCalc(37); +// $h3-font-size: emCalc(27); +// $h4-font-size: emCalc(23); +// $h5-font-size: emCalc(18); +// $h6-font-size: 1em; + +// Control how subheaders are styled. + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +// A general styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +// Style paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: emCalc(20); +// $paragraph-aside-font-size: emCalc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// Style tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +// Style anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +// Style the
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: emCalc(20); + +// Style lists + +// $list-style-position: outside; +// $list-side-margin: 0; +// $list-nested-margin: emCalc(20); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: emCalc(12); + +// Style blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: emCalc(9, 20, 0, 19); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: emCalc(13); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles + +// $acronym-underline: 1px dotted #ddd; + +// Control padding and margin + +// $microformat-padding: emCalc(10, 12); +// $microformat-margin: emCalc(0, 0, 20, 0); + +// Control the border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +// Control full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: emCalc(15); + +// Control the summary font styles + +// $microformat-summary-font-weight: bold; + +// Control abbr padding +// $microformat-abbr-padding: emCalc(0, 1); + +// Control abbr font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +// We use this to set the base for lots of form spacing and positioning styles + +// $form-spacing: emCalc(16); + +// We use these to style the labels in different ways + +// $form-label-pointer: pointer; +// $form-label-font-size: emCalc(14); +// $form-label-font-weight: 500; +// $form-label-font-color: lighten(#000, 30%); +// $form-label-bottom-margin: emCalc(3); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: emCalc(14); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: emCalc(20); +// $fieldset-margin: emCalc(18, 0); + +// We use these to style the legends when you use them + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: emCalc(0, 3); + +// We use these to style the prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +// We use these to style the error states for inputs and labels + +// $input-error-message-padding: emCalc(6, 4); +// $input-error-message-top: 0; +// $input-error-message-font-size: emCalc(12); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +// We use this to style the glowing effect of inputs when focused + +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// +// Button Variables +// + +// We use these to build padding for buttons. + +// $button-med: emCalc(12); +// $button-tny: emCalc(7); +// $button-sml: emCalc(9); +// $button-lrg: emCalc(16); + +// We use this to control the display property. + +// $button-display: inline-block; +// $button-margin-bottom: emCalc(20); + +// We use these to control button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: emCalc(16); +// $button-font-tny: emCalc(11); +// $button-font-sml: emCalc(13); +// $button-font-lrg: emCalc(20); +// $button-font-weight: bold; +// $button-font-align: center; + +// We use these to control various hover effects. + +// $button-function-factor: 10%; + +// We use these to control button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; + +// We use this to set the default radius used throughout the core. + +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Button Groups +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used + +// $button-bar-margin-opposite: emCalc(10); + +// +// Dropdown Button Variables +// + +// We use these to set the color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +// We use these to style tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-opposite-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); + +// We use these to style small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-opposite-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); + +// We use these to style medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + emCalc(3); +// $dropdown-button-pip-size-med: $button-med - emCalc(3); +// $dropdown-button-pip-opposite-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); + +// We use these to style large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); +// $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); + +// +// Split Button Variables +// + +// We use these to control different shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-default-float-tny: emCalc(-5); + +// We use these to control small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-default-float-sml: emCalc(-9); + +// We use these to control medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - emCalc(3); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-default-float-med: emCalc(-9); + +// We use these to control large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - emCalc(6); +// $split-button-pip-top-lrg: $button-lrg + emCalc(5); +// $split-button-pip-default-float-lrg: emCalc(-9); + +// +// Alert Box Variables +// + +// We use this to control alert padding. + +// $alert-padding-top: emCalc(11); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); +// $alert-padding-bottom: $alert-padding-top + emCalc(1); + +// We use these to control text style. + +// $alert-font-weight: bold; +// $alert-font-size: emCalc(14); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +// We use this for close hover effect. + +// $alert-function-factor: 10%; + +// We use these to control border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: emCalc(20); + +// We use these to style the close buttons + +// $alert-close-color: #333; +// $alert-close-position: emCalc(5); +// $alert-close-font-size: emCalc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +// We use this to control border radius + +// $alert-radius: $global-radius; + + +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +// We use these to set the padding around the breadcrumbs. + +// $crumb-padding: emCalc(9, 14, 9); +// $crumb-side-padding: emCalc(12); + +// We use these to control border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. + +// $crumb-font-size: emCalc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +// We use these to set the background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +// We use these to style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +// We use these to make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +// We use these to control the basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-border-size: 1px; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-input-size: 16px; +// $custom-form-check-color: #222; +// $custom-form-check-size: 16px; +// $custom-form-radio-size: 8px; +// $custom-form-checkbox-radius: 0px; + +// We use these to style the custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: emCalc(13) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: emCalc(20); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +// We use these to control the style of the custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: emCalc(14); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: auto; +// $custom-dropdown-list-padding: emCalc(4); +// $custom-dropdown-default-float-padding: emCalc(6); +// $custom-dropdown-opposite-padding: emCalc(38); +// $custom-dropdown-list-item-min-height: emCalc(24); +// $custom-dropdown-width-small: 134px; +// $custom-dropdown-width-medium: 254px; +// $custom-dropdown-width-large: 434px; + +// +// Dropdown Variables +// + +// We use these to controls height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +// We use this to control the background color + +// $f-dropdown-bg: #fff; + +// We use this to set the border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +// We use these to style the triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: emCalc(14); +// $f-dropdown-list-padding: emCalc(5, 10); +// $f-dropdown-line-height: emCalc(18); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + +// $f-dropdown-content-padding: emCalc(20); + +// +// Flex Video Variables +// + +// We use these to control video container padding and margins + +// $flex-video-padding-top: emCalc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: emCalc(16); + +// We use this to control widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +// We use this to control the margins and padding of the inline list. + +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: emCalc(17); +// $inline-list-default-float-margin: emCalc(-22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. + +// $inline-list-overflow: hidden; + +// We use this to control the list items + +// $inline-list-display: block; + +// We use this to control any elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +// Controlling default Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: emCalc(18, 20, 24); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip dont styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: emCalc(14); +// $joyride-tip-header-weight: bold; + +// This changes the nub size + +// $joyride-tip-nub-size: 14px; + +// This adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +// This changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +// When Joyride is filling the screen, we use this style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +// We use these to control text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: emCalc(14); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +// We use this to control keystroke padding. + +// $keystroke-padding: emCalc(2, 4, 0); + +// We use these to control background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +// We use these to style the labels + +// $label-padding: emCalc(3, 10, 4); +// $label-radius: $global-radius; + +// We use these to style the label text + +// $label-font-sizing: emCalc(14); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +// We use these to control the caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg-old: rgb(0,0,0); +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; + +// We use these to control the left/right nav styles + +// $orbit-nav-bg-old: rgb(0,0,0); +// $orbit-nav-bg: rgba(0,0,0,0.6); + +// We use these to control the timer styles + +// $orbit-timer-bg-old: rgb(0,0,0); +// $orbit-timer-bg: rgba(0,0,0,0.6); + +// We use these to control the bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #555; + +// We use thes to controls the style of slide numbers + +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: emCalc(5px); + +// Graceful Loading Wrapper and preloader + +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// +// Pagination Variables +// + +// We use these to control the pagination container + +// $pagination-height: emCalc(24); +// $pagination-margin: emCalc(-5); + +// We use these to set the list-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: emCalc(24); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: emCalc(14); +// $pagination-li-margin: emCalc(5); + +// We use these for the pagination anchor links + +// $pagination-link-pad: emCalc(1, 7, 1); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +// We use these for disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +// We use these to control the background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +// We use these to set default inner padding and bottom margin + +// $panel-margin-bottom: emCalc(20); +// $panel-padding: emCalc(20); + +// We use these to set default font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// $panel-header-adjust: true; + +// +// Pricing Table Variables +// + +// We use this to control the border color + +// $price-table-border: solid 1px #ddd; + +// We use this to control the bottom margin of the pricing table + +// $price-table-margin-bottom: emCalc(20); + +// We use these to control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: emCalc(15, 20); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: emCalc(16); + +// We use these to control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: emCalc(15, 20); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: emCalc(20); + +// We use these to control the description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: emCalc(15); +// $price-desc-align: center; +// $price-desc-font-size: emCalc(12); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +// We use these to control the list item styles + +// $price-item-color: #333; +// $price-item-padding: emCalc(15); +// $price-item-align: center; +// $price-item-font-size: emCalc(14); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +// We use these to control the CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: emCalc(20, 20, 0); + +// +// Progress Bar Variables +// + +// We use this to se the prog bar height + +// $progress-bar-height: emCalc(25); +// $progress-bar-color: transparent; + +// We use these to control the border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding + +// $progress-bar-pad: emCalc(2); +// $progress-bar-margin-bottom: emCalc(10); + +// We use these to set the meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +// We use these to control the style of the reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +// We use these to control the style of the modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: emCalc(20); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +// We use these to style the reveal close button + +// $reveal-close-font-size: emCalc(22); +// $reveal-close-top: emCalc(8); +// $reveal-close-side: emCalc(11); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +// We use these to control the modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// +// Section Variables +// + +// We use these to set padding and hover factor + +// $section-title-padding: emCalc(15); +// $section-content-padding: emCalc(15); +// $section-function-factor: 10%; + +// These style the titles + +// $section-title-color: #333; +// $section-title-color-active: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; +// $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); + +// Want to control border size, here ya go! + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +// Font controls + +// $section-font-size: emCalc(14); + +// Control the color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: emCalc(200); +// $section-vertical-tabs-title-width: emCalc(200); +// $section-bottom-margin: emCalc(20); + +// $title-selector: ".title"; +// $content-selector: ".content"; +// $active-region-selector: ".active"; + +// +// Side Nav Variables +// + +// We use this to control padding. + +// $side-nav-padding: emCalc(14, 0); + +// We use these to control list styles. + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: emCalc(0, 0, 7, 0); + +// We use these to control link styles. + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: emCalc(14); +// $side-nav-font-weight: bold; + +// We use these to control border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +// We use these to control margin and padding + +// $sub-nav-list-margin: emCalc(-4, 0, 18); +// $sub-nav-list-padding-top: emCalc(4); + +// We use this to control the definition + +// $sub-nav-font-size: emCalc(14); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: emCalc(3, 9); +// $sub-nav-active-cursor: default; + +// +// Switch Variables +// + +// Controlling border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +// We use these to control the switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: emCalc(20); + +// We use these to control default font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +// We use these to style the switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +// These control the background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +// These control the table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +// These control the table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: emCalc(14); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: emCalc(8, 10, 10); + +// These control the row padding and font styles + +// $table-row-padding: emCalc(9, 10); +// $table-row-font-size: emCalc(14); +// $table-row-font-color: #222; +// $table-line-height: emCalc(18); + +// These are for controlling the display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: emCalc(20); + +// +// Image Thumbnail Variables +// + +// We use these to control border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: emCalc(8); +// $tooltip-bg: #000; +// $tooltip-font-size: emCalc(15); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: emCalc(10); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: emCalc(14); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; + +// +// Top Bar Variables +// + +// Background color for the top bar + +$topbar-bg: $lioGrey; + +// Height and margin + +$topbar-height: 90px; +// $topbar-margin-bottom: emCalc(30); + +// Control Input height for top bar + +// $topbar-input-height: 2.45em; + +// Controlling the styles for the title in the top bar + +// $topbar-title-weight: bold; +// $topbar-title-font-size: emCalc(17); + +// Style the top bar dropdown elements + +// $topbar-dropdown-bg: #222; +// $topbar-dropdown-link-color: #fff; +// $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: #fff; +// $topbar-dropdown-toggle-alpha: 0.5; + +// Set the link colors and styles for top-level nav + +$topbar-link-color: #ddd; +// $topbar-link-color-hover: #fff; +$topbar-link-color-active: $lioRed; +$topbar-link-weight: normal; +// $topbar-link-font-size: emCalc(13); +// $topbar-link-hover-lightness: -30%; // Darken by 30% +// $topbar-link-bg-hover: darken($topbar-bg, 3%); +$topbar-link-bg-active: $lioGrey; + +// $topbar-dropdown-label-color: #555; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: bold; +// $topbar-dropdown-label-font-size: emCalc(10); + +// Top menu icon styles + +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: emCalc(13); +// $topbar-menu-link-weight: bold; +// $topbar-menu-link-color: #fff; +// $topbar-menu-icon-color: #fff; +// $topbar-menu-link-color-toggled: #888; +// $topbar-menu-icon-color-toggled: #888; + +// Transitions and breakpoint styles + +// $topbar-transition-speed: 300ms; +// $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; + +// Divider Styles + +// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); +// $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); + +// Sticky Class + +// $topbar-sticky-class: ".sticky"; diff --git a/public/_old-files/v2/scss/app.scss b/public/_old-files/v2/scss/app.scss new file mode 100644 index 000000000..f01ad64c8 --- /dev/null +++ b/public/_old-files/v2/scss/app.scss @@ -0,0 +1,28 @@ +/* ========================================================================== + Settings + ========================================================================== */ +@import "settings"; + +/* ========================================================================== + Vendor + ========================================================================== */ +@import "vendor/normalize"; +@import "foundation"; + +/* ========================================================================== + Components + ========================================================================== */ +@import "vendor/foundation-components"; + +/* ========================================================================== + Modules + ========================================================================== */ +@import "modules/articles"; +@import "modules/buttons"; +@import "modules/categories"; +@import "modules/contributors"; +@import "modules/header"; +@import "modules/hero-section"; +@import "modules/meta"; +@import "modules/post"; +@import "modules/sidebar"; diff --git a/public/_old-files/v2/scss/modules/_articles.scss b/public/_old-files/v2/scss/modules/_articles.scss new file mode 100644 index 000000000..4a12124ed --- /dev/null +++ b/public/_old-files/v2/scss/modules/_articles.scss @@ -0,0 +1,74 @@ +/* ========================================================================== + Articles + ========================================================================== */ + +.articles { + width:70%; + padding: 2% 2% 2% 4%; + max-width: 900px; + float: left; +} + +article { + margin-bottom: 30px; + margin-top: 30px; + + h1 { + font-weight: 300; + color:#373737; + font-size:3em; + margin: 0 0 .3em 0; + } + + h2 { + font-weight: 400; + color:#373737; + font-size:2em; + margin: 0 0 .3em 0; + } + + h3 { + font-weight: 300; + color:#373737; + font-size:1.3em; + margin: 0 0 .3em 0; + } + + p { + font-weight: 300; + color:#373737; + font-size:1.1em; + line-height: 2; + } + + p a { + color:#aaa; + &:hover { + color:#373737; + } + } + + .more { + position: relative; + display: block; + border-bottom: 1px solid #dbdbdb; + text-align: center; + } + + .more span { + z-index: 500; + font-weight: 300; + padding: 0.3rem 1.3rem; + background:white; + position: relative; + top:0.4rem; + font-size: .8em; + color:#373737; + &:hover span { + border:1px solid #dbdbdb; + } + } + .meta li { + text-shadow: none; + } +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_buttons.scss b/public/_old-files/v2/scss/modules/_buttons.scss new file mode 100644 index 000000000..d475a299e --- /dev/null +++ b/public/_old-files/v2/scss/modules/_buttons.scss @@ -0,0 +1,16 @@ +/* ========================================================================== + BUTTONS + ========================================================================== */ + +.button { + text-align: center; + background: $lioRed; + padding: 10px; + border:none; +} + +.button { + &.full { + width: 100%; + } +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_categories.scss b/public/_old-files/v2/scss/modules/_categories.scss new file mode 100644 index 000000000..1573aa131 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_categories.scss @@ -0,0 +1,24 @@ +/* ========================================================================== + CATEGORIES + ========================================================================== */ + +.categories { + + ul, li { + padding: 0; + list-style-type: none; + } + + li a { + font-size:.9em; + display: block; + padding: 8px 10px; + color:$lioGrey; + border-bottom: 1px solid #dbdbdb; + &:hover { + color:white; + background: $lioGrey; + } + } + +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_contributors.scss b/public/_old-files/v2/scss/modules/_contributors.scss new file mode 100644 index 000000000..0c011849b --- /dev/null +++ b/public/_old-files/v2/scss/modules/_contributors.scss @@ -0,0 +1,8 @@ +/* ========================================================================== + CONTRIBUTORS + ========================================================================== */ + +.contributors { + + +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_header.scss b/public/_old-files/v2/scss/modules/_header.scss new file mode 100644 index 000000000..1c8360d16 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_header.scss @@ -0,0 +1,39 @@ +/* ========================================================================== + HEADER + ========================================================================== */ + +header { + background-color: $lioGrey; + // padding: 100px 0; + // border-bottom: 2px solid lighten($lioGrey, 20%); + padding: 0 2em; + position: relative; +} + +.top-bar { + padding-right: 30px; + margin-bottom: 0; + .logo { + width: 64px; + } +} + +.main-nav { + text-transform: uppercase; + letter-spacing: 0.09em; + a { + height: 87px; + &:hover { + color: $lioRed; + } + } +} + +.login { + background-color: transparent !important; + position: relative; + top: -3px; + a { + color: #eee !important; + } +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_hero-section.scss b/public/_old-files/v2/scss/modules/_hero-section.scss new file mode 100644 index 000000000..f2139f0e4 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_hero-section.scss @@ -0,0 +1,50 @@ +/* ========================================================================== + HERO SECTION + ========================================================================== */ + +.hero-section { + background-color: $lioRed; + border-bottom: 2px solid #fff; + clear: both; + float: left; + width: 100%; + .description { + width: 40%; + float: left; + color: #fff; + padding: 4% 5% 5%; + h1 { + color: #fff; + } + a { + color:#fff; + text-decoration: underline; + &:hover { + color: $lioGrey; + text-shadow:none; + } + } + } + .posts { + float: left; + color: #fff; + width: 60%; + padding: 4% 5% 2% 5%; + a { + color:#fff; + text-decoration: underline; + &:hover { + color: $lioGrey; + text-shadow:none; + } + } + } +} + +.hero-section .dark { + background-color: darken($lioRed, 3%); +} + +.hero-section .darker { + background-color: darken($lioRed, 6%); +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_meta.scss b/public/_old-files/v2/scss/modules/_meta.scss new file mode 100644 index 000000000..b6b875648 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_meta.scss @@ -0,0 +1,25 @@ +/* ========================================================================== + META + ========================================================================== */ + +.meta { + margin:0; + + .meta i { + padding: 0 3px 0 0; + } + + li { + font-size:13px; + display: inline; + padding: 0 10px 0 0; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); + } + + li a { + color:white; + &:hover { + color:$lioGrey; + } + } +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_post.scss b/public/_old-files/v2/scss/modules/_post.scss new file mode 100644 index 000000000..303195744 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_post.scss @@ -0,0 +1,29 @@ +/* ========================================================================== + POST + ========================================================================== */ + +.post { + padding: 0 0 13px 0; + margin: 0 0 13px 0; + border-bottom: 1px solid rgba(255, 255, 255, .2); + h3 { + font-size:20px; + font-weight: 500; + color:white; + margin: 0; + padding: 0; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); + } + + h3 a { + color:white; + &:hover { + color: $lioGrey; + text-shadow:none; + } + } + + &:last-child { + border:none; + } +} \ No newline at end of file diff --git a/public/_old-files/v2/scss/modules/_sidebar.scss b/public/_old-files/v2/scss/modules/_sidebar.scss new file mode 100644 index 000000000..445574d46 --- /dev/null +++ b/public/_old-files/v2/scss/modules/_sidebar.scss @@ -0,0 +1,10 @@ +/* ========================================================================== + TAGS + ========================================================================== */ + +.sidebar { + width:25%; + padding: 2%; + float: left; + border-right: 1px solid #dbdbdb; +} \ No newline at end of file diff --git a/public/scss/vendor/_foundation-components.scss b/public/_old-files/v2/scss/vendor/_foundation-components.scss similarity index 100% rename from public/scss/vendor/_foundation-components.scss rename to public/_old-files/v2/scss/vendor/_foundation-components.scss diff --git a/public/_old-files/v2/stylesheets/app.css b/public/_old-files/v2/stylesheets/app.css new file mode 100644 index 000000000..e69de29bb diff --git a/public/config.rb b/public/config.rb index 1d9606b9c..0120690ef 100644 --- a/public/config.rb +++ b/public/config.rb @@ -1,4 +1,4 @@ -require 'zurb-foundation' +# require 'zurb-foundation' # Require any additional compass plugins here. diff --git a/public/scss/_settings.scss b/public/scss/_settings.scss index 1e5f843ef..1a70cb6f5 100644 --- a/public/scss/_settings.scss +++ b/public/scss/_settings.scss @@ -1,11 +1,1341 @@ +/* ========================================================================== + Grid settings + ========================================================================== */ + +$column: 70px; +$gutter: 30px; +$grid-columns: 12; +$max-width: 1200px; + +/* ========================================================================== + Visual grid settings + ========================================================================== */ +$visual-grid: true; +$visual-grid-color: gray; /* ========================================================================== Custom settings ========================================================================== */ +$lioRed: #F0523F; +$lioGrey: lighten(#383636, 10%); +$topbar-bg: $lioGrey; + +/* ========================================================================== + Foundation settings + ========================================================================== */ + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +// $base-line-height: 150%; + +// This is the default html and body font-size for the base em value. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16 !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value) { + $value: strip-unit($value) / strip-unit($em-base) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#) +// Just enter the number, no need to mention "px" +@function emCalc($values...) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1)); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i))); + } + @return $emValues; +} + +// Change whether or not you include browser prefixes +// $experimental: true; + +// Various global styles + +$default-float: left; + + +// $body-bg: #fff; +// $body-font-color: #222; +// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $body-font-weight: normal; +// $body-font-style: normal; + +// Font-smoothing + +// $font-smoothing: antialiased; + +// Text direction settings + +// $text-direction: ltr; + +// Colors + +$primary-color: $lioRed; +// $secondary-color: #e9e9e9; +// $alert-color: #c60f13; +// $success-color: #5da423; + +// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-global-classes: $include-html-classes; +// $include-html-inline-list-classes: $include-html-classes; +// $include-html-type-classes: $include-html-classes; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-custom-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-orbit-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-joyride-classes: $include-html-classes; +// $include-html-clearing-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-top-bar-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; +// $include-html-tooltip-classes: $include-html-classes; + +// Media Queries + +$tiny-screen: 480px; +$small-screen: 768px; +$medium-screen: 1280px; +$large-screen: 1440px; + +$screen: "only screen"; +$tiny: "only screen and (min-width: #{$tiny-screen})"; +$small: "only screen and (min-width: #{$small-screen})"; +$medium: "only screen and (min-width: #{$medium-screen})"; +$large: "only screen and (min-width: #{$large-screen})"; +$landscape: "only screen and (orientation: landscape)"; +$portrait: "only screen and (orientation: portrait)"; + +//// Cursors + +//Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; + +// $cursor-crosshair-value: "crosshair"; +// $cursor-default-value: "default"; +// $cursor-pointer-value: "pointer"; +// $cursor-help-value: "help"; + +// +// Grid Variables +// + +// $row-width: emCalc(1000); +// $column-gutter: emCalc(30); +// $total-columns: 12; + +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: emCalc(20); + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +// Control header font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +// Control header font sizes + +// $h1-font-size: emCalc(44); +// $h2-font-size: emCalc(37); +// $h3-font-size: emCalc(27); +// $h4-font-size: emCalc(23); +// $h5-font-size: emCalc(18); +// $h6-font-size: 1em; + +// Control how subheaders are styled. + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +// A general styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +// Style paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: emCalc(20); +// $paragraph-aside-font-size: emCalc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// Style tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +// Style anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +// Style the
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: emCalc(20); + +// Style lists + +// $list-style-position: outside; +// $list-side-margin: 0; +// $list-nested-margin: emCalc(20); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: emCalc(12); + +// Style blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: emCalc(9, 20, 0, 19); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: emCalc(13); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles + +// $acronym-underline: 1px dotted #ddd; + +// Control padding and margin + +// $microformat-padding: emCalc(10, 12); +// $microformat-margin: emCalc(0, 0, 20, 0); + +// Control the border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +// Control full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: emCalc(15); + +// Control the summary font styles + +// $microformat-summary-font-weight: bold; + +// Control abbr padding +// $microformat-abbr-padding: emCalc(0, 1); + +// Control abbr font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +// We use this to set the base for lots of form spacing and positioning styles + +// $form-spacing: emCalc(16); + +// We use these to style the labels in different ways + +// $form-label-pointer: pointer; +// $form-label-font-size: emCalc(14); +// $form-label-font-weight: 500; +// $form-label-font-color: lighten(#000, 30%); +// $form-label-bottom-margin: emCalc(3); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: emCalc(14); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: emCalc(20); +// $fieldset-margin: emCalc(18, 0); + +// We use these to style the legends when you use them + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: emCalc(0, 3); + +// We use these to style the prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +// We use these to style the error states for inputs and labels + +// $input-error-message-padding: emCalc(6, 4); +// $input-error-message-top: 0; +// $input-error-message-font-size: emCalc(12); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +// We use this to style the glowing effect of inputs when focused + +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// +// Button Variables +// + +// We use these to build padding for buttons. + +// $button-med: emCalc(12); +// $button-tny: emCalc(7); +// $button-sml: emCalc(9); +// $button-lrg: emCalc(16); + +// We use this to control the display property. + +// $button-display: inline-block; +// $button-margin-bottom: emCalc(20); + +// We use these to control button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: emCalc(16); +// $button-font-tny: emCalc(11); +// $button-font-sml: emCalc(13); +// $button-font-lrg: emCalc(20); +// $button-font-weight: bold; +// $button-font-align: center; + +// We use these to control various hover effects. + +// $button-function-factor: 10%; + +// We use these to control button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; + +// We use this to set the default radius used throughout the core. + +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Button Groups +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used + +// $button-bar-margin-opposite: emCalc(10); + +// +// Dropdown Button Variables +// + +// We use these to set the color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +// We use these to style tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-opposite-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1); + +// We use these to style small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-opposite-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1); + +// We use these to style medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + emCalc(3); +// $dropdown-button-pip-size-med: $button-med - emCalc(3); +// $dropdown-button-pip-opposite-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2); + +// We use these to style large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6); +// $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3); + +// +// Split Button Variables +// + +// We use these to control different shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-default-float-tny: emCalc(-5); + +// We use these to control small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-default-float-sml: emCalc(-9); + +// We use these to control medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - emCalc(3); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-default-float-med: emCalc(-9); + +// We use these to control large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - emCalc(6); +// $split-button-pip-top-lrg: $button-lrg + emCalc(5); +// $split-button-pip-default-float-lrg: emCalc(-9); + +// +// Alert Box Variables +// + +// We use this to control alert padding. + +// $alert-padding-top: emCalc(11); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + emCalc(10); +// $alert-padding-bottom: $alert-padding-top + emCalc(1); + +// We use these to control text style. + +// $alert-font-weight: bold; +// $alert-font-size: emCalc(14); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +// We use this for close hover effect. + +// $alert-function-factor: 10%; + +// We use these to control border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: emCalc(20); + +// We use these to style the close buttons + +// $alert-close-color: #333; +// $alert-close-position: emCalc(5); +// $alert-close-font-size: emCalc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +// We use this to control border radius + +// $alert-radius: $global-radius; + + +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +// We use these to set the padding around the breadcrumbs. + +// $crumb-padding: emCalc(9, 14, 9); +// $crumb-side-padding: emCalc(12); + +// We use these to control border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. + +// $crumb-font-size: emCalc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +// We use these to set the background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +// We use these to style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +// We use these to make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +// We use these to control the basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-border-size: 1px; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-input-size: 16px; +// $custom-form-check-color: #222; +// $custom-form-check-size: 16px; +// $custom-form-radio-size: 8px; +// $custom-form-checkbox-radius: 0px; + +// We use these to style the custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: emCalc(13) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: emCalc(20); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +// We use these to control the style of the custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: emCalc(14); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: auto; +// $custom-dropdown-list-padding: emCalc(4); +// $custom-dropdown-default-float-padding: emCalc(6); +// $custom-dropdown-opposite-padding: emCalc(38); +// $custom-dropdown-list-item-min-height: emCalc(24); +// $custom-dropdown-width-small: 134px; +// $custom-dropdown-width-medium: 254px; +// $custom-dropdown-width-large: 434px; + +// +// Dropdown Variables +// + +// We use these to controls height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +// We use this to control the background color + +// $f-dropdown-bg: #fff; + +// We use this to set the border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +// We use these to style the triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: emCalc(14); +// $f-dropdown-list-padding: emCalc(5, 10); +// $f-dropdown-line-height: emCalc(18); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + +// $f-dropdown-content-padding: emCalc(20); + +// +// Flex Video Variables +// + +// We use these to control video container padding and margins + +// $flex-video-padding-top: emCalc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: emCalc(16); + +// We use this to control widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +// We use this to control the margins and padding of the inline list. + +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: emCalc(17); +// $inline-list-default-float-margin: emCalc(-22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. + +// $inline-list-overflow: hidden; + +// We use this to control the list items + +// $inline-list-display: block; + +// We use this to control any elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +// Controlling default Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: emCalc(18, 20, 24); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip dont styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: emCalc(14); +// $joyride-tip-header-weight: bold; + +// This changes the nub size + +// $joyride-tip-nub-size: 14px; + +// This adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +// This changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +// When Joyride is filling the screen, we use this style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +// We use these to control text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: emCalc(14); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +// We use this to control keystroke padding. + +// $keystroke-padding: emCalc(2, 4, 0); + +// We use these to control background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +// We use these to style the labels + +// $label-padding: emCalc(3, 10, 4); +// $label-radius: $global-radius; + +// We use these to style the label text + +// $label-font-sizing: emCalc(14); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +// We use these to control the caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg-old: rgb(0,0,0); +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; + +// We use these to control the left/right nav styles + +// $orbit-nav-bg-old: rgb(0,0,0); +// $orbit-nav-bg: rgba(0,0,0,0.6); + +// We use these to control the timer styles + +// $orbit-timer-bg-old: rgb(0,0,0); +// $orbit-timer-bg: rgba(0,0,0,0.6); + +// We use these to control the bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #555; + +// We use thes to controls the style of slide numbers + +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: emCalc(5px); + +// Graceful Loading Wrapper and preloader + +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// +// Pagination Variables +// + +// We use these to control the pagination container + +// $pagination-height: emCalc(24); +// $pagination-margin: emCalc(-5); + +// We use these to set the list-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: emCalc(24); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: emCalc(14); +// $pagination-li-margin: emCalc(5); + +// We use these for the pagination anchor links + +// $pagination-link-pad: emCalc(1, 7, 1); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +// We use these for disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +// We use these to control the background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +// We use these to set default inner padding and bottom margin + +// $panel-margin-bottom: emCalc(20); +// $panel-padding: emCalc(20); + +// We use these to set default font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// $panel-header-adjust: true; + +// +// Pricing Table Variables +// + +// We use this to control the border color + +// $price-table-border: solid 1px #ddd; + +// We use this to control the bottom margin of the pricing table + +// $price-table-margin-bottom: emCalc(20); + +// We use these to control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: emCalc(15, 20); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: emCalc(16); + +// We use these to control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: emCalc(15, 20); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: emCalc(20); + +// We use these to control the description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: emCalc(15); +// $price-desc-align: center; +// $price-desc-font-size: emCalc(12); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +// We use these to control the list item styles + +// $price-item-color: #333; +// $price-item-padding: emCalc(15); +// $price-item-align: center; +// $price-item-font-size: emCalc(14); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +// We use these to control the CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: emCalc(20, 20, 0); + +// +// Progress Bar Variables +// + +// We use this to se the prog bar height + +// $progress-bar-height: emCalc(25); +// $progress-bar-color: transparent; + +// We use these to control the border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding + +// $progress-bar-pad: emCalc(2); +// $progress-bar-margin-bottom: emCalc(10); + +// We use these to set the meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +// We use these to control the style of the reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +// We use these to control the style of the modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: emCalc(20); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +// We use these to style the reveal close button + +// $reveal-close-font-size: emCalc(22); +// $reveal-close-top: emCalc(8); +// $reveal-close-side: emCalc(11); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +// We use these to control the modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// +// Section Variables +// + +// We use these to set padding and hover factor + +// $section-title-padding: emCalc(15); +// $section-content-padding: emCalc(15); +// $section-function-factor: 10%; + +// These style the titles + +// $section-title-color: #333; +// $section-title-color-active: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; +// $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); + +// Want to control border size, here ya go! + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +// Font controls + +// $section-font-size: emCalc(14); + +// Control the color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: emCalc(200); +// $section-vertical-tabs-title-width: emCalc(200); +// $section-bottom-margin: emCalc(20); + +// $title-selector: ".title"; +// $content-selector: ".content"; +// $active-region-selector: ".active"; + +// +// Side Nav Variables +// + +// We use this to control padding. + +// $side-nav-padding: emCalc(14, 0); + +// We use these to control list styles. + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: emCalc(0, 0, 7, 0); + +// We use these to control link styles. + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: emCalc(14); +// $side-nav-font-weight: bold; + +// We use these to control border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +// We use these to control margin and padding + +// $sub-nav-list-margin: emCalc(-4, 0, 18); +// $sub-nav-list-padding-top: emCalc(4); + +// We use this to control the definition + +// $sub-nav-font-size: emCalc(14); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: emCalc(3, 9); +// $sub-nav-active-cursor: default; + +// +// Switch Variables +// + +// Controlling border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +// We use these to control the switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: emCalc(20); + +// We use these to control default font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +// We use these to style the switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +// These control the background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +// These control the table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +// These control the table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: emCalc(14); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: emCalc(8, 10, 10); + +// These control the row padding and font styles + +// $table-row-padding: emCalc(9, 10); +// $table-row-font-size: emCalc(14); +// $table-row-font-color: #222; +// $table-line-height: emCalc(18); + +// These are for controlling the display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: emCalc(20); + +// +// Image Thumbnail Variables +// + +// We use these to control border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: emCalc(8); +// $tooltip-bg: #000; +// $tooltip-font-size: emCalc(15); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: emCalc(10); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: emCalc(14); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; + +// +// Top Bar Variables +// + +// Background color for the top bar + +$topbar-bg: $lioGrey; + +// Height and margin + +$topbar-height: 90px; +// $topbar-margin-bottom: emCalc(30); + +// Control Input height for top bar + +// $topbar-input-height: 2.45em; + +// Controlling the styles for the title in the top bar + +// $topbar-title-weight: bold; +// $topbar-title-font-size: emCalc(17); + +// Style the top bar dropdown elements + +// $topbar-dropdown-bg: #222; +// $topbar-dropdown-link-color: #fff; +// $topbar-dropdown-link-bg: lighten($topbar-bg, 5%); +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: #fff; +// $topbar-dropdown-toggle-alpha: 0.5; + +// Set the link colors and styles for top-level nav + +$topbar-link-color: #ddd; +// $topbar-link-color-hover: #fff; +$topbar-link-color-active: $lioRed; +$topbar-link-weight: normal; +// $topbar-link-font-size: emCalc(13); +// $topbar-link-hover-lightness: -30%; // Darken by 30% +// $topbar-link-bg-hover: darken($topbar-bg, 3%); +$topbar-link-bg-active: $lioGrey; + +// $topbar-dropdown-label-color: #555; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: bold; +// $topbar-dropdown-label-font-size: emCalc(10); + +// Top menu icon styles + +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: emCalc(13); +// $topbar-menu-link-weight: bold; +// $topbar-menu-link-color: #fff; +// $topbar-menu-icon-color: #fff; +// $topbar-menu-link-color-toggled: #888; +// $topbar-menu-icon-color-toggled: #888; + +// Transitions and breakpoint styles + +// $topbar-transition-speed: 300ms; +// $topbar-breakpoint: emCalc(940); // Change to 9999px for always mobile layout +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; + +// Divider Styles + +// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%); +// $topbar-divider-border-top: solid 1px darken($topbar-bg, 10%); + +// Sticky Class + +// $topbar-sticky-class: ".sticky"; +$visual-grid-index: front; +$visual-grid-opacity: 0.2; + +/* ========================================================================== + Colors + ========================================================================== */ $lioRed: #F0523F; $lioGrey: lighten(#383636, 10%); $topbar-bg: $lioGrey; + + /* ========================================================================== Foundation settings ========================================================================== */ diff --git a/public/scss/app.scss b/public/scss/app.scss index f01ad64c8..ab354bc82 100644 --- a/public/scss/app.scss +++ b/public/scss/app.scss @@ -1,3 +1,8 @@ +/* ========================================================================== + Neat helpers + ========================================================================== */ +@import "vendor/neat/neat-helpers"; + /* ========================================================================== Settings ========================================================================== */ @@ -6,13 +11,16 @@ /* ========================================================================== Vendor ========================================================================== */ -@import "vendor/normalize"; -@import "foundation"; +@import "vendor/normalize/normalize"; +@import "vendor/foundation/foundation"; +@import "vendor/bourbon/bourbon"; +@import "vendor/neat/neat"; + /* ========================================================================== - Components + Components from other frameworks ========================================================================== */ -@import "vendor/foundation-components"; +// @import "vendor/component/component"; /* ========================================================================== Modules @@ -26,3 +34,4 @@ @import "modules/meta"; @import "modules/post"; @import "modules/sidebar"; + diff --git a/public/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss b/public/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss new file mode 100644 index 000000000..5332496d8 --- /dev/null +++ b/public/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss @@ -0,0 +1,13 @@ +//************************************************************************// +// These mixins/functions are deprecated +// They will be removed in the next MAJOR version release +//************************************************************************// +@mixin box-shadow ($shadows...) { + @include prefixer(box-shadow, $shadows, spec); + @warn "box-shadow is deprecated and will be removed in the next major version release"; +} + +@mixin background-size ($lengths...) { + @include prefixer(background-size, $lengths, spec); + @warn "background-size is deprecated and will be removed in the next major version release"; +} diff --git a/public/scss/vendor/bourbon/_bourbon.scss b/public/scss/vendor/bourbon/_bourbon.scss new file mode 100644 index 000000000..53fbca877 --- /dev/null +++ b/public/scss/vendor/bourbon/_bourbon.scss @@ -0,0 +1,59 @@ +// Custom Helpers +@import "helpers/deprecated-webkit-gradient"; +@import "helpers/gradient-positions-parser"; +@import "helpers/linear-positions-parser"; +@import "helpers/radial-arg-parser"; +@import "helpers/radial-positions-parser"; +@import "helpers/render-gradients"; +@import "helpers/shape-size-stripper"; + +// Custom Functions +@import "functions/compact"; +@import "functions/flex-grid"; +@import "functions/grid-width"; +@import "functions/linear-gradient"; +@import "functions/modular-scale"; +@import "functions/px-to-em"; +@import "functions/radial-gradient"; +@import "functions/tint-shade"; +@import "functions/transition-property-name"; + +// CSS3 Mixins +@import "css3/animation"; +@import "css3/appearance"; +@import "css3/backface-visibility"; +@import "css3/background"; +@import "css3/background-image"; +@import "css3/border-image"; +@import "css3/border-radius"; +@import "css3/box-sizing"; +@import "css3/columns"; +@import "css3/flex-box"; +@import "css3/font-face"; +@import "css3/hidpi-media-query"; +@import "css3/image-rendering"; +@import "css3/inline-block"; +@import "css3/keyframes"; +@import "css3/linear-gradient"; +@import "css3/perspective"; +@import "css3/radial-gradient"; +@import "css3/transform"; +@import "css3/transition"; +@import "css3/user-select"; +@import "css3/placeholder"; + +// Addons & other mixins +@import "addons/button"; +@import "addons/clearfix"; +@import "addons/font-family"; +@import "addons/hide-text"; +@import "addons/html5-input-types"; +@import "addons/position"; +@import "addons/prefixer"; +@import "addons/retina-image"; +@import "addons/size"; +@import "addons/timing-functions"; +@import "addons/triangle"; + +// Soon to be deprecated Mixins +@import "bourbon-deprecated-upcoming"; diff --git a/public/scss/vendor/bourbon/addons/_button.scss b/public/scss/vendor/bourbon/addons/_button.scss new file mode 100644 index 000000000..3ae393c09 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_button.scss @@ -0,0 +1,273 @@ +@mixin button ($style: simple, $base-color: #4294f0) { + + @if type-of($style) == color { + $base-color: $style; + $style: simple; + } + + // Grayscale button + @if $base-color == grayscale($base-color) { + @if $style == simple { + @include simple($base-color, $grayscale: true); + } + + @else if $style == shiny { + @include shiny($base-color, $grayscale: true); + } + + @else if $style == pill { + @include pill($base-color, $grayscale: true); + } + } + + // Colored button + @else { + @if $style == simple { + @include simple($base-color); + } + + @else if $style == shiny { + @include shiny($base-color); + } + + @else if $style == pill { + @include pill($base-color); + } + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + } +} + + +// Simple Button +//************************************************************************// +@mixin simple($base-color, $grayscale: false) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); + $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); + $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); + + @if lightness($base-color) > 70% { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border; + border-radius: 3px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: 11px; + font-weight: bold; + @include linear-gradient ($base-color, $stop-gradient); + padding: 7px 18px; + text-decoration: none; + text-shadow: 0 1px 0 $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); + $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + } + + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + } + + &:active:not(:disabled) { + $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); + + @if $grayscale == true { + $border-active: grayscale($border-active); + $inset-shadow-active: grayscale($inset-shadow-active); + } + + border: 1px solid $border-active; + box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee; + } +} + + +// Shiny Button +//************************************************************************// +@mixin shiny($base-color, $grayscale: false) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); + $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); + $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); + $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); + $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); + $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); + $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); + + @if lightness($base-color) > 70% { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $border-bottom: grayscale($border-bottom); + $fourth-stop: grayscale($fourth-stop); + $inset-shadow: grayscale($inset-shadow); + $second-stop: grayscale($second-stop); + $text-shadow: grayscale($text-shadow); + $third-stop: grayscale($third-stop); + } + + border: 1px solid $border; + border-bottom: 1px solid $border-bottom; + border-radius: 5px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: 14px; + font-weight: bold; + @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); + padding: 8px 20px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + + &:hover:not(:disabled) { + $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); + $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); + $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); + $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); + + @if $grayscale == true { + $first-stop-hover: grayscale($first-stop-hover); + $second-stop-hover: grayscale($second-stop-hover); + $third-stop-hover: grayscale($third-stop-hover); + $fourth-stop-hover: grayscale($fourth-stop-hover); + } + + cursor: pointer; + @include linear-gradient(top, $first-stop-hover 0%, + $second-stop-hover 50%, + $third-stop-hover 50%, + $fourth-stop-hover 100%); + } + + &:active:not(:disabled) { + $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); + + @if $grayscale == true { + $inset-shadow-active: grayscale($inset-shadow-active); + } + + box-shadow: inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff; + } +} + + +// Pill Button +//************************************************************************// +@mixin pill($base-color, $grayscale: false) { + $color: hsl(0, 0, 100%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); + $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); + $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); + $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); + + @if lightness($base-color) > 70% { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + border-radius: 16px; + box-shadow: inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3; + color: $color; + display: inline-block; + font-size: 11px; + font-weight: normal; + line-height: 1; + @include linear-gradient ($base-color, $stop-gradient); + padding: 5px 16px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $lightness: -4.5%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); + $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); + $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + $text-shadow-hover: grayscale($text-shadow-hover); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + text-shadow: 0 -1px 1px $text-shadow-hover; + background-clip: padding-box; + } + + &:active:not(:disabled) { + $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); + $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); + $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); + $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); + $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); + + @if $grayscale == true { + $active-color: grayscale($active-color); + $border-active: grayscale($border-active); + $border-bottom-active: grayscale($border-bottom-active); + $inset-shadow-active: grayscale($inset-shadow-active); + $text-shadow-active: grayscale($text-shadow-active); + } + + background: $active-color; + border: 1px solid $border-active; + border-bottom: 1px solid $border-bottom-active; + box-shadow: inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff; + text-shadow: 0 -1px 1px $text-shadow-active; + } +} diff --git a/public/scss/vendor/bourbon/addons/_clearfix.scss b/public/scss/vendor/bourbon/addons/_clearfix.scss new file mode 100644 index 000000000..ca9903cf0 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_clearfix.scss @@ -0,0 +1,29 @@ +// Micro clearfix provides an easy way to contain floats without adding additional markup +// +// Example usage: +// +// // Contain all floats within .wrapper +// .wrapper { +// @include clearfix; +// .content, +// .sidebar { +// float : left; +// } +// } + +@mixin clearfix { + *zoom: 1; + + &:before, + &:after { + content: " "; + display: table; + } + + &:after { + clear: both; + } +} + +// Acknowledgements +// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/) diff --git a/public/scss/vendor/bourbon/addons/_font-family.scss b/public/scss/vendor/bourbon/addons/_font-family.scss new file mode 100644 index 000000000..df8a80ddf --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_font-family.scss @@ -0,0 +1,5 @@ +$georgia: Georgia, Cambria, "Times New Roman", Times, serif; +$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif; +$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; +$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; +$verdana: Verdana, Geneva, sans-serif; diff --git a/public/scss/vendor/bourbon/addons/_hide-text.scss b/public/scss/vendor/bourbon/addons/_hide-text.scss new file mode 100644 index 000000000..68d4bf86c --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_hide-text.scss @@ -0,0 +1,5 @@ +@mixin hide-text { + color: transparent; + font: 0/0 a; + text-shadow: none; +} diff --git a/public/scss/vendor/bourbon/addons/_html5-input-types.scss b/public/scss/vendor/bourbon/addons/_html5-input-types.scss new file mode 100644 index 000000000..b184382d9 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_html5-input-types.scss @@ -0,0 +1,56 @@ +//************************************************************************// +// Generate a variable ($all-text-inputs) with a list of all html5 +// input types that have a text-based input, excluding textarea. +// http://diveintohtml5.org/forms.html +//************************************************************************// +$inputs-list: 'input[type="email"]', + 'input[type="number"]', + 'input[type="password"]', + 'input[type="search"]', + 'input[type="tel"]', + 'input[type="text"]', + 'input[type="url"]', + + // Webkit & Gecko may change the display of these in the future + 'input[type="color"]', + 'input[type="date"]', + 'input[type="datetime"]', + 'input[type="datetime-local"]', + 'input[type="month"]', + 'input[type="time"]', + 'input[type="week"]'; + +$unquoted-inputs-list: (); +@each $input-type in $inputs-list { + $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma); +} + +$all-text-inputs: $unquoted-inputs-list; + + +// Hover Pseudo-class +//************************************************************************// +$all-text-inputs-hover: (); +@each $input-type in $unquoted-inputs-list { + $input-type-hover: $input-type + ":hover"; + $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma); +} + +// Focus Pseudo-class +//************************************************************************// +$all-text-inputs-focus: (); +@each $input-type in $unquoted-inputs-list { + $input-type-focus: $input-type + ":focus"; + $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma); +} + +// You must use interpolation on the variable: +// #{$all-text-inputs} +// #{$all-text-inputs-hover} +// #{$all-text-inputs-focus} + +// Example +//************************************************************************// +// #{$all-text-inputs}, textarea { +// border: 1px solid red; +// } diff --git a/public/scss/vendor/bourbon/addons/_position.scss b/public/scss/vendor/bourbon/addons/_position.scss new file mode 100644 index 000000000..faad1cae5 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_position.scss @@ -0,0 +1,42 @@ +@mixin position ($position: relative, $coordinates: 0 0 0 0) { + + @if type-of($position) == list { + $coordinates: $position; + $position: relative; + } + + $top: nth($coordinates, 1); + $right: nth($coordinates, 2); + $bottom: nth($coordinates, 3); + $left: nth($coordinates, 4); + + position: $position; + + @if $top == auto { + top: $top; + } + @else if not(unitless($top)) { + top: $top; + } + + @if $right == auto { + right: $right; + } + @else if not(unitless($right)) { + right: $right; + } + + @if $bottom == auto { + bottom: $bottom; + } + @else if not(unitless($bottom)) { + bottom: $bottom; + } + + @if $left == auto { + left: $left; + } + @else if not(unitless($left)) { + left: $left; + } +} diff --git a/public/scss/vendor/bourbon/addons/_prefixer.scss b/public/scss/vendor/bourbon/addons/_prefixer.scss new file mode 100644 index 000000000..6bfd23a1d --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_prefixer.scss @@ -0,0 +1,49 @@ +//************************************************************************// +// Example: @include prefixer(border-radius, $radii, webkit ms spec); +//************************************************************************// +$prefix-for-webkit: true !default; +$prefix-for-mozilla: true !default; +$prefix-for-microsoft: true !default; +$prefix-for-opera: true !default; +$prefix-for-spec: true !default; // required for keyframe mixin + +@mixin prefixer ($property, $value, $prefixes) { + @each $prefix in $prefixes { + @if $prefix == webkit { + @if $prefix-for-webkit { + -webkit-#{$property}: $value; + } + } + @else if $prefix == moz { + @if $prefix-for-mozilla { + -moz-#{$property}: $value; + } + } + @else if $prefix == ms { + @if $prefix-for-microsoft { + -ms-#{$property}: $value; + } + } + @else if $prefix == o { + @if $prefix-for-opera { + -o-#{$property}: $value; + } + } + @else if $prefix == spec { + @if $prefix-for-spec { + #{$property}: $value; + } + } + @else { + @warn "Unrecognized prefix: #{$prefix}"; + } + } +} + +@mixin disable-prefix-for-all() { + $prefix-for-webkit: false; + $prefix-for-mozilla: false; + $prefix-for-microsoft: false; + $prefix-for-opera: false; + $prefix-for-spec: false; +} diff --git a/public/scss/vendor/bourbon/addons/_retina-image.scss b/public/scss/vendor/bourbon/addons/_retina-image.scss new file mode 100644 index 000000000..a84b6faeb --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_retina-image.scss @@ -0,0 +1,32 @@ +@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $asset-pipeline: false) { + @if $asset-pipeline { + background-image: image-url("#{$filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}.#{$extension}"); + } + + @include hidpi { + + @if $asset-pipeline { + @if $retina-filename { + background-image: image-url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: image-url("#{$filename}@2x.#{$extension}"); + } + } + + @else { + @if $retina-filename { + background-image: url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}@2x.#{$extension}"); + } + } + + background-size: $background-size; + + } +} diff --git a/public/scss/vendor/bourbon/addons/_size.scss b/public/scss/vendor/bourbon/addons/_size.scss new file mode 100644 index 000000000..342e41b79 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_size.scss @@ -0,0 +1,44 @@ +@mixin size($size) { + @if length($size) == 1 { + @if $size == auto { + width: $size; + height: $size; + } + + @else if unitless($size) { + width: $size + px; + height: $size + px; + } + + @else if not(unitless($size)) { + width: $size; + height: $size; + } + } + + // Width x Height + @if length($size) == 2 { + $width: nth($size, 1); + $height: nth($size, 2); + + @if $width == auto { + width: $width; + } + @else if not(unitless($width)) { + width: $width; + } + @else if unitless($width) { + width: $width + px; + } + + @if $height == auto { + height: $height; + } + @else if not(unitless($height)) { + height: $height; + } + @else if unitless($height) { + height: $height + px; + } + } +} diff --git a/public/scss/vendor/bourbon/addons/_timing-functions.scss b/public/scss/vendor/bourbon/addons/_timing-functions.scss new file mode 100644 index 000000000..51b241091 --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_timing-functions.scss @@ -0,0 +1,32 @@ +// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) +// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html + +// EASE IN +$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); +$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); +$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); +$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); +$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); +$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); +$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); +$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); + +// EASE OUT +$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); +$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); +$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); +$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); +$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); +$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); +$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); +$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); + +// EASE IN OUT +$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); +$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); +$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); +$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); +$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); +$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); +$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); +$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); diff --git a/public/scss/vendor/bourbon/addons/_triangle.scss b/public/scss/vendor/bourbon/addons/_triangle.scss new file mode 100644 index 000000000..0e02aca2c --- /dev/null +++ b/public/scss/vendor/bourbon/addons/_triangle.scss @@ -0,0 +1,45 @@ +@mixin triangle ($size, $color, $direction) { + height: 0; + width: 0; + + @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { + border-color: transparent; + border-style: solid; + border-width: $size / 2; + + @if $direction == up { + border-bottom-color: $color; + + } @else if $direction == right { + border-left-color: $color; + + } @else if $direction == down { + border-top-color: $color; + + } @else if $direction == left { + border-right-color: $color; + } + } + + @else if ($direction == up-right) or ($direction == up-left) { + border-top: $size solid $color; + + @if $direction == up-right { + border-left: $size solid transparent; + + } @else if $direction == up-left { + border-right: $size solid transparent; + } + } + + @else if ($direction == down-right) or ($direction == down-left) { + border-bottom: $size solid $color; + + @if $direction == down-right { + border-left: $size solid transparent; + + } @else if $direction == down-left { + border-right: $size solid transparent; + } + } +} diff --git a/public/scss/vendor/bourbon/css3/_animation.scss b/public/scss/vendor/bourbon/css3/_animation.scss new file mode 100644 index 000000000..08c3dbf15 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_animation.scss @@ -0,0 +1,52 @@ +// http://www.w3.org/TR/css3-animations/#the-animation-name-property- +// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. + +// Official animation shorthand property. +@mixin animation ($animations...) { + @include prefixer(animation, $animations, webkit moz spec); +} + +// Individual Animation Properties +@mixin animation-name ($names...) { + @include prefixer(animation-name, $names, webkit moz spec); +} + + +@mixin animation-duration ($times...) { + @include prefixer(animation-duration, $times, webkit moz spec); +} + + +@mixin animation-timing-function ($motions...) { +// ease | linear | ease-in | ease-out | ease-in-out + @include prefixer(animation-timing-function, $motions, webkit moz spec); +} + + +@mixin animation-iteration-count ($values...) { +// infinite | + @include prefixer(animation-iteration-count, $values, webkit moz spec); +} + + +@mixin animation-direction ($directions...) { +// normal | alternate + @include prefixer(animation-direction, $directions, webkit moz spec); +} + + +@mixin animation-play-state ($states...) { +// running | paused + @include prefixer(animation-play-state, $states, webkit moz spec); +} + + +@mixin animation-delay ($times...) { + @include prefixer(animation-delay, $times, webkit moz spec); +} + + +@mixin animation-fill-mode ($modes...) { +// none | forwards | backwards | both + @include prefixer(animation-fill-mode, $modes, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_appearance.scss b/public/scss/vendor/bourbon/css3/_appearance.scss new file mode 100644 index 000000000..3eb16e45d --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_appearance.scss @@ -0,0 +1,3 @@ +@mixin appearance ($value) { + @include prefixer(appearance, $value, webkit moz ms o spec); +} diff --git a/public/scss/vendor/bourbon/css3/_backface-visibility.scss b/public/scss/vendor/bourbon/css3/_backface-visibility.scss new file mode 100644 index 000000000..1161fe60d --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_backface-visibility.scss @@ -0,0 +1,6 @@ +//************************************************************************// +// Backface-visibility mixin +//************************************************************************// +@mixin backface-visibility($visibility) { + @include prefixer(backface-visibility, $visibility, webkit spec); +} diff --git a/public/scss/vendor/bourbon/css3/_background-image.scss b/public/scss/vendor/bourbon/css3/_background-image.scss new file mode 100644 index 000000000..17016b91b --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_background-image.scss @@ -0,0 +1,48 @@ +//************************************************************************// +// Background-image property for adding multiple background images with +// gradients, or for stringing multiple gradients together. +//************************************************************************// + +@mixin background-image($images...) { + background-image: _add-prefix($images, webkit); + background-image: _add-prefix($images); +} + +@function _add-prefix($images, $vendor: false) { + $images-prefixed: (); + $gradient-positions: false; + @for $i from 1 through length($images) { + $type: type-of(nth($images, $i)); // Get type of variable - List or String + + // If variable is a list - Gradient + @if $type == list { + $gradient-type: nth(nth($images, $i), 1); // linear or radial + $gradient-pos: null; + $gradient-args: null; + + @if ($gradient-type == linear) or ($gradient-type == radial) { + $gradient-pos: nth(nth($images, $i), 2); // Get gradient position + $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue) + } + @else { + $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) + } + + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + $images-prefixed: append($images-prefixed, $gradient, comma); + } + // If variable is a string - Image + @else if $type == string { + $images-prefixed: join($images-prefixed, nth($images, $i), comma); + } + } + @return $images-prefixed; +} + +//Examples: + //@include background-image(linear-gradient(top, orange, red)); + //@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); + //@include background-image(url("/images/a.png"), linear-gradient(orange, red)); + //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); + //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red)); diff --git a/public/scss/vendor/bourbon/css3/_background.scss b/public/scss/vendor/bourbon/css3/_background.scss new file mode 100644 index 000000000..766d5d322 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_background.scss @@ -0,0 +1,103 @@ +//************************************************************************// +// Background property for adding multiple backgrounds using shorthand +// notation. +//************************************************************************// + +@mixin background( + $background-1 , $background-2: false, + $background-3: false, $background-4: false, + $background-5: false, $background-6: false, + $background-7: false, $background-8: false, + $background-9: false, $background-10: false, + $fallback: false +) { + $backgrounds: compact($background-1, $background-2, + $background-3, $background-4, + $background-5, $background-6, + $background-7, $background-8, + $background-9, $background-10); + + $fallback-color: false; + @if (type-of($fallback) == color) or ($fallback == "transparent") { + $fallback-color: $fallback; + } + @else { + $fallback-color: _extract-background-color($backgrounds); + } + + @if $fallback-color { + background-color: $fallback-color; + } + background: _background-add-prefix($backgrounds, webkit); + background: _background-add-prefix($backgrounds); +} + +@function _extract-background-color($backgrounds) { + $final-bg-layer: nth($backgrounds, length($backgrounds)); + @if type-of($final-bg-layer) == list { + @for $i from 1 through length($final-bg-layer) { + $value: nth($final-bg-layer, $i); + @if type-of($value) == color { + @return $value; + } + } + } + @return false; +} + +@function _background-add-prefix($backgrounds, $vendor: false) { + $backgrounds-prefixed: (); + + @for $i from 1 through length($backgrounds) { + $shorthand: nth($backgrounds, $i); // Get member for current index + $type: type-of($shorthand); // Get type of variable - List (gradient) or String (image) + + // If shorthand is a list (gradient) + @if $type == list { + $first-member: nth($shorthand, 1); // Get first member of shorthand + + // Linear Gradient + @if index(linear radial, nth($first-member, 1)) { + $gradient-type: nth($first-member, 1); // linear || radial + $gradient-args: false; + $gradient-positions: false; + $shorthand-start: false; + @if type-of($first-member) == list { // Linear gradient plus additional shorthand values - lg(red,orange)repeat,... + $gradient-positions: nth($first-member, 2); + $gradient-args: nth($first-member, 3); + $shorthand-start: 2; + } + @else { // Linear gradient only - lg(red,orange),... + $gradient-positions: nth($shorthand, 2); + $gradient-args: nth($shorthand, 3); // Get gradient (red, blue) + } + + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-positions); + $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + + // Append any additional shorthand args to gradient + @if $shorthand-start { + @for $j from $shorthand-start through length($shorthand) { + $gradient: join($gradient, nth($shorthand, $j), space); + } + } + $backgrounds-prefixed: append($backgrounds-prefixed, $gradient, comma); + } + // Image with additional properties + @else { + $backgrounds-prefixed: append($backgrounds-prefixed, $shorthand, comma); + } + } + // If shorthand is a simple string (color or image) + @else if $type == string { + $backgrounds-prefixed: join($backgrounds-prefixed, $shorthand, comma); + } + } + @return $backgrounds-prefixed; +} + +//Examples: + //@include background(linear-gradient(top, orange, red)); + //@include background(radial-gradient(circle at 40% 40%, orange, red)); + //@include background(url("/images/a.png") no-repeat, linear-gradient(orange, red)); + //@include background(url("image.png") center center, linear-gradient(orange, red), url("image.png")); diff --git a/public/scss/vendor/bourbon/css3/_border-image.scss b/public/scss/vendor/bourbon/css3/_border-image.scss new file mode 100644 index 000000000..1fff212df --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_border-image.scss @@ -0,0 +1,55 @@ +@mixin border-image($images) { + -webkit-border-image: _border-add-prefix($images, webkit); + -moz-border-image: _border-add-prefix($images, moz); + -o-border-image: _border-add-prefix($images, o); + border-image: _border-add-prefix($images); +} + +@function _border-add-prefix($images, $vendor: false) { + $border-image: null; + $images-type: type-of(nth($images, 1)); + $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial) + + // If input is a gradient + @if $images-type == string { + @if ($first-var == "linear") or ($first-var == "radial") { + $gradient-type: nth($images, 1); // Get type of gradient (linear || radial) + $gradient-pos: nth($images, 2); // Get gradient position + $gradient-args: nth($images, 3); // Get actual gradient (red, blue) + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + } + // If input is a URL + @else { + $border-image: $images; + } + } + // If input is gradient or url + additional args + @else if $images-type == list { + $type: type-of(nth($images, 1)); // Get type of variable - List or String + + // If variable is a list - Gradient + @if $type == list { + $gradient: nth($images, 1); + $gradient-type: nth($gradient, 1); // Get type of gradient (linear || radial) + $gradient-pos: nth($gradient, 2); // Get gradient position + $gradient-args: nth($gradient, 3); // Get actual gradient (red, blue) + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + + @for $i from 2 through length($images) { + $border-image: append($border-image, nth($images, $i)); + } + } + } + @return $border-image; +} + +//Examples: +// @include border-image(url("image.png")); +// @include border-image(url("image.png") 20 stretch); +// @include border-image(linear-gradient(45deg, orange, yellow)); +// @include border-image(linear-gradient(45deg, orange, yellow) stretch); +// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); +// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); + diff --git a/public/scss/vendor/bourbon/css3/_border-radius.scss b/public/scss/vendor/bourbon/css3/_border-radius.scss new file mode 100644 index 000000000..7c1719010 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_border-radius.scss @@ -0,0 +1,22 @@ +//************************************************************************// +// Shorthand Border-radius mixins +//************************************************************************// +@mixin border-top-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-top-right-radius, $radii, spec); +} + +@mixin border-bottom-radius($radii) { + @include prefixer(border-bottom-left-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} + +@mixin border-left-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-bottom-left-radius, $radii, spec); +} + +@mixin border-right-radius($radii) { + @include prefixer(border-top-right-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} diff --git a/public/scss/vendor/bourbon/css3/_box-sizing.scss b/public/scss/vendor/bourbon/css3/_box-sizing.scss new file mode 100644 index 000000000..f07e1d412 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_box-sizing.scss @@ -0,0 +1,4 @@ +@mixin box-sizing ($box) { +// content-box | border-box | inherit + @include prefixer(box-sizing, $box, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_columns.scss b/public/scss/vendor/bourbon/css3/_columns.scss new file mode 100644 index 000000000..42274a4ee --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_columns.scss @@ -0,0 +1,47 @@ +@mixin columns($arg: auto) { +// || + @include prefixer(columns, $arg, webkit moz spec); +} + +@mixin column-count($int: auto) { +// auto || integer + @include prefixer(column-count, $int, webkit moz spec); +} + +@mixin column-gap($length: normal) { +// normal || length + @include prefixer(column-gap, $length, webkit moz spec); +} + +@mixin column-fill($arg: auto) { +// auto || length + @include prefixer(columns-fill, $arg, webkit moz spec); +} + +@mixin column-rule($arg) { +// || || + @include prefixer(column-rule, $arg, webkit moz spec); +} + +@mixin column-rule-color($color) { + @include prefixer(column-rule-color, $color, webkit moz spec); +} + +@mixin column-rule-style($style: none) { +// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid + @include prefixer(column-rule-style, $style, webkit moz spec); +} + +@mixin column-rule-width ($width: none) { + @include prefixer(column-rule-width, $width, webkit moz spec); +} + +@mixin column-span($arg: none) { +// none || all + @include prefixer(column-span, $arg, webkit moz spec); +} + +@mixin column-width($length: auto) { +// auto || length + @include prefixer(column-width, $length, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_flex-box.scss b/public/scss/vendor/bourbon/css3/_flex-box.scss new file mode 100644 index 000000000..3e741e669 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_flex-box.scss @@ -0,0 +1,52 @@ +// CSS3 Flexible Box Model and property defaults + +// Custom shorthand notation for flexbox +@mixin box($orient: inline-axis, $pack: start, $align: stretch) { + @include display-box; + @include box-orient($orient); + @include box-pack($pack); + @include box-align($align); +} + +@mixin display-box { + display: -webkit-box; + display: -moz-box; + display: box; +} + +@mixin box-orient($orient: inline-axis) { +// horizontal|vertical|inline-axis|block-axis|inherit + @include prefixer(box-orient, $orient, webkit moz spec); +} + +@mixin box-pack($pack: start) { +// start|end|center|justify + @include prefixer(box-pack, $pack, webkit moz spec); +} + +@mixin box-align($align: stretch) { +// start|end|center|baseline|stretch + @include prefixer(box-align, $align, webkit moz spec); +} + +@mixin box-direction($direction: normal) { +// normal|reverse|inherit + @include prefixer(box-direction, $direction, webkit moz spec); +} + +@mixin box-lines($lines: single) { +// single|multiple + @include prefixer(box-lines, $lines, webkit moz spec); +} + +@mixin box-ordinal-group($int: 1) { + @include prefixer(box-ordinal-group, $int, webkit moz spec); +} + +@mixin box-flex($value: 0.0) { + @include prefixer(box-flex, $value, webkit moz spec); +} + +@mixin box-flex-group($int: 1) { + @include prefixer(box-flex-group, $int, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_font-face.scss b/public/scss/vendor/bourbon/css3/_font-face.scss new file mode 100644 index 000000000..029ee8fe8 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_font-face.scss @@ -0,0 +1,23 @@ +// Order of the includes matters, and it is: normal, bold, italic, bold+italic. + +@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) { + @font-face { + font-family: $font-family; + font-weight: $weight; + font-style: $style; + + @if $asset-pipeline == true { + src: font-url('#{$file-path}.eot'); + src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), + font-url('#{$file-path}.woff') format('woff'), + font-url('#{$file-path}.ttf') format('truetype'), + font-url('#{$file-path}.svg##{$font-family}') format('svg'); + } @else { + src: url('#{$file-path}.eot'); + src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'), + url('#{$file-path}.woff') format('woff'), + url('#{$file-path}.ttf') format('truetype'), + url('#{$file-path}.svg##{$font-family}') format('svg'); + } + } +} diff --git a/public/scss/vendor/bourbon/css3/_hidpi-media-query.scss b/public/scss/vendor/bourbon/css3/_hidpi-media-query.scss new file mode 100644 index 000000000..111e4009b --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_hidpi-media-query.scss @@ -0,0 +1,10 @@ +// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/) +@mixin hidpi($ratio: 1.3) { + @media only screen and (-webkit-min-device-pixel-ratio: $ratio), + only screen and (min--moz-device-pixel-ratio: $ratio), + only screen and (-o-min-device-pixel-ratio: #{$ratio}/1), + only screen and (min-resolution: #{round($ratio*96)}dpi), + only screen and (min-resolution: #{$ratio}dppx) { + @content; + } +} diff --git a/public/scss/vendor/bourbon/css3/_image-rendering.scss b/public/scss/vendor/bourbon/css3/_image-rendering.scss new file mode 100644 index 000000000..abc7ee1aa --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_image-rendering.scss @@ -0,0 +1,13 @@ +@mixin image-rendering ($mode:optimizeQuality) { + + @if ($mode == optimize-contrast) { + image-rendering: -moz-crisp-edges; + image-rendering: -o-crisp-edges; + image-rendering: -webkit-optimize-contrast; + image-rendering: optimize-contrast; + } + + @else { + image-rendering: $mode; + } +} diff --git a/public/scss/vendor/bourbon/css3/_inline-block.scss b/public/scss/vendor/bourbon/css3/_inline-block.scss new file mode 100644 index 000000000..3272a0010 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_inline-block.scss @@ -0,0 +1,8 @@ +// Legacy support for inline-block in IE7 (maybe IE6) +@mixin inline-block { + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; +} diff --git a/public/scss/vendor/bourbon/css3/_keyframes.scss b/public/scss/vendor/bourbon/css3/_keyframes.scss new file mode 100644 index 000000000..dca61f2a0 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_keyframes.scss @@ -0,0 +1,43 @@ +// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content +@mixin keyframes($name) { + $original-prefix-for-webkit: $prefix-for-webkit; + $original-prefix-for-mozilla: $prefix-for-mozilla; + $original-prefix-for-microsoft: $prefix-for-microsoft; + $original-prefix-for-opera: $prefix-for-opera; + $original-prefix-for-spec: $prefix-for-spec; + + @if $original-prefix-for-webkit { + @include disable-prefix-for-all(); + $prefix-for-webkit: true; + @-webkit-keyframes #{$name} { + @content; + } + } + @if $original-prefix-for-mozilla { + @include disable-prefix-for-all(); + $prefix-for-mozilla: true; + @-moz-keyframes #{$name} { + @content; + } + } + @if $original-prefix-for-opera { + @include disable-prefix-for-all(); + $prefix-for-opera: true; + @-o-keyframes #{$name} { + @content; + } + } + @if $original-prefix-for-spec { + @include disable-prefix-for-all(); + $prefix-for-spec: true; + @keyframes #{$name} { + @content; + } + } + + $prefix-for-webkit: $original-prefix-for-webkit; + $prefix-for-mozilla: $original-prefix-for-mozilla; + $prefix-for-microsoft: $original-prefix-for-microsoft; + $prefix-for-opera: $original-prefix-for-opera; + $prefix-for-spec: $original-prefix-for-spec; +} diff --git a/public/scss/vendor/bourbon/css3/_linear-gradient.scss b/public/scss/vendor/bourbon/css3/_linear-gradient.scss new file mode 100644 index 000000000..d5b687b00 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_linear-gradient.scss @@ -0,0 +1,41 @@ +@mixin linear-gradient($pos, $G1, $G2: false, + $G3: false, $G4: false, + $G5: false, $G6: false, + $G7: false, $G8: false, + $G9: false, $G10: false, + $deprecated-pos1: left top, + $deprecated-pos2: left bottom, + $fallback: false) { + // Detect what type of value exists in $pos + $pos-type: type-of(nth($pos, 1)); + $pos-spec: null; + $pos-degree: null; + + // If $pos is missing from mixin, reassign vars and add default position + @if ($pos-type == color) or (nth($pos, 1) == "transparent") { + $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5; + $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos; + $pos: null; + } + + @if $pos { + $positions: _linear-positions-parser($pos); + $pos-degree: nth($positions, 1); + $pos-spec: nth($positions, 2); + } + + $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); + + // Set $G1 as the default fallback color + $fallback-color: nth($G1, 1); + + // If $fallback is a color use that color as the fallback color + @if (type-of($fallback) == color) or ($fallback == "transparent") { + $fallback-color: $fallback; + } + + background-color: $fallback-color; + background-image: _deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0 + background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome + background-image: unquote("linear-gradient(#{$pos-spec}#{$full})"); +} diff --git a/public/scss/vendor/bourbon/css3/_perspective.scss b/public/scss/vendor/bourbon/css3/_perspective.scss new file mode 100644 index 000000000..0e4deb80f --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_perspective.scss @@ -0,0 +1,8 @@ +@mixin perspective($depth: none) { + // none | + @include prefixer(perspective, $depth, webkit moz spec); +} + +@mixin perspective-origin($value: 50% 50%) { + @include prefixer(perspective-origin, $value, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_placeholder.scss b/public/scss/vendor/bourbon/css3/_placeholder.scss new file mode 100644 index 000000000..22fd92b4f --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_placeholder.scss @@ -0,0 +1,29 @@ +$placeholders: '-webkit-input-placeholder', + '-moz-placeholder', + '-ms-input-placeholder'; + +@mixin placeholder { + @each $placeholder in $placeholders { + @if $placeholder == "-webkit-input-placeholder" { + &::#{$placeholder} { + @content; + } + } + @else if $placeholder == "-moz-placeholder" { + // FF 18- + &:#{$placeholder} { + @content; + } + + // FF 19+ + &::#{$placeholder} { + @content; + } + } + @else { + &:#{$placeholder} { + @content; + } + } + } +} diff --git a/public/scss/vendor/bourbon/css3/_radial-gradient.scss b/public/scss/vendor/bourbon/css3/_radial-gradient.scss new file mode 100644 index 000000000..e87b45a5a --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_radial-gradient.scss @@ -0,0 +1,44 @@ +// Requires Sass 3.1+ +@mixin radial-gradient($G1, $G2, + $G3: false, $G4: false, + $G5: false, $G6: false, + $G7: false, $G8: false, + $G9: false, $G10: false, + $pos: null, + $shape-size: null, + $deprecated-pos1: center center, + $deprecated-pos2: center center, + $deprecated-radius1: 0, + $deprecated-radius2: 460, + $fallback: false) { + + $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); + $G1: nth($data, 1); + $G2: nth($data, 2); + $pos: nth($data, 3); + $shape-size: nth($data, 4); + + $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); + + // Strip deprecated cover/contain for spec + $shape-size-spec: _shape-size-stripper($shape-size); + + // Set $G1 as the default fallback color + $first-color: nth($full, 1); + $fallback-color: nth($first-color, 1); + + @if (type-of($fallback) == color) or ($fallback == "transparent") { + $fallback-color: $fallback; + } + + // Add Commas and spaces + $shape-size: if($shape-size, '#{$shape-size}, ', null); + $pos: if($pos, '#{$pos}, ', null); + $pos-spec: if($pos, 'at #{$pos}', null); + $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} '); + + background-color: $fallback-color; + background-image: _deprecated-webkit-gradient(radial, $deprecated-pos1, $deprecated-pos2, $full, $deprecated-radius1, $deprecated-radius2); // Safari <= 5.0 && IOS 4 + background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full})); + background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})"); +} diff --git a/public/scss/vendor/bourbon/css3/_transform.scss b/public/scss/vendor/bourbon/css3/_transform.scss new file mode 100644 index 000000000..8cc35963d --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_transform.scss @@ -0,0 +1,15 @@ +@mixin transform($property: none) { +// none | + @include prefixer(transform, $property, webkit moz ms o spec); +} + +@mixin transform-origin($axes: 50%) { +// x-axis - left | center | right | length | % +// y-axis - top | center | bottom | length | % +// z-axis - length + @include prefixer(transform-origin, $axes, webkit moz ms o spec); +} + +@mixin transform-style ($style: flat) { + @include prefixer(transform-style, $style, webkit moz ms o spec); +} diff --git a/public/scss/vendor/bourbon/css3/_transition.scss b/public/scss/vendor/bourbon/css3/_transition.scss new file mode 100644 index 000000000..180cde6c8 --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_transition.scss @@ -0,0 +1,34 @@ +// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable. +// Example: @include transition (all, 2.0s, ease-in-out); +// @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s)); +// @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s)); + +@mixin transition ($properties...) { + @if length($properties) >= 1 { + @include prefixer(transition, $properties, webkit moz spec); + } + + @else { + $properties: all 0.15s ease-out 0; + @include prefixer(transition, $properties, webkit moz spec); + } +} + +@mixin transition-property ($properties...) { + -webkit-transition-property: transition-property-names($properties, 'webkit'); + -moz-transition-property: transition-property-names($properties, 'moz'); + transition-property: transition-property-names($properties, false); +} + +@mixin transition-duration ($times...) { + @include prefixer(transition-duration, $times, webkit moz spec); +} + +@mixin transition-timing-function ($motions...) { +// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() + @include prefixer(transition-timing-function, $motions, webkit moz spec); +} + +@mixin transition-delay ($times...) { + @include prefixer(transition-delay, $times, webkit moz spec); +} diff --git a/public/scss/vendor/bourbon/css3/_user-select.scss b/public/scss/vendor/bourbon/css3/_user-select.scss new file mode 100644 index 000000000..1380aa8ba --- /dev/null +++ b/public/scss/vendor/bourbon/css3/_user-select.scss @@ -0,0 +1,3 @@ +@mixin user-select($arg: none) { + @include prefixer(user-select, $arg, webkit moz ms spec); +} diff --git a/public/scss/vendor/bourbon/functions/_compact.scss b/public/scss/vendor/bourbon/functions/_compact.scss new file mode 100644 index 000000000..871500e33 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_compact.scss @@ -0,0 +1,11 @@ +// Remove `false` values from a list + +@function compact($vars...) { + $list: (); + @each $var in $vars { + @if $var { + $list: append($list, $var, comma); + } + } + @return $list; +} diff --git a/public/scss/vendor/bourbon/functions/_flex-grid.scss b/public/scss/vendor/bourbon/functions/_flex-grid.scss new file mode 100644 index 000000000..3bbd86657 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_flex-grid.scss @@ -0,0 +1,39 @@ +// Flexible grid +@function flex-grid($columns, $container-columns: $fg-max-columns) { + $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; + $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; + @return percentage($width / $container-width); +} + +// Flexible gutter +@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { + $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; + @return percentage($gutter / $container-width); +} + +// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function. +// This function takes the fluid grid equation (target / context = result) and uses columns to help define each. +// +// The calculation presumes that your column structure will be missing the last gutter: +// +// -- column -- gutter -- column -- gutter -- column +// +// $fg-column: 60px; // Column Width +// $fg-gutter: 25px; // Gutter Width +// $fg-max-columns: 12; // Total Columns For Main Container +// +// div { +// width: flex-grid(4); // returns (315px / 995px) = 31.65829%; +// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%; +// +// p { +// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; +// float: left; +// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%; +// } +// +// blockquote { +// float: left; +// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; +// } +// } \ No newline at end of file diff --git a/public/scss/vendor/bourbon/functions/_grid-width.scss b/public/scss/vendor/bourbon/functions/_grid-width.scss new file mode 100644 index 000000000..8e63d83d6 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_grid-width.scss @@ -0,0 +1,13 @@ +@function grid-width($n) { + @return $n * $gw-column + ($n - 1) * $gw-gutter; +} + +// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. +// +// $gw-column: 100px; // Column Width +// $gw-gutter: 40px; // Gutter Width +// +// div { +// width: grid-width(4); // returns 520px; +// margin-left: $gw-gutter; // returns 40px; +// } diff --git a/public/scss/vendor/bourbon/functions/_linear-gradient.scss b/public/scss/vendor/bourbon/functions/_linear-gradient.scss new file mode 100644 index 000000000..c8454d83f --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_linear-gradient.scss @@ -0,0 +1,13 @@ +@function linear-gradient($pos, $gradients...) { + $type: linear; + $pos-type: type-of(nth($pos, 1)); + + // if $pos doesn't exist, fix $gradient + @if ($pos-type == color) or (nth($pos, 1) == "transparent") { + $gradients: zip($pos $gradients); + $pos: false; + } + + $type-gradient: $type, $pos, $gradients; + @return $type-gradient; +} diff --git a/public/scss/vendor/bourbon/functions/_modular-scale.scss b/public/scss/vendor/bourbon/functions/_modular-scale.scss new file mode 100644 index 000000000..dddccb522 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_modular-scale.scss @@ -0,0 +1,40 @@ +@function modular-scale($value, $increment, $ratio) { + @if $increment > 0 { + @for $i from 1 through $increment { + $value: ($value * $ratio); + } + } + + @if $increment < 0 { + $increment: abs($increment); + @for $i from 1 through $increment { + $value: ($value / $ratio); + } + } + + @return $value; +} + +// div { +// Increment Up GR with positive value +// font-size: modular-scale(14px, 1, 1.618); // returns: 22.652px +// +// Increment Down GR with negative value +// font-size: modular-scale(14px, -1, 1.618); // returns: 8.653px +// +// Can be used with ceil(round up) or floor(round down) +// font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px +// font-size: ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px +// } +// +// modularscale.com + +@function golden-ratio($value, $increment) { + @return modular-scale($value, $increment, 1.618) +} + +// div { +// font-size: golden-ratio(14px, 1); // returns: 22.652px +// } +// +// goldenratiocalculator.com diff --git a/public/scss/vendor/bourbon/functions/_px-to-em.scss b/public/scss/vendor/bourbon/functions/_px-to-em.scss new file mode 100644 index 000000000..2eb1031c6 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_px-to-em.scss @@ -0,0 +1,8 @@ +// Convert pixels to ems +// eg. for a relational value of 12px write em(12) when the parent is 16px +// if the parent is another value say 24px write em(12, 24) + +@function em($pxval, $base: 16) { + @return ($pxval / $base) * 1em; +} + diff --git a/public/scss/vendor/bourbon/functions/_radial-gradient.scss b/public/scss/vendor/bourbon/functions/_radial-gradient.scss new file mode 100644 index 000000000..75584060d --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_radial-gradient.scss @@ -0,0 +1,23 @@ +// This function is required and used by the background-image mixin. +@function radial-gradient($G1, $G2, + $G3: false, $G4: false, + $G5: false, $G6: false, + $G7: false, $G8: false, + $G9: false, $G10: false, + $pos: null, + $shape-size: null) { + + $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); + $G1: nth($data, 1); + $G2: nth($data, 2); + $pos: nth($data, 3); + $shape-size: nth($data, 4); + + $type: radial; + $gradient: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10); + + $type-gradient: $type, $shape-size $pos, $gradient; + @return $type-gradient; +} + + diff --git a/public/scss/vendor/bourbon/functions/_tint-shade.scss b/public/scss/vendor/bourbon/functions/_tint-shade.scss new file mode 100644 index 000000000..f7172004a --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_tint-shade.scss @@ -0,0 +1,9 @@ +// Add percentage of white to a color +@function tint($color, $percent){ + @return mix(white, $color, $percent); +} + +// Add percentage of black to a color +@function shade($color, $percent){ + @return mix(black, $color, $percent); +} diff --git a/public/scss/vendor/bourbon/functions/_transition-property-name.scss b/public/scss/vendor/bourbon/functions/_transition-property-name.scss new file mode 100644 index 000000000..54cd42281 --- /dev/null +++ b/public/scss/vendor/bourbon/functions/_transition-property-name.scss @@ -0,0 +1,22 @@ +// Return vendor-prefixed property names if appropriate +// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background +//************************************************************************// +@function transition-property-names($props, $vendor: false) { + $new-props: (); + + @each $prop in $props { + $new-props: append($new-props, transition-property-name($prop, $vendor), comma); + } + + @return $new-props; +} + +@function transition-property-name($prop, $vendor: false) { + // put other properties that need to be prefixed here aswell + @if $vendor and $prop == transform { + @return unquote('-'+$vendor+'-'+$prop); + } + @else { + @return $prop; + } +} \ No newline at end of file diff --git a/public/scss/vendor/bourbon/helpers/_deprecated-webkit-gradient.scss b/public/scss/vendor/bourbon/helpers/_deprecated-webkit-gradient.scss new file mode 100644 index 000000000..cd17e2832 --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_deprecated-webkit-gradient.scss @@ -0,0 +1,39 @@ +// Render Deprecated Webkit Gradient - Linear || Radial +//************************************************************************// +@function _deprecated-webkit-gradient($type, + $deprecated-pos1, $deprecated-pos2, + $full, + $deprecated-radius1: false, $deprecated-radius2: false) { + $gradient-list: (); + $gradient: false; + $full-length: length($full); + $percentage: false; + $gradient-type: $type; + + @for $i from 1 through $full-length { + $gradient: nth($full, $i); + + @if length($gradient) == 2 { + $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1)); + $gradient-list: join($gradient-list, $color-stop, comma); + } + @else if $gradient != null { + @if $i == $full-length { + $percentage: 100%; + } + @else { + $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%"; + } + $color-stop: color-stop(unquote($percentage), $gradient); + $gradient-list: join($gradient-list, $color-stop, comma); + } + } + + @if $type == radial { + $gradient: -webkit-gradient(radial, $deprecated-pos1, $deprecated-radius1, $deprecated-pos2, $deprecated-radius2, $gradient-list); + } + @else if $type == linear { + $gradient: -webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $gradient-list); + } + @return $gradient; +} diff --git a/public/scss/vendor/bourbon/helpers/_gradient-positions-parser.scss b/public/scss/vendor/bourbon/helpers/_gradient-positions-parser.scss new file mode 100644 index 000000000..07d30b6cf --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_gradient-positions-parser.scss @@ -0,0 +1,13 @@ +@function _gradient-positions-parser($gradient-type, $gradient-positions) { + @if $gradient-positions + and ($gradient-type == linear) + and (type-of($gradient-positions) != color) { + $gradient-positions: _linear-positions-parser($gradient-positions); + } + @else if $gradient-positions + and ($gradient-type == radial) + and (type-of($gradient-positions) != color) { + $gradient-positions: _radial-positions-parser($gradient-positions); + } + @return $gradient-positions; +} diff --git a/public/scss/vendor/bourbon/helpers/_linear-positions-parser.scss b/public/scss/vendor/bourbon/helpers/_linear-positions-parser.scss new file mode 100644 index 000000000..d26383edc --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_linear-positions-parser.scss @@ -0,0 +1,61 @@ +@function _linear-positions-parser($pos) { + $type: type-of(nth($pos, 1)); + $spec: null; + $degree: null; + $side: null; + $corner: null; + $length: length($pos); + // Parse Side and corner positions + @if ($length > 1) { + @if nth($pos, 1) == "to" { // Newer syntax + $side: nth($pos, 2); + + @if $length == 2 { // eg. to top + // Swap for backwards compatability + $degree: _position-flipper(nth($pos, 2)); + } + @else if $length == 3 { // eg. to top left + $corner: nth($pos, 3); + } + } + @else if $length == 2 { // Older syntax ("top left") + $side: _position-flipper(nth($pos, 1)); + $corner: _position-flipper(nth($pos, 2)); + } + + @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + $spec: to $side $corner; + } + @else if $length == 1 { + // Swap for backwards compatability + @if $type == string { + $degree: $pos; + $spec: to _position-flipper($pos); + } + @else { + $degree: -270 - $pos; //rotate the gradient opposite from spec + $spec: $pos; + } + } + $degree: unquote($degree + ","); + $spec: unquote($spec + ","); + @return $degree $spec; +} + +@function _position-flipper($pos) { + @return if($pos == left, right, null) + if($pos == right, left, null) + if($pos == top, bottom, null) + if($pos == bottom, top, null); +} diff --git a/public/scss/vendor/bourbon/helpers/_radial-arg-parser.scss b/public/scss/vendor/bourbon/helpers/_radial-arg-parser.scss new file mode 100644 index 000000000..3466695bd --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_radial-arg-parser.scss @@ -0,0 +1,69 @@ +@function _radial-arg-parser($G1, $G2, $pos, $shape-size) { + @each $value in $G1, $G2 { + $first-val: nth($value, 1); + $pos-type: type-of($first-val); + $spec-at-index: null; + + // Determine if spec was passed to mixin + @if type-of($value) == list { + $spec-at-index: if(index($value, at), index($value, at), false); + } + @if $spec-at-index { + @if $spec-at-index > 1 { + @for $i from 1 through ($spec-at-index - 1) { + $shape-size: $shape-size nth($value, $i); + } + @for $i from ($spec-at-index + 1) through length($value) { + $pos: $pos nth($value, $i); + } + } + @else if $spec-at-index == 1 { + @for $i from ($spec-at-index + 1) through length($value) { + $pos: $pos nth($value, $i); + } + } + $G1: false; + } + + // If not spec calculate correct values + @else { + @if ($pos-type != color) or ($first-val != "transparent") { + @if ($pos-type == number) + or ($first-val == "center") + or ($first-val == "top") + or ($first-val == "right") + or ($first-val == "bottom") + or ($first-val == "left") { + + $pos: $value; + + @if $pos == $G1 { + $G1: false; + } + } + + @else if + ($first-val == "ellipse") + or ($first-val == "circle") + or ($first-val == "closest-side") + or ($first-val == "closest-corner") + or ($first-val == "farthest-side") + or ($first-val == "farthest-corner") + or ($first-val == "contain") + or ($first-val == "cover") { + + $shape-size: $value; + + @if $value == $G1 { + $G1: false; + } + + @else if $value == $G2 { + $G2: false; + } + } + } + } + } + @return $G1, $G2, $pos, $shape-size; +} diff --git a/public/scss/vendor/bourbon/helpers/_radial-positions-parser.scss b/public/scss/vendor/bourbon/helpers/_radial-positions-parser.scss new file mode 100644 index 000000000..6a5b47777 --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_radial-positions-parser.scss @@ -0,0 +1,18 @@ +@function _radial-positions-parser($gradient-pos) { + $shape-size: nth($gradient-pos, 1); + $pos: nth($gradient-pos, 2); + $shape-size-spec: _shape-size-stripper($shape-size); + + $pre-spec: unquote(if($pos, "#{$pos}, ", null)) + unquote(if($shape-size, "#{$shape-size},", null)); + $pos-spec: if($pos, "at #{$pos}", null); + + $spec: "#{$shape-size-spec} #{$pos-spec}"; + + // Add comma + @if ($spec != ' ') { + $spec: "#{$spec}," + } + + @return $pre-spec $spec; +} diff --git a/public/scss/vendor/bourbon/helpers/_render-gradients.scss b/public/scss/vendor/bourbon/helpers/_render-gradients.scss new file mode 100644 index 000000000..576567683 --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_render-gradients.scss @@ -0,0 +1,26 @@ +// User for linear and radial gradients within background-image or border-image properties + +@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) { + $pre-spec: null; + $spec: null; + $vendor-gradients: null; + @if $gradient-type == linear { + @if $gradient-positions { + $pre-spec: nth($gradient-positions, 1); + $spec: nth($gradient-positions, 2); + } + } + @else if $gradient-type == radial { + $pre-spec: nth($gradient-positions, 1); + $spec: nth($gradient-positions, 2); + } + + @if $vendor { + $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients); + } + @else if $vendor == false { + $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})"; + $vendor-gradients: unquote($vendor-gradients); + } + @return $vendor-gradients; +} diff --git a/public/scss/vendor/bourbon/helpers/_shape-size-stripper.scss b/public/scss/vendor/bourbon/helpers/_shape-size-stripper.scss new file mode 100644 index 000000000..ee5eda422 --- /dev/null +++ b/public/scss/vendor/bourbon/helpers/_shape-size-stripper.scss @@ -0,0 +1,10 @@ +@function _shape-size-stripper($shape-size) { + $shape-size-spec: null; + @each $value in $shape-size { + @if ($value == "cover") or ($value == "contain") { + $value: null; + } + $shape-size-spec: "#{$shape-size-spec} #{$value}"; + } + @return $shape-size-spec; +} diff --git a/public/scss/vendor/foundation/foundation.scss b/public/scss/vendor/foundation/foundation.scss new file mode 100755 index 000000000..075686e2c --- /dev/null +++ b/public/scss/vendor/foundation/foundation.scss @@ -0,0 +1,43 @@ +// Make sure the charset is set appropriately +@charset "UTF-8"; + +// This includes all of the foundation global elements that are needed to work with any of the other files. +@import "foundation/variables"; + +// Foundation Components +@import + "foundation/components/global", + "foundation/components/grid", + "foundation/components/visibility", + "foundation/components/block-grid", + "foundation/components/type", + "foundation/components/buttons", + "foundation/components/forms", + "foundation/components/button-groups", + "foundation/components/dropdown-buttons", + "foundation/components/split-buttons", + "foundation/components/flex-video", + "foundation/components/section", + "foundation/components/top-bar", + "foundation/components/orbit", + "foundation/components/reveal", + "foundation/components/joyride", + "foundation/components/clearing", + "foundation/components/alert-boxes", + "foundation/components/breadcrumbs", + "foundation/components/custom-forms", + "foundation/components/keystrokes", + "foundation/components/labels", + "foundation/components/inline-lists", + "foundation/components/pagination", + "foundation/components/panels", + "foundation/components/pricing-tables", + "foundation/components/progress-bars", + "foundation/components/side-nav", + "foundation/components/sub-nav", + "foundation/components/switch", + "foundation/components/magellan", + "foundation/components/tables", + "foundation/components/thumbs", + "foundation/components/tooltips", + "foundation/components/dropdown"; \ No newline at end of file diff --git a/public/scss/vendor/foundation/foundation/_variables.scss b/public/scss/vendor/foundation/foundation/_variables.scss new file mode 100755 index 000000000..797474c67 --- /dev/null +++ b/public/scss/vendor/foundation/foundation/_variables.scss @@ -0,0 +1,1325 @@ +// +// Foundation Variables +// + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// $base-line-height is 24px while $base-font-size is 16px +// $base-line-height: 150%; + +// This is the default html and body font-size for the base em value. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16px !default; + +// It strips the unit of measure and returns it +@function strip-unit($num) { + @return $num / ($num * 0 + 1); +} + +// Converts "px" to "em" using the ($)em-base +@function convert-to-em($value, $base-value: $em-base) { + $value: strip-unit($value) / strip-unit($base-value) * 1em; + @if ($value == 0em) { $value: 0; } // Turn 0em into 0 + @return $value; +} + +// Working in ems is annoying. Think in pixels by using this handy function, em-calc(#) +// Just enter the number, no need to mention "px" +@function em-calc($values, $base-value: $em-base) { + $max: length($values); // Get the total number of parameters passed + + // If there is only 1 parameter, then return it as an integer. + // This is done because a list can't be multiplied or divided even if it contains a single value + @if $max == 1 { @return convert-to-em(nth($values, 1), $base-value); } + + $emValues: (); // This will eventually store the converted $values in a list + @for $i from 1 through $max { + $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value)); + } + @return $emValues; +} + +//Retaining this for backward compatability + +@function emCalc($pxWidth) { + @return $pxWidth / $em-base * 1em; +} + +// Maybe you want to create rems with pixels +// $rem-base: 0.625 !default; //Set the value corresponding to body font size. In this case, you should set as: body {font-size: 62.5%;} +// @function rem-calc($pxWidth) { +// @return $pxWidth / $rem-base * 1rem; +// } + +// Change whether or not you include browser prefixes +// $experimental: true; + +// Various global styles + +$default-float: left; + +// $body-bg: #fff; +// $body-font-color: #222; +// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $body-font-weight: normal; +// $body-font-style: normal; + +// Font-smoothing + +// $font-smoothing: antialiased; + +// Text direction settings + +// $text-direction: ltr; + +// Colors + +// $primary-color: #2ba6cb; +// $secondary-color: #e9e9e9; +// $alert-color: #c60f13; +// $success-color: #5da423; + +// Make sure border radius matches unless we want it different. + +// $global-radius: 3px; +// $global-rounded: 1000px; + +// Inset shadow shiny edges and depressions. + +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba(#fff, .5); +// $shiny-edge-active-color: rgba(#000, .2); + +// Control whether or not CSS classes come through in the CSS files. + +// $include-html-classes: true; +// $include-print-styles: true; +// $include-html-global-classes: $include-html-classes; +// $include-html-inline-list-classes: $include-html-classes; +// $include-html-type-classes: $include-html-classes; +// $include-html-grid-classes: $include-html-classes; +// $include-html-visibility-classes: $include-html-classes; +// $include-html-button-classes: $include-html-classes; +// $include-html-form-classes: $include-html-classes; +// $include-html-custom-form-classes: $include-html-classes; +// $include-html-media-classes: $include-html-classes; +// $include-html-section-classes: $include-html-classes; +// $include-html-orbit-classes: $include-html-classes; +// $include-html-reveal-classes: $include-html-classes; +// $include-html-joyride-classes: $include-html-classes; +// $include-html-clearing-classes: $include-html-classes; +// $include-html-alert-classes: $include-html-classes; +// $include-html-nav-classes: $include-html-classes; +// $include-html-top-bar-classes: $include-html-classes; +// $include-html-label-classes: $include-html-classes; +// $include-html-panel-classes: $include-html-classes; +// $include-html-pricing-classes: $include-html-classes; +// $include-html-progress-classes: $include-html-classes; +// $include-html-magellan-classes: $include-html-classes; +// $include-html-tooltip-classes: $include-html-classes; + +// Media Queries + +// $small-screen: 768px; +// $medium-screen: 1280px; +// $large-screen: 1440px; + +// $screen: "only screen"; +// $small: "only screen and (min-width: #{$small-screen})"; +// $medium: "only screen and (min-width: #{$medium-screen})"; +// $large: "only screen and (min-width: #{$large-screen})"; +// $landscape: "only screen and (orientation: landscape)"; +// $portrait: "only screen and (orientation: portrait)"; + +//// Cursors + +//Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; + +// $cursor-crosshair-value: "crosshair"; +// $cursor-default-value: "default"; +// $cursor-pointer-value: "pointer"; +// $cursor-help-value: "help"; + +// +// Grid Variables +// + +// $row-width: em-calc(1000); +// $column-gutter: em-calc(30); +// $total-columns: 12; + +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row + +// $block-grid-elements: 12; +// $block-grid-default-spacing: em-calc(20); + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. + +// $block-grid-media-queries: true; + +// +// Typography Variables +// + +// Control header font styles + +// $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $header-font-weight: bold; +// $header-font-style: normal; +// $header-font-color: #222; +// $header-line-height: 1.4; +// $header-top-margin: .2em; +// $header-bottom-margin: .5em; +// $header-text-rendering: optimizeLegibility; + +// Control header font sizes + +// $h1-font-size: em-calc(44); +// $h2-font-size: em-calc(37); +// $h3-font-size: em-calc(27); +// $h4-font-size: em-calc(23); +// $h5-font-size: em-calc(18); +// $h6-font-size: 1em; + +// Control how subheaders are styled. + +// $subheader-line-height: 1.4; +// $subheader-font-color: lighten($header-font-color, 30%); +// $subheader-font-weight: 300; +// $subheader-top-margin: .2em; +// $subheader-bottom-margin: .5em; + +// A general styling + +// $small-font-size: 60%; +// $small-font-color: lighten($header-font-color, 30%); + +// Style paragraphs + +// $paragraph-font-family: inherit; +// $paragraph-font-weight: normal; +// $paragraph-font-size: 1em; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: em-calc(20); +// $paragraph-aside-font-size: em-calc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// Style tags + +// $code-color: darken($alert-color, 15%); +// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; +// $code-font-weight: bold; + +// Style anchors + +// $anchor-text-decoration: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: darken($primary-color, 5%); + +// Style the
element + +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: #ddd; +// $hr-margin: em-calc(20); + +// Style lists + +// $list-style-position: outside; +// $list-side-margin: 0; +// $list-nested-margin: em-calc(20); +// $definition-list-header-weight: bold; +// $definition-list-header-margin-bottom: .3em; +// $definition-list-margin-bottom: em-calc(12); + +// Style blockquotes + +// $blockquote-font-color: lighten($header-font-color, 30%); +// $blockquote-padding: em-calc(9, 20, 0, 19); +// $blockquote-border: 1px solid #ddd; +// $blockquote-cite-font-size: em-calc(13); +// $blockquote-cite-font-color: lighten($header-font-color, 20%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles + +// $acronym-underline: 1px dotted #ddd; + +// Control padding and margin + +// $microformat-padding: em-calc(10 12); +// $microformat-margin: em-calc(0 0 20 0); + +// Control the border styles + +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: #ddd; + +// Control full name font styles + +// $microformat-fullname-font-weight: bold; +// $microformat-fullname-font-size: em-calc(15); + +// Control the summary font styles + +// $microformat-summary-font-weight: bold; + +// Control abbr padding +// $microformat-abbr-padding: em-calc(0 1); + +// Control abbr font styles + +// $microformat-abbr-font-weight: bold; +// $microformat-abbr-font-decoration: none; + +// +// Form Variables +// + +// We use this to set the base for lots of form spacing and positioning styles + +// $form-spacing: em-calc(16); + +// We use these to style the labels in different ways + +// $form-label-pointer: pointer; +// $form-label-font-size: em-calc(14); +// $form-label-font-weight: 500; +// $form-label-font-color: lighten(#000, 30%); +// $form-label-bottom-margin: em-calc(3); +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: em-calc(14); +// $input-bg-color: #fff; +// $input-focus-bg-color: darken(#fff, 2%); +// $input-border-color: darken(#fff, 20%); +// $input-focus-border-color: darken(#fff, 40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-disabled-bg: #ddd; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. + +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: #ddd; +// $fieldset-padding: em-calc(20); +// $fieldset-margin: em-calc(18 0); + +// We use these to style the legends when you use them + +// $legend-bg: #fff; +// $legend-font-weight: bold; +// $legend-padding: em-calc(0 3); + +// We use these to style the prefix and postfix input elements + +// $input-prefix-bg: darken(#fff, 5%); +// $input-prefix-border-color: darken(#fff, 20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: #333; +// $input-prefix-font-color-alt: #fff; + +// We use these to style the error states for inputs and labels + +// $input-error-message-padding: em-calc(6 4); +// $input-error-message-top: 0; +// $input-error-message-font-size: em-calc(12); +// $input-error-message-font-weight: bold; +// $input-error-message-font-color: #fff; +// $input-error-message-font-color-alt: #333; + +// We use this to style the glowing effect of inputs when focused + +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// +// Button Variables +// + +// We use these to build padding for buttons. + +// $button-med: em-calc(12); +// $button-tny: em-calc(7); +// $button-sml: em-calc(9); +// $button-lrg: em-calc(16); + +// We use this to control the display property. + +// $button-display: inline-block; +// $button-margin-bottom: em-calc(20); + +// We use these to control button text styles. + +// $button-font-family: inherit; +// $button-font-color: #fff; +// $button-font-color-alt: #333; +// $button-font-med: em-calc(16); +// $button-font-tny: em-calc(11); +// $button-font-sml: em-calc(13); +// $button-font-lrg: em-calc(20); +// $button-font-weight: bold; +// $button-font-align: center; + +// We use these to control various hover effects. + +// $button-function-factor: 10%; + +// We use these to control button border styles. + +// $button-border-width: 1px; +// $button-border-style: solid; + +// We use this to set the default radius used throughout the core. + +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity for disabled buttons. + +// $button-disabled-opacity: 0.6; + +// +// Button Groups +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used + +// $button-bar-margin-opposite: em-calc(10); + +// +// Dropdown Button Variables +// + +// We use these to set the color of the pip in dropdown buttons + +// $dropdown-button-pip-color: #fff; +// $dropdown-button-pip-color-alt: #333; + +// We use these to style tiny dropdown buttons + +// $dropdown-button-padding-tny: $button-tny * 5; +// $dropdown-button-pip-size-tny: $button-tny; +// $dropdown-button-pip-opposite-tny: $button-tny * 2; +// $dropdown-button-pip-top-tny: -$button-tny / 2 + em-calc(1); + +// We use these to style small dropdown buttons + +// $dropdown-button-padding-sml: $button-sml * 5; +// $dropdown-button-pip-size-sml: $button-sml; +// $dropdown-button-pip-opposite-sml: $button-sml * 2; +// $dropdown-button-pip-top-sml: -$button-sml / 2 + em-calc(1); + +// We use these to style medium dropdown buttons + +// $dropdown-button-padding-med: $button-med * 4 + em-calc(3); +// $dropdown-button-pip-size-med: $button-med - em-calc(3); +// $dropdown-button-pip-opposite-med: $button-med * 2; +// $dropdown-button-pip-top-med: -$button-med / 2 + em-calc(2); + +// We use these to style large dropdown buttons + +// $dropdown-button-padding-lrg: $button-lrg * 4; +// $dropdown-button-pip-size-lrg: $button-lrg - em-calc(6); +// $dropdown-button-pip-opposite-lrg: $button-lrg + em-calc(12); +// $dropdown-button-pip-top-lrg: -$button-lrg / 2 + em-calc(3); + +// +// Split Button Variables +// + +// We use these to control different shared styles for Split Buttons + +// $split-button-function-factor: 15%; +// $split-button-pip-color: #fff; +// $split-button-pip-color-alt: #333; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons + +// $split-button-padding-tny: $button-tny * 9; +// $split-button-span-width-tny: $button-tny * 6.5; +// $split-button-pip-size-tny: $button-tny; +// $split-button-pip-top-tny: $button-tny * 2; +// $split-button-pip-default-float-tny: em-calc(-5); + +// We use these to control small split buttons + +// $split-button-padding-sml: $button-sml * 7; +// $split-button-span-width-sml: $button-sml * 5; +// $split-button-pip-size-sml: $button-sml; +// $split-button-pip-top-sml: $button-sml * 1.5; +// $split-button-pip-default-float-sml: em-calc(-9); + +// We use these to control medium split buttons + +// $split-button-padding-med: $button-med * 6.4; +// $split-button-span-width-med: $button-med * 4; +// $split-button-pip-size-med: $button-med - em-calc(3); +// $split-button-pip-top-med: $button-med * 1.5; +// $split-button-pip-default-float-med: em-calc(-9); + +// We use these to control large split buttons + +// $split-button-padding-lrg: $button-lrg * 6; +// $split-button-span-width-lrg: $button-lrg * 3.75; +// $split-button-pip-size-lrg: $button-lrg - em-calc(6); +// $split-button-pip-top-lrg: $button-lrg + em-calc(5); +// $split-button-pip-default-float-lrg: em-calc(-9); + +// +// Alert Box Variables +// + +// We use this to control alert padding. + +// $alert-padding-top: em-calc(11); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + em-calc(10); +// $alert-padding-bottom: $alert-padding-top + em-calc(1); + +// We use these to control text style. + +// $alert-font-weight: bold; +// $alert-font-size: em-calc(14); +// $alert-font-color: #fff; +// $alert-font-color-alt: darken($secondary-color, 60%); + +// We use this for close hover effect. + +// $alert-function-factor: 10%; + +// We use these to control border styles. + +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: darken($primary-color, $alert-function-factor); +// $alert-bottom-margin: em-calc(20); + +// We use these to style the close buttons + +// $alert-close-color: #333; +// $alert-close-position: em-calc(5); +// $alert-close-font-size: em-calc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 5px 4px 4px; + +// We use this to control border radius + +// $alert-radius: $global-radius; + + +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. + +// $crumb-bg: lighten($secondary-color, 5%); + +// We use these to set the padding around the breadcrumbs. + +// $crumb-padding: em-calc(9 14 9); +// $crumb-side-padding: em-calc(12); + +// We use these to control border styles. + +// $crumb-function-factor: 10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: darken($crumb-bg, $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. + +// $crumb-font-size: em-calc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: #333; +// $crumb-font-color-unavailable: #999; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs + +// $crumb-slash-color: #aaa; +// $crumb-slash: "/"; + +// +// Clearing Variables +// + +// We use these to set the background colors for parts of Clearing. + +// $clearing-bg: #111; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: #111; +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button + +// $clearing-close-color: #fff; +// $clearing-close-size: 40px; + +// We use these to style the arrows + +// $clearing-arrow-size: 16px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions + +// $clearing-caption-font-color: #fff; +// $clearing-caption-padding: 10px 30px; + +// We use these to make the image and carousel height and style + +// $clearing-active-img-height: 75%; +// $clearing-carousel-height: 150px; +// $clearing-carousel-thumb-width: 175px; +// $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); + +// +// Custom Form Variables +// + +// We use these to control the basic form styles input styles + +// $custom-form-border-color: #ccc; +// $custom-form-border-size: 1px; +// $custom-form-bg: #fff; +// $custom-form-bg-disabled: #ddd; +// $custom-form-input-size: 16px; +// $custom-form-check-color: #222; +// $custom-form-check-size: 16px; +// $custom-form-radio-size: 8px; +// $custom-form-checkbox-radius: 0; + +// We use these to style the custom select form element. + +// $custom-select-bg: #fff; +// $custom-select-fade-to-color: #f3f3f3; +// $custom-select-border-color: #ddd; +// $custom-select-triangle-color: #aaa; +// $custom-select-triangle-color-open: #222; +// $custom-select-height: em-calc(13) + ($form-spacing * 1.5); +// $custom-select-margin-bottom: em-calc(20); +// $custom-select-font-color-selected: #141414; +// $custom-select-disabled-color: #888; + +// We use these to control the style of the custom select dropdown element. + +// $custom-dropdown-height: 200px; +// $custom-dropdown-bg: #fff; +// $custom-dropdown-border-color: darken(#fff, 20%); +// $custom-dropdown-border-width: 1px; +// $custom-dropdown-border-style: solid; +// $custom-dropdown-font-color: #555; +// $custom-dropdown-font-size: em-calc(14); +// $custom-dropdown-color-selected: #eeeeee; +// $custom-dropdown-font-color-selected: #000; +// $custom-dropdown-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); +// $custom-dropdown-offset-top: auto; +// $custom-dropdown-list-padding: em-calc(4); +// $custom-dropdown-default-float-padding: em-calc(6); +// $custom-dropdown-opposite-padding: em-calc(38); +// $custom-dropdown-list-item-min-height: em-calc(24); +// $custom-dropdown-width-small: 134px; +// $custom-dropdown-width-medium: 254px; +// $custom-dropdown-width-large: 434px; + +// +// Dropdown Variables +// + +// We use these to controls height and width styles. + +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; +// $f-dropdown-margin-top: 2px; + +// We use this to control the background color + +// $f-dropdown-bg: #fff; + +// We use this to set the border styles for dropdowns. + +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: darken(#fff, 20%); + +// We use these to style the triangle pip. + +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: #fff; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. + +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: #555; +// $f-dropdown-font-size: em-calc(14); +// $f-dropdown-list-padding: em-calc(5 10); +// $f-dropdown-line-height: em-calc(18); +// $f-dropdown-list-hover-bg: #eeeeee; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + +// $f-dropdown-content-padding: em-calc(20); + +// +// Flex Video Variables +// + +// We use these to control video container padding and margins + +// $flex-video-padding-top: em-calc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: em-calc(16); + +// We use this to control widescreen bottom padding + +// $flex-video-widescreen-padding-bottom: 57.25%; + +// +// Inline List Variables +// + +// We use this to control the margins and padding of the inline list. + +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: em-calc(17); +// $inline-list-default-float-margin: em-calc(-22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. + +// $inline-list-overflow: hidden; + +// We use this to control the list items + +// $inline-list-display: block; + +// We use this to control any elments within list items + +// $inline-list-children-display: block; + +// +// Joyride Variables +// + +// Controlling default Joyride styles + +// $joyride-tip-bg: rgb(0,0,0); +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: em-calc(18 20 24); +// $joyride-tip-border: solid 1px #555; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip dont styles + +// $joyride-tip-font-color: #fff; +// $joyride-tip-font-size: em-calc(14); +// $joyride-tip-header-weight: bold; + +// This changes the nub size + +// $joyride-tip-nub-size: 14px; + +// This adjusts the styles for the timer when its enabled + +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: #666; + +// This changes up the styles for the close button + +// $joyride-tip-close-color: #777; +// $joyride-tip-close-size: 30px; +// $joyride-tip-close-weight: normal; + +// When Joyride is filling the screen, we use this style for the bg + +// $joyride-screenfill: rgba(0,0,0,0.5); + +// +// Keystroke Variables +// + +// We use these to control text styles. + +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: em-calc(14); +// $keystroke-font-color: #222; +// $keystroke-font-color-alt: #fff; +// $keystroke-function-factor: 7%; + +// We use this to control keystroke padding. + +// $keystroke-padding: em-calc(2 4 0); + +// We use these to control background and border styles. + +// $keystroke-bg: darken(#fff, $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// +// Label Variables +// + +// We use these to style the labels + +// $label-padding: em-calc(3 10 4); +// $label-radius: $global-radius; + +// We use these to style the label text + +// $label-font-sizing: em-calc(14); +// $label-font-weight: bold; +// $label-font-color: #333; +// $label-font-color-alt: #fff; + +// +// Magellan Variables +// + +// $magellan-bg: #fff; +// $magellan-padding: 10px; + +// +// Orbit Settings +// + +// We use these to control the caption styles + +// $orbit-container-bg: #f5f5f5; +// $orbit-caption-bg: rgba(0,0,0,0.6); +// $orbit-caption-font-color: #fff; +// $orbit-caption-font-size: emCalc(14); +// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" +// $orbit-caption-padding: emCalc(10,14); +// $orbit-caption-height: auto; + +// We use these to control the left/right nav styles + +// $orbit-nav-bg: rgba(0,0,0,0.6); +// $orbit-nav-bg-hover: rgba(0,0,0,0.6); +// $orbit-nav-arrow-color: #fff; +// $orbit-nav-arrow-color-hover: #ccc; + +// We use these to control the timer styles + +// $orbit-timer-bg: rgba(0,0,0,0.6); +// $orbit-timer-show-progress-bar: true; + +// We use these to control the bullet nav styles + +// $orbit-bullet-nav-color: #999; +// $orbit-bullet-nav-color-active: #555; +// $orbit-bullet-radius: emCalc(18); + +// We use these to controls the style of slide numbers + +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: #fff; +// $orbit-slide-number-padding: em-calc(5); + +// Graceful Loading Wrapper and preloader + +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// +// Pagination Variables +// + +// We use these to control the pagination container + +// $pagination-height: em-calc(24); +// $pagination-margin: em-calc(-5); + +// We use these to set the list-item properties + +// $pagination-li-float: $default-float; +// $pagination-li-height: em-calc(24); +// $pagination-li-font-color: #222; +// $pagination-li-font-size: em-calc(14); +// $pagination-li-margin: em-calc(5); + +// We use these for the pagination anchor links + +// $pagination-link-pad: em-calc(1 7 1); +// $pagination-link-font-color: #999; +// $pagination-link-active-bg: darken(#fff, 10%); + +// We use these for disabled anchor links + +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: #999; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links + +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: #fff; +// $pagination-link-current-font-weight: bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// +// Panel Variables +// + +// We use these to control the background and border styles + +// $panel-bg: darken(#fff, 5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover + +// $panel-function-factor: 10%; +// $panel-border-color: darken($panel-bg, $panel-function-factor); + +// We use these to set default inner padding and bottom margin + +// $panel-margin-bottom: em-calc(20); +// $panel-padding: em-calc(20); + +// We use these to set default font colors + +// $panel-font-color: #333; +// $panel-font-color-alt: #fff; + +// $panel-header-adjust: true; + +// +// Pricing Table Variables +// + +// We use this to control the border color + +// $price-table-border: solid 1px #ddd; + +// We use this to control the bottom margin of the pricing table + +// $price-table-margin-bottom: em-calc(20); + +// We use these to control the title styles + +// $price-title-bg: #ddd; +// $price-title-padding: em-calc(15 20); +// $price-title-align: center; +// $price-title-color: #333; +// $price-title-weight: bold; +// $price-title-size: em-calc(16); + +// We use these to control the price styles + +// $price-money-bg: #eee; +// $price-money-padding: em-calc(15, 20); +// $price-money-align: center; +// $price-money-color: #333; +// $price-money-weight: normal; +// $price-money-size: em-calc(20); + +// We use these to control the description styles + +// $price-bg: #fff; +// $price-desc-color: #777; +// $price-desc-padding: em-calc(15); +// $price-desc-align: center; +// $price-desc-font-size: em-calc(12); +// $price-desc-weight: normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px #ddd; + +// We use these to control the list item styles + +// $price-item-color: #333; +// $price-item-padding: em-calc(15); +// $price-item-align: center; +// $price-item-font-size: em-calc(14); +// $price-item-weight: normal; +// $price-item-bottom-border: dotted 1px #ddd; + +// We use these to control the CTA area styles + +// $price-cta-bg: #f5f5f5; +// $price-cta-align: center; +// $price-cta-padding: em-calc(20 20 0); + +// +// Progress Bar Variables +// + +// We use this to se the prog bar height + +// $progress-bar-height: em-calc(25); +// $progress-bar-color: transparent; + +// We use these to control the border styles + +// $progress-bar-border-color: darken(#fff, 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding + +// $progress-bar-pad: em-calc(2); +// $progress-bar-margin-bottom: em-calc(10); + +// We use these to set the meter colors + +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// +// Reveal Variables +// + +// We use these to control the style of the reveal overlay. + +// $reveal-overlay-bg: rgba(#000, .45); +// $reveal-overlay-bg-old: #000; + +// We use these to control the style of the modal itself. + +// $reveal-modal-bg: #fff; +// $reveal-position-top: 50px; +// $reveal-default-width: 80%; +// $reveal-modal-padding: em-calc(20); +// $reveal-box-shadow: 0 0 10px rgba(#000,.4); + +// We use these to style the reveal close button + +// $reveal-close-font-size: em-calc(22); +// $reveal-close-top: em-calc(8); +// $reveal-close-side: em-calc(11); +// $reveal-close-color: #aaa; +// $reveal-close-weight: bold; + +// We use these to control the modal border + +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: #666; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// +// Section Variables +// + +// We use these to set padding and hover factor + +// $section-title-padding: em-calc(15); +// $section-content-padding: em-calc(15); +// $section-function-factor: 10%; + +// These style the titles + +// $section-title-color: #333; +// $section-title-color-active: #333; +// $section-title-bg: #efefef; +// $section-title-bg-active: darken($section-title-bg, $section-function-factor); +// $section-title-bg-active-tabs: #fff; +// $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); + +// Want to control border size, here ya go! + +// $section-border-size: 1px; +// $section-border-style: solid; +// $section-border-color: #ccc; + +// Font controls + +// $section-font-size: em-calc(14); + +// Control the color of the background and some size options + +// $section-content-bg: #fff; +// $section-vertical-nav-min-width: em-calc(200); +// $section-vertical-tabs-title-width: em-calc(200); +// $section-bottom-margin: em-calc(20); + +// $title-selector: ".title"; +// $content-selector: ".content"; +// $active-region-selector: ".active"; + +// +// Side Nav Variables +// + +// We use this to control padding. + +// $side-nav-padding: em-calc(14 0); + +// We use these to control list styles. + +// $side-nav-list-type: none; +// $side-nav-list-position: inside; +// $side-nav-list-margin: em-calc(0 0 7 0); + +// We use these to control link styles. + +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: lighten(#000, 30%); +// $side-nav-font-size: em-calc(14); +// $side-nav-font-weight: bold; + +// We use these to control border styles + +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: darken(#fff, 10%); + +// +// Sub Nav Variables +// + +// We use these to control margin and padding + +// $sub-nav-list-margin: em-calc(-4 0 18); +// $sub-nav-list-padding-top: em-calc(4); + +// We use this to control the definition + +// $sub-nav-font-size: em-calc(14); +// $sub-nav-font-color: #999; +// $sub-nav-font-weight: normal; +// $sub-nav-text-decoration: none; +// $sub-nav-border-radius: 1000px; + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: bold; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-color: #fff; +// $sub-nav-active-padding: em-calc(3 9); +// $sub-nav-active-cursor: default; + +// $sub-nav-item-divider: "" !default; +// $sub-nav-item-divider-margin: emCalc(12) !default; + +// +// Switch Variables +// + +// Controlling border styles and background colors for the switch container + +// $switch-border-color: darken(#fff, 20%); +// $switch-border-style: solid; +// $switch-border-width: 1px; +// $switch-bg: #fff; + +// We use these to control the switch heights for our default classes + +// $switch-height-tny: 22px; +// $switch-height-sml: 28px; +// $switch-height-med: 36px; +// $switch-height-lrg: 44px; +// $switch-bottom-margin: em-calc(20); + +// We use these to control default font sizes for our classes. + +// $switch-font-size-tny: 11px; +// $switch-font-size-sml: 12px; +// $switch-font-size-med: 14px; +// $switch-font-size-lrg: 17px; +// $switch-label-side-padding: 6px; + +// We use these to style the switch-paddle + +// $switch-paddle-bg: #fff; +// $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); +// $switch-paddle-border-color: darken($switch-paddle-bg, 35%); +// $switch-paddle-border-width: 1px; +// $switch-paddle-border-style: solid; +// $switch-paddle-transition-speed: .1s; +// $switch-paddle-transition-ease: ease-out; +// $switch-positive-color: lighten($success-color, 50%); +// $switch-negative-color: #f5f5f5; + +// Outline Style for tabbing through switches + +// $switch-label-outline: 1px dotted #888; + +// +// Table Variables +// + +// These control the background color for the table and even rows + +// $table-bg: #fff; +// $table-even-row-bg: #f9f9f9; + +// These control the table cell border style + +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: #ddd; + +// These control the table head styles + +// $table-head-bg: #f5f5f5; +// $table-head-font-size: em-calc(14); +// $table-head-font-color: #222; +// $table-head-font-weight: bold; +// $table-head-padding: em-calc(8 10 10); + +// These control the row padding and font styles + +// $table-row-padding: em-calc(9 10); +// $table-row-font-size: em-calc(14); +// $table-row-font-color: #222; +// $table-line-height: em-calc(18); + +// These are for controlling the display and margin of tables + +// $table-display: table-cell; +// $table-margin-bottom: em-calc(20); + +// +// Image Thumbnail Variables +// + +// We use these to control border styles + +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: #fff; +// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs + +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// +// Tooltip Variables +// + +// $has-tip-border-bottom: dotted 1px #ccc; +// $has-tip-font-weight: bold; +// $has-tip-font-color: #333; +// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: em-calc(8); +// $tooltip-bg: #000; +// $tooltip-font-size: em-calc(15); +// $tooltip-font-weight: bold; +// $tooltip-font-color: #fff; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: em-calc(10); +// $tooltip-close-font-weight: normal; +// $tooltip-close-font-color: #888; +// $tooltip-font-size-sml: em-calc(14); +// $tooltip-radius: $global-radius; +// $tooltip-pip-size: 5px; + +// +// Top Bar Variables +// + +// Background color for the top bar + +// $topbar-bg-color: #111; +// $topbar-bg: $topbar-bg-color; + +// Height and margin + +// $topbar-height: 45px; +// $topbar-margin-bottom: 0; + +// Control Input height for top bar + +// $topbar-input-height: 2.45em; + +// Controlling the styles for the title in the top bar + +// $topbar-title-weight: bold; +// $topbar-title-font-size: em-calc(17); + +// Style the top bar dropdown elements + +// $topbar-dropdown-bg: #222; +// $topbar-dropdown-link-color: #fff; +// // $topbar-dropdown-link-bg: lighten($topbar-bg-color, 5%); +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: #fff; +// $topbar-dropdown-toggle-alpha: 0.5; + +// Set the link colors and styles for top-level nav + +// $topbar-link-color: #fff; +// $topbar-link-color-hover: #fff; +// $topbar-link-color-active: #fff; +// $topbar-link-weight: bold; +// $topbar-link-font-size: em-calc(13); +// $topbar-link-hover-lightness: -30%; // Darken by 30% +// $topbar-link-bg-hover: darken($topbar-bg-color, 3%); +// $topbar-link-bg-active: darken($topbar-bg-color, 3%); + +// $topbar-dropdown-label-color: #555; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: bold; +// $topbar-dropdown-label-font-size: em-calc(10); +// $topbar-dropdown-label-bg: lighten($topbar-bg-color, 5%); + +// Top menu icon styles + +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: em-calc(13); +// $topbar-menu-link-weight: bold; +// $topbar-menu-link-color: #fff; +// $topbar-menu-icon-color: #fff; +// $topbar-menu-link-color-toggled: #888; +// $topbar-menu-icon-color-toggled: #888; + +// Transitions and breakpoint styles + +// $topbar-transition-speed: 300ms; +// $topbar-breakpoint: 940 !default; // Change to 9999px for always mobile layout +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; + +// Divider Styles + +// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%); +// $topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%); + +// Sticky Class + +// $topbar-sticky-class: ".sticky"; +// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item diff --git a/public/scss/vendor/foundation/foundation/components/_alert-boxes.scss b/public/scss/vendor/foundation/foundation/components/_alert-boxes.scss new file mode 100755 index 000000000..01c536025 --- /dev/null +++ b/public/scss/vendor/foundation/foundation/components/_alert-boxes.scss @@ -0,0 +1,107 @@ +// +// Alert Box Variables +// +$include-html-alert-classes: $include-html-classes !default; + +// We use this to control alert padding. +$alert-padding-top: em-calc(11) !default; +$alert-padding-default-float: $alert-padding-top !default; +$alert-padding-opposite-direction: $alert-padding-top + em-calc(10) !default; +$alert-padding-bottom: $alert-padding-top + em-calc(1) !default; + +// We use these to control text style. +$alert-font-weight: bold !default; +$alert-font-size: em-calc(14) !default; +$alert-font-color: #fff !default; +$alert-font-color-alt: darken($secondary-color, 60%) !default; + +// We use this for close hover effect. +$alert-function-factor: 10% !default; + +// We use these to control border styles. +$alert-border-style: solid !default; +$alert-border-width: 1px !default; +$alert-border-color: darken($primary-color, $alert-function-factor) !default; +$alert-bottom-margin: em-calc(20) !default; + +// We use these to style the close buttons +$alert-close-color: #333 !default; +$alert-close-position: em-calc(5) !default; +$alert-close-font-size: em-calc(22) !default; +$alert-close-opacity: 0.3 !default; +$alert-close-opacity-hover: 0.5 !default; +$alert-close-padding: 5px 4px 4px !default; + +// We use this to control border radius +$alert-radius: $global-radius !default; + +// +// Alert Mixins +// + +// We use this mixin to create a default alert base. +@mixin alert-base { + border-style: $alert-border-style; + border-width: $alert-border-width; + display: block; + font-weight: $alert-font-weight; + margin-bottom: $alert-bottom-margin; + position: relative; + padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; + font-size: $alert-font-size; +} + +// We use this mixin to add alert styles +@mixin alert-style($bg:$primary-color) { + + // This find the lightness percentage of the background color. + $bg-lightness: lightness($bg); + + // We control which background color and border come through. + background-color: $bg; + border-color: darken($bg, $alert-function-factor); + + // We control the text color for you based on the background color. + @if $bg-lightness > 70% { color: $alert-font-color-alt; } + @else { color: $alert-font-color; } + +} + +// We use this to create the close button. +@mixin alert-close { + font-size: $alert-close-font-size; + padding: $alert-close-padding; + line-height: 0; + position: absolute; + top: $alert-close-position + em-calc(2); + #{$opposite-direction}: $alert-close-position; + color: $alert-close-color; + opacity: $alert-close-opacity; + &:hover, + &:focus { opacity: $alert-close-opacity-hover; } +} + +// We use this to quickly create alerts with a single mixin. +@mixin alert($bg:$primary-color, $radius:false) { + @include alert-base; + @include alert-style($bg); + @include radius($radius); +} + +@if $include-html-alert-classes != false { + + /* Foundation Alerts */ + .alert-box { + @include alert; + + .close { @include alert-close; } + + &.radius { @include radius($alert-radius); } + &.round { @include radius($global-rounded); } + + &.success { @include alert-style($success-color); } + &.alert { @include alert-style($alert-color); } + &.secondary { @include alert-style($secondary-color); } + } + +} diff --git a/public/scss/vendor/foundation/foundation/components/_block-grid.scss b/public/scss/vendor/foundation/foundation/components/_block-grid.scss new file mode 100755 index 000000000..4b1474ab9 --- /dev/null +++ b/public/scss/vendor/foundation/foundation/components/_block-grid.scss @@ -0,0 +1,71 @@ +// +// Block Grid Variables +// +$include-html-grid-classes: $include-html-classes !default; + +// We use this to control the maximum number of block grid elements per row +$block-grid-elements: 12 !default; +$block-grid-default-spacing: em-calc(20) !default; + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. +$block-grid-media-queries: true !default; + +// +// Block Grid Mixins +// + +// We use this mixin to create different block-grids. You can apply per-row and spacing options. +// Setting $base-style to false will ommit default styles. +@mixin block-grid($per-row:false, $spacing:$block-grid-default-spacing, $base-style:true) { + + @if $base-style { + display: block; + padding: 0; + margin: 0 (-$spacing/2); + @include clearfix; + + &>li { + display: inline; + height: auto; + float: $default-float; + padding: 0 ($spacing/2) $spacing; + } + } + + @if $per-row { + &>li { + width: 100%/$per-row; + padding: 0 ($spacing/2) $spacing; + + &:nth-of-type(n) { clear: none; } + &:nth-of-type(#{$per-row}n+1) { clear: both; } + } + } + +} + +@if $include-html-grid-classes { + /* Foundation Block Grids for below small breakpoint */ + @media only screen { + [class*="block-grid-"] { @include block-grid; } + + @for $i from 1 through $block-grid-elements { + .small-block-grid-#{($i)} { + @include block-grid($i,$block-grid-default-spacing,false); + } + } + } + + /* Foundation Block Grids for above small breakpoint */ + @media #{$small} { + /* Remove small grid clearing */ + @for $i from 1 through $block-grid-elements { + .small-block-grid-#{($i)} > li:nth-of-type(#{$i}n+1) { clear: none; } + } + @for $i from 1 through $block-grid-elements { + .large-block-grid-#{($i)} { + @include block-grid($i,$block-grid-default-spacing,false); + } + } + } +} diff --git a/public/scss/vendor/foundation/foundation/components/_breadcrumbs.scss b/public/scss/vendor/foundation/foundation/components/_breadcrumbs.scss new file mode 100755 index 000000000..24b42246a --- /dev/null +++ b/public/scss/vendor/foundation/foundation/components/_breadcrumbs.scss @@ -0,0 +1,124 @@ +// +// Breadcrumb Variables +// +$include-html-nav-classes: $include-html-classes !default; + +// We use this to set the background color for the breadcrumb container. +$crumb-bg: lighten($secondary-color, 5%) !default; + +// We use these to set the padding around the breadcrumbs. +$crumb-padding: em-calc(9 14 9) !default; +$crumb-side-padding: em-calc(12) !default; + +// We use these to control border styles. +$crumb-function-factor: 10% !default; +$crumb-border-size: 1px !default; +$crumb-border-style: solid !default; +$crumb-border-color: darken($crumb-bg, $crumb-function-factor) !default; +$crumb-radius: $global-radius !default; + +// We use these to set various text styles for breadcrumbs. +$crumb-font-size: em-calc(11) !default; +$crumb-font-color: $primary-color !default; +$crumb-font-color-current: #333 !default; +$crumb-font-color-unavailable: #999 !default; +$crumb-font-transform: uppercase !default; +$crumb-link-decor: underline !default; + +// We use these to control the slash between breadcrumbs +$crumb-slash-color: #aaa !default; +$crumb-slash: "/" !default; + +// +// Breakcrumb Mixins +// + +// We use this mixin to create a container around our breadcrumbs +@mixin crumb-container { + display: block; + padding: $crumb-padding; + overflow: hidden; + margin-#{$default-float}: 0; + list-style: none; + border-style: $crumb-border-style; + border-width: $crumb-border-size; + + // We control which background color and border come through. + background-color: $crumb-bg; + border-color: $crumb-border-color; +} + +// We use this mixin to create breadcrumb styles from list items. +@mixin crumbs { + + // A normal state will make the links look and act like clickable breadcrumbs. + margin: 0; + float: $default-float; + font-size: $crumb-font-size; + text-transform: $crumb-font-transform; + + &:hover a, &:focus a { text-decoration: $crumb-link-decor; } + + a, + span { + text-transform: $crumb-font-transform; + color: $crumb-font-color; + } + + // Current is for the link of the current page + &.current { + cursor: $cursor-default-value; + color: $crumb-font-color-current; + a { + cursor: $cursor-default-value; + color: $crumb-font-color-current; + } + + &:hover, &:hover a, + &:focus, &:focus a { text-decoration: none; } + } + + // Unavailable removed color and link styles so it looks inactive. + &.unavailable { + color: $crumb-font-color-unavailable; + a { color: $crumb-font-color-unavailable; } + + &:hover, + &:hover a, + &:focus, + a:focus { + text-decoration: none; + color: $crumb-font-color-unavailable; + cursor: $cursor-default-value; + } + } + + &:before { + content: "#{$crumb-slash}"; + color: $crumb-slash-color; + margin: 0 $crumb-side-padding; + position: relative; + top: 1px; + } + + &:first-child:before { + content: " "; + margin: 0; + } + +} + + +@if $include-html-nav-classes != false { + + /* Breadcrumbs */ + .breadcrumbs { + @include crumb-container; + @include radius($crumb-radius); + + &>* { + @include crumbs; + } + } + +} diff --git a/public/scss/vendor/foundation/foundation/components/_button-groups.scss b/public/scss/vendor/foundation/foundation/components/_button-groups.scss new file mode 100755 index 000000000..d35e05ad9 --- /dev/null +++ b/public/scss/vendor/foundation/foundation/components/_button-groups.scss @@ -0,0 +1,89 @@ +// +// Button Group Variables +// +$include-html-button-classes: $include-html-classes !default; + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used +$button-bar-margin-opposite: em-calc(10) !default; + +// +// Button Group Mixins +// + +// We use this to add styles for a button group container +@mixin button-group-container($styles:true, $float:false) { + @if $styles { + list-style: none; + margin: 0; + @include clearfix(); + } + @if $float { + float: #{$default-float}; + margin-#{$opposite-direction}: $button-bar-margin-opposite; + & div { overflow: hidden; } + } +} + +// We use this to control styles for button groups +@mixin button-group-style($radius:false, $even:false, $float:$default-float) { + + // We use this to control the flow, or remove those styles completely. + @if $float { + margin: 0 0 0 (-$button-border-width); + float: $float; + // Make sure the first child doesn't get the negative margin. + &:first-child { margin-#{$default-float}: 0; } + } + + // We use these to control left and right radius on first/last buttons in the group. + @if $radius == true { + &:first-child, + &:first-child > a, + &:first-child > button, + &:first-child > .button { @include side-radius($default-float, $button-radius); } + &:last-child, + &:last-child > a, + &:last-child > button, + &:last-child > .button { @include side-radius($opposite-direction, $button-radius); } + } + @else if $radius { + &:first-child, + &:first-child > a, + &:first-child > button, + &:first-child > .button { @include side-radius($default-float, $radius); } + &:last-child, + &:last-child > a, + &:last-child > button, + &:last-child > .button { @include side-radius($opposite-direction, $radius); } + } + + // We use this to make the buttons even width across their container + @if $even { + width: percentage((100/$even) / 100); + button, .button { width: 100%; } + } + +} + +// Only include these CSS classes if $include-html-classes: true +@if $include-html-button-classes != false { + + /* Button Groups */ + .button-group { @include button-group-container; + + &> * { @include button-group-style(); } + + &.radius > * { @include button-group-style($radius:$button-radius, $float:null); } + &.round > * { @include button-group-style($radius:$button-round, $float:null); } + + @for $i from 2 through 8 { + &.even#{-$i} li { @include button-group-style($even:$i, $float:null); } + } + } + + .button-bar { + @include clearfix; + .button-group { @include button-group-container($styles:false,$float:true); } + } + +} diff --git a/public/scss/vendor/foundation/foundation/components/_buttons.scss b/public/scss/vendor/foundation/foundation/components/_buttons.scss new file mode 100755 index 000000000..c5954ad82 --- /dev/null +++ b/public/scss/vendor/foundation/foundation/components/_buttons.scss @@ -0,0 +1,230 @@ +// +// Button Variables +// +$include-html-button-classes: $include-html-classes !default; + +// We use these to build padding for buttons. +$button-med: em-calc(12) !default; +$button-tny: em-calc(7) !default; +$button-sml: em-calc(9) !default; +$button-lrg: em-calc(16) !default; + +// We use this to control the display property. +$button-display: inline-block !default; +$button-margin-bottom: em-calc(20) !default; + +// We use these to control button text styles. +$button-font-family: inherit !default; +$button-font-color: #fff !default; +$button-font-color-alt: #333 !default; +$button-font-med: em-calc(16) !default; +$button-font-tny: em-calc(11) !default; +$button-font-sml: em-calc(13) !default; +$button-font-lrg: em-calc(20) !default; +$button-font-weight: bold !default; +$button-font-align: center !default; + +// We use these to control various hover effects. +$button-function-factor: 10% !default; + +// We use these to control button border styles. +$button-border-width: 1px !default; +$button-border-style: solid !default; + +// We use this to set the default radius used throughout the core. +$button-radius: $global-radius !default; +$button-round: $global-rounded !default; + +// We use this to set default opacity for disabled buttons. +$button-disabled-opacity: 0.6 !default; + + +// +// Button Mixins +// + +// We use this mixin to create a default button base. +@mixin button-base($style:true, $display:$button-display) { + @if $style { + border-style: $button-border-style; + border-width: $button-border-width; + cursor: $cursor-pointer-value; + font-family: $button-font-family; + font-weight: $button-font-weight; + line-height: normal; + margin: 0 0 $button-margin-bottom; + position: relative; + text-decoration: none; + text-align: $button-font-align; + } + @if $display { display: $display; } +} + +// We use this mixin to add button size styles +@mixin button-size($padding:$button-med, $full-width:false, $is-input:false) { + + // We control which padding styles come through, + // these can be turned off by setting $padding:false + @if $padding { + padding-top: $padding; + padding-#{$opposite-direction}: $padding * 2; + padding-bottom: $padding + em-calc(1); + padding-#{$default-float}: $padding * 2; + + // We control the font-size based on mixin input. + @if $padding == $button-med { font-size: $button-font-med; } + @else if $padding == $button-tny { font-size: $button-font-tny; } + @else if $padding == $button-sml { font-size: $button-font-sml; } + @else if $padding == $button-lrg { font-size: $button-font-lrg; } + @else { font-size: $padding - em-calc(2); } + } + + // We can set $full-width:true to remove side padding extend width. + @if $full-width { + // We still need to check if $padding is set. + @if $padding { + padding-top: $padding; + padding-bottom: $padding + em-calc(1); + } @else if $padding == false { + padding-top:0; + padding-bottom:0; + } + padding-right: 0; + padding-left: 0; + width: 100%; + } + + // 's and