221 lines
6.5 KiB
SCSS
221 lines
6.5 KiB
SCSS
|
|
// ----------------------------------
|
|
// Paths
|
|
// ----------------------------------
|
|
$base-path: '..';
|
|
$image-path: #{$base-path}/img;
|
|
|
|
// ----------------------------------
|
|
// Colors
|
|
// ----------------------------------
|
|
$gray-lightest: #f9f9f9;
|
|
$gray-light: #dcdcdc;
|
|
$gray-dark: #444;
|
|
$gray-darker: #202020;
|
|
$black: #000;
|
|
$white: #fff;
|
|
|
|
// Text
|
|
$text-color: #333;
|
|
$text-secondary-color: #666;
|
|
$text-light-color: #f1f1f1;
|
|
|
|
// Layout
|
|
$foreground-color: $white;
|
|
$hover-color: $gray-lightest;
|
|
$border-color: $gray-light;
|
|
|
|
// Brand
|
|
$brand-color: #03a9f4;
|
|
$brand-info: hsl(210, 70%, 50%);
|
|
$google-color: #db4437;
|
|
$github-color: #4183c4;
|
|
$gitlab-color: #548;
|
|
$linkedin-color: #0077B5;
|
|
|
|
// ----------------------------------
|
|
// Font
|
|
// ----------------------------------
|
|
|
|
|
|
$font-size-navigation: 20px;
|
|
$text-size-large: 20px;
|
|
$font-size-small: 14px;
|
|
|
|
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
|
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
$font-family-base: $font-family-sans-serif;
|
|
|
|
// ----------------------------------
|
|
// Layout
|
|
// ----------------------------------
|
|
$header-text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.45);
|
|
|
|
// navigation
|
|
$navbar-breakpoint-min: $screen-md-min;
|
|
|
|
$navbar-height: 60px;
|
|
$navbar-link-vertical-spacing: 8px;
|
|
$navbar-link-underline-height: 2px;
|
|
$navbar-link-spacing: 20px;
|
|
|
|
$navbar-background: rgba(29, 126, 209, 0.5);
|
|
$navbar-link-text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
|
|
$navbar-link-color: white;
|
|
$navbar-link-hover-color: lighten($navbar-link-color, 10%);
|
|
$navbar-link-hover-underline: $navbar-link-color;
|
|
|
|
$navbar-link-active-color: $navbar-link-color;
|
|
$navbar-link-active-underline: $navbar-link-color;
|
|
|
|
$navbar-brand-color: $brand-color;
|
|
$navbar-brand-hover-color: darken($brand-color, 15%);
|
|
|
|
// User menu
|
|
$usermenu-button-bg: $navbar-background;
|
|
$usermenu-button-hover-bg: darken($usermenu-button-bg, 8%);
|
|
|
|
// Footer
|
|
$footer-height: 80px;
|
|
$footer-border-color: $border-color;
|
|
$footer-text-color: $text-secondary-color;
|
|
$footer-link-color: $footer-text-color;
|
|
$footer-link-hover-color: darken($footer-link-color, 10%);
|
|
|
|
// ----------------------------------
|
|
// Buttons
|
|
// ----------------------------------
|
|
$button-bg-color: #f1f1f1;
|
|
$button-hover-color: darken($button-bg-color, 10%);
|
|
$button-border: darken($button-bg-color, 10%);
|
|
$button-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12),
|
|
0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
// Variations
|
|
|
|
$button-primary-color: white;
|
|
$button-primary-bg: #5fbc49;
|
|
|
|
$button-brand-color: white;
|
|
$button-brand-bg: $brand-color;
|
|
|
|
// State
|
|
$button-info-color: white;
|
|
$button-info-bg: $brand-info;
|
|
$button-success-color: white;
|
|
$button-success-bg: $brand-success;
|
|
$button-warning-color: white;
|
|
$button-warning-bg: $brand-warning;
|
|
$button-danger-color: white;
|
|
$button-danger-bg: $brand-danger;
|
|
|
|
// Company.
|
|
|
|
$button-google-color: white;
|
|
$button-google-bg: $google-color;
|
|
$button-google-border: darken($button-google-bg, 5%);
|
|
|
|
$button-github-color: white;
|
|
$button-github-bg: $github-color;
|
|
$button-github-border: darken($button-github-bg, 5%);
|
|
|
|
$button-gitlab-color: white;
|
|
$button-gitlab-bg: $gitlab-color;
|
|
|
|
$button-linkedin-color: white;
|
|
$button-linkedin-bg: $linkedin-color;
|
|
|
|
// ----------------------------------
|
|
// List group
|
|
// ----------------------------------
|
|
|
|
$list-group-item-color: $text-color;
|
|
$list-group-item-background: transparent;
|
|
$list-group-item-border-color: $gray-light;
|
|
|
|
$list-group-hover-background: $gray-lightest;
|
|
$list-group-item-active-background: $brand-color;
|
|
|
|
// ----------------------------------
|
|
// List group
|
|
// ----------------------------------
|
|
|
|
$card-border-color: $gray-light;
|
|
$card-header-background: $gray-lightest;
|
|
|
|
// ----------------------------------
|
|
// Shadows
|
|
// ----------------------------------
|
|
|
|
$block-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
$block-shadow-2: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
|
|
$block-shadow-3: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
|
|
|
|
// ----------------------------------
|
|
// Dropdown
|
|
// ----------------------------------
|
|
|
|
$dropdown-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
|
|
// ----------------------------------
|
|
// Blankslate
|
|
// ----------------------------------
|
|
|
|
$blankslate-bg: $gray-lightest;
|
|
$blankslate-color: $text-secondary-color;
|
|
$blankslate-border: $border-color;
|
|
$blankslate-spacing: 25px 10px;
|
|
$blankslate-spacing-sm: 15px 5px;
|
|
|
|
// ----------------------------------
|
|
// Spacer
|
|
// ----------------------------------
|
|
|
|
$spacer-color: $gray-light;
|
|
$spacer-margin: 1em 0;
|
|
|
|
// ----------------------------------
|
|
// Pagination
|
|
// ----------------------------------
|
|
|
|
$pagination-color: $text-color;
|
|
$pagination-border: $border-color;
|
|
$pagination-hover: $hover-color;
|
|
|
|
$pagination-active-color: $white;
|
|
$pagination-active-bg: $brand-color;
|
|
$pagination-active-border: darken($brand-color, 5%);
|
|
|
|
// ----------------------------------
|
|
// Section
|
|
// ----------------------------------
|
|
|
|
$section-bg: $foreground-color;
|
|
$section-border: rgb(200, 200, 200);
|
|
$section-padding: 20px;
|
|
|
|
// ----------------------------------
|
|
// Callback list
|
|
// ----------------------------------
|
|
|
|
$callback-list-hover-color: $gray-lightest;
|
|
$callback-list-info-color: $text-secondary-color;
|
|
|
|
$callback-list-border-size: 1px;
|
|
$callback-list-border-color: $gray-light;
|
|
$callback-list-border-radius: 3px;
|
|
|
|
$callback-list-name-text-size: 24px;
|
|
$callback-list-name-color: $text-color;
|
|
$callback-list-name-hover-color: $link-color;
|
|
|
|
$callback-list-arrow-color: $callback-list-border-color;
|
|
|
|
// ----------------------------------
|
|
// Request list
|
|
// ----------------------------------
|
|
|
|
$request-item-secondary-color: $text-secondary-color;
|
|
$request-detail-background: lighten($brand-color, 45%);
|