You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.9 KiB
110 lines
3.9 KiB
/* ==========================================================================
|
|
SCSS Variables
|
|
========================================================================== */
|
|
|
|
/*
|
|
Typography variables
|
|
========================================================================== */
|
|
|
|
$base-font : Georgia,Times,"Times New Roman",serif;
|
|
$heading-font : "Helvetica Neue","Segoe UI",Arial,sans-serif;
|
|
$caption-font : $base-font;
|
|
$code-font : monospace;
|
|
$alt-font : $heading-font;
|
|
|
|
$doc-font-size : 16;
|
|
$doc-line-height : 24;
|
|
|
|
$border-radius : 3px;
|
|
|
|
/*
|
|
Color variables
|
|
========================================================================== */
|
|
|
|
$white : #fff;
|
|
$black : #000;
|
|
|
|
$body-color : #ebebeb;
|
|
|
|
$text-color : #313130;
|
|
$caption-color : mix($white, $text-color, 25%);
|
|
|
|
$base-color : #343434;
|
|
$comp-color : complement($base-color);
|
|
$border-color : #ddd;
|
|
$link-color : #222;
|
|
|
|
$primary-color : $black;
|
|
$success-color : #2ecc71;
|
|
$warning-color : #f1c40f;
|
|
$danger-color : #e74c3c;
|
|
$info-color : #3498db;
|
|
|
|
$table-border-color : $border-color;
|
|
$table-border : 1px solid $table-border-color;
|
|
$table-background : $body-color;
|
|
$table-header-color : lighten($table-background, 10);
|
|
$table-hover-color : darken($table-background, 2);
|
|
$table-stripe-color : darken($table-background, 4);
|
|
$table-stripe-color-hover : darken($table-stripe-color, 5);
|
|
|
|
$facebook-color : #3b5998;
|
|
$flickr-color : #ff0084;
|
|
$foursquare-color : #0cbadf;
|
|
$google-plus-color : #dd4b39;
|
|
$instagram-color : #4e433c;
|
|
$linkedin-color : #4875b4;
|
|
$pinterest-color : #cb2027;
|
|
$rss-color : #fa9b39;
|
|
$tumblr-color : #2c4762;
|
|
$twitter-color : #55acee;
|
|
$vimeo-color : #1ab7ea;
|
|
$youtube-color : #ff3333;
|
|
|
|
|
|
/*
|
|
Form variables
|
|
========================================================================== */
|
|
|
|
$form-border-color : $border-color;
|
|
$form-border-color-hover : darken($border-color, 10);
|
|
$form-border-color-focus : $primary-color;
|
|
$form-border-radius : $border-radius;
|
|
$form-box-shadow : inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
|
|
$form-box-shadow-focus : $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
|
|
$form-font-family : $base-font;
|
|
$form-font-size : $doc-font-size;
|
|
|
|
|
|
/*
|
|
Sliding menu navigation variables
|
|
========================================================================== */
|
|
|
|
$sliding-menu-border-color : $black;
|
|
$sliding-menu-background : $black;
|
|
$sliding-menu-color : $white;
|
|
$sliding-menu-background-hover : $black;
|
|
$sliding-menu-color-hover : $white;
|
|
$sliding-menu-border : 1px solid $sliding-menu-border-color;
|
|
$button-size : 30px;
|
|
$transition : 0.3s; // increase this to see the transformations in slow-motion
|
|
$sliding-menu-animation : all 500ms cubic-bezier(.86,.01,.77,.78);
|
|
|
|
/*
|
|
Badge variables
|
|
========================================================================== */
|
|
|
|
$badge-background : $primary-color;
|
|
$badge-dark-color : $black;
|
|
$badge-danger-color : $danger-color;
|
|
$badge-info-color : $info-color;
|
|
$badge-warning-color : $warning-color;
|
|
$badge-success-color : $success-color;
|
|
$badge-font-color : $white;
|
|
|
|
|
|
/*
|
|
Masthead variables
|
|
========================================================================== */
|
|
|
|
$masthead-height: $button-size * 2;
|
|
|