180 lines
5.5 KiB
Text
180 lines
5.5 KiB
Text
|
|
// ----------------------------------
|
|
// 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;
|
|
@body-bg: #f5f5f8;
|
|
@hover-color: @gray-lightest;
|
|
@border-color: @gray-light;
|
|
|
|
// Brand
|
|
@brand-color: #03a9f4;
|
|
@brand-info: hsl(210, 70%, 50%);
|
|
@google-color: #db4437;
|
|
@github-color: #4183c4;
|
|
|
|
// ----------------------------------
|
|
// Font
|
|
// ----------------------------------
|
|
|
|
@font-size-base: 15px;
|
|
@font-size-navigation: 20px;
|
|
@text-size-large: 20px;
|
|
@font-size-small: 14px;
|
|
|
|
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
//@font-family-sans-serif: 'Open Sans', 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: fade(#1d7ed1, 50%);
|
|
@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%);
|
|
|
|
// 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;
|
|
|
|
// 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%);
|
|
|
|
// ----------------------------------
|
|
// 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);
|
|
|
|
// ----------------------------------
|
|
// Blankslate
|
|
// ----------------------------------
|
|
|
|
@blankslate-bg: @gray-lightest;
|
|
@blankslate-color: @text-secondary-color;
|
|
@blankslate-border: @border-color;
|
|
@blankslate-spacing: 25px 10px;
|
|
@blankslate-spacing-sm: 15px 5px;
|
|
|
|
// ----------------------------------
|
|
// 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: @font-size-h4;
|
|
@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-color: @text-color;
|
|
@request-item-secondary-color: @text-secondary-color;
|
|
@request-item-background: transparent;
|
|
@request-item-border-color: @gray-light;
|
|
@request-item-hover-background: @request-item-active-background;
|
|
|
|
@request-item-active-color: @request-item-color;
|
|
@request-item-active-background: @gray-lightest;
|
|
@request-item-active-border-color: @request-item-border-color;
|
|
|
|
@request-detail-background: lighten(@brand-color, 45%);
|