mirror of https://github.com/google/pebble
125 lines
3.2 KiB
SCSS
Executable File
125 lines
3.2 KiB
SCSS
Executable File
// General Styles
|
|
$base-font-size: 100% !default;
|
|
$base-line-height: 1.4 !default;
|
|
$base-text-color: #222 !default;
|
|
|
|
// Selected text
|
|
$selection-background: #b3d4fc !default;
|
|
|
|
// Focused objects
|
|
$selection-focus: 2px solid #4d90fe;
|
|
$selection-focus-offset: -1px !default;
|
|
|
|
//==
|
|
// Grid System
|
|
//##
|
|
$grid-container-max-width: 1140px !default;
|
|
$grid-container-width: 95% !default;
|
|
$grid-column-gutter: 2% !default;
|
|
$grid-column-count: 12!default;
|
|
|
|
// Breakpoints. These have been carefully considered so it
|
|
// is recommended to leave them as they are.
|
|
$grid-breakpoint-xs-max: 47.99em !default;
|
|
$grid-breakpoint-s-min: 48em !default;
|
|
$grid-breakpoint-s-max: 61.99em !default;
|
|
$grid-breakpoint-m-min: 62em !default;
|
|
$grid-breakpoint-m-max: 74.99em !default;
|
|
$grid-breakpoint-l-min: 75em !default;
|
|
|
|
//==
|
|
// Basic Elements
|
|
//##
|
|
|
|
// Horizontal Rule
|
|
$horizontal-rule-color: #c0c0c0 !default;
|
|
|
|
// Tables
|
|
$table-bordered-border: 1px solid #c0c0c0 !default;
|
|
$table-striped-background-color: #ebebeb !default;
|
|
|
|
//==
|
|
// CSS Components
|
|
//##
|
|
|
|
// Forms
|
|
$form-placeholder: #c0c0c0 !default;
|
|
$form-input-background: #fff !default;
|
|
$form-input-border: 1px solid #c0c0c0 !default;
|
|
$form-input-border-radius: 0 !default;
|
|
$form-input-color: #222 !default;
|
|
|
|
$form-input-background-disabled: #ebebeb !default;
|
|
$form-input-border-color-disabled: #c0c0c0 !default;
|
|
$form-input-color-disabled: #c0c0c0 !default;
|
|
|
|
$form-input-background-readonly: null !default;
|
|
$form-input-border-color-readonly: #ebebeb !default;
|
|
$form-input-color-readonly: null !default;
|
|
|
|
// Buttons
|
|
$button-background: #dadada !default;
|
|
$button-border: solid 1px #c0c0c0 !default;
|
|
$button-color-disabled: #5d5d5d !default;
|
|
|
|
// Lists
|
|
$list-colored-bullet: #00a9ec !default;
|
|
|
|
// Alerts
|
|
$alert-color-scheme: #fcf8e3 !default;
|
|
|
|
// Code
|
|
$code-background-color: #f7f7f9 !default;
|
|
$code-border-color: #c0c0c0 !default;
|
|
$code-color: #ad0d36 !default;
|
|
|
|
//==
|
|
// JS Plugins
|
|
//##
|
|
|
|
// Modal
|
|
$modal-header-background: transparent !default;
|
|
$modal-header-color: #fff !default;
|
|
|
|
$modal-footer-background: transparent !default;
|
|
$modal-footer-color: #fff !default;
|
|
|
|
$modal-content-background-color: #fff !default;
|
|
|
|
$modal-media-background-color: #222 !default;
|
|
|
|
$modal-control-color: #fff !default;
|
|
|
|
// Carousel
|
|
$carousel-caption-background-color: #222 !default;
|
|
$carousel-caption-color: #fff !default;
|
|
|
|
$carousel-control-color: #fff !default;
|
|
|
|
$carousel-nav-background-color: transparent !default;
|
|
$carousel-nav-border: 2px solid #222 !default;
|
|
|
|
$carousel-nav-background-color-hover: #c0c0c0 !default;
|
|
$carousel-nav-border-color-hover: null !default;
|
|
|
|
$carousel-nav-background-color-active: #fff !default;
|
|
$carousel-nav-border-color-active: null !default;
|
|
|
|
// Tabs
|
|
$tabs-nav-border-color: #c0c0c0 !default;
|
|
|
|
$tabs-nav-item-background-color: null !default;
|
|
$tabs-nav-item-border-color: transparent !default;
|
|
$tabs-nav-item-color: null !default;
|
|
|
|
$tabs-nav-item-background-color-hover: #ebebeb !default;
|
|
$tabs-nav-item-border-color-hover: #c0c0c0 !default;
|
|
$tabs-nav-item-color-hover: null !default;
|
|
|
|
$tabs-nav-item-background-color-active: #fff !default;
|
|
$tabs-nav-item-border-color-active: #c0c0c0 !default;
|
|
$tabs-nav-item-color-active: #454545 !default;
|
|
|
|
// Dropdown
|
|
$accordion-border-color: #c0c0c0 !default;
|