зеркало из https://github.com/github/vitess-gh.git
82 строки
2.7 KiB
SCSS
82 строки
2.7 KiB
SCSS
// SASS 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
|
|
|
|
$body-color : #ebebeb;
|
|
$text-color : #313130;
|
|
$base-color : #343434;
|
|
$comp-color : complement($base-color);
|
|
$border-color : #ddd;
|
|
$white : #fff;
|
|
$black : #000;
|
|
$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
|
|
|
|
$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 : .3s; // increase this to see the transformations in slow-motion
|
|
|
|
|
|
// Masthead
|
|
|
|
$masthead-height: $button-size * 2; |