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.
161 lines
5.0 KiB
161 lines
5.0 KiB
//
|
|
// Color system
|
|
//
|
|
|
|
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
|
$yiq-contrasted-threshold: 200 !default;
|
|
|
|
// Spacing
|
|
//
|
|
// Control the default styling of most Bootstrap elements by modifying these
|
|
// variables. Mostly focused on spacing.
|
|
// You can add more entries to the $spacers map, should you need more variation.
|
|
|
|
$spacer: 1.25rem !default;
|
|
|
|
// Links
|
|
//
|
|
// Style anchor elements.
|
|
|
|
$link-color: palette-theme-color("epsilon") !default;
|
|
$link-hover-color: palette-theme-color("delta") !default;
|
|
$link-hover-decoration: none !default;
|
|
|
|
// Components
|
|
//
|
|
// Define common padding and border radius sizes and more.
|
|
|
|
$border-color: palette-gray('200') !default;
|
|
|
|
$border-radius: 0 !default;
|
|
$border-radius-lg: 0 !default;
|
|
$border-radius-sm: 0 !default;
|
|
|
|
$box-shadow-sm: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
|
$box-shadow: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
|
$box-shadow-lg: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
|
|
|
|
|
// Fonts
|
|
//
|
|
// Font, line-height, and color for body text, headings, and more.
|
|
|
|
// stylelint-enable value-keyword-case
|
|
|
|
$font-weight-normal: 500 !default;
|
|
|
|
$h1-font-size: $o-theme-font-size-base * (36 / 16) !default;
|
|
$h2-font-size: $o-theme-font-size-base * (30 / 16) !default;
|
|
$h3-font-size: $o-theme-font-size-base * (24 / 16) !default;
|
|
$h4-font-size: $o-theme-font-size-base * (18 / 16) !default;
|
|
$h5-font-size: $o-theme-font-size-base * (14 / 16) !default;
|
|
$h6-font-size: $o-theme-font-size-base * (12 / 16) !default;
|
|
|
|
$headings-font-weight: 700 !default;
|
|
|
|
$hr-border-color: palette-theme-color('gamma') !default;
|
|
|
|
// Buttons + Forms
|
|
//
|
|
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
|
|
$input-btn-padding-y: .625rem !default;
|
|
$input-btn-padding-x: 1.25rem !default;
|
|
|
|
$input-btn-focus-color: darken(palette-theme-color('primary'), 15%) !default;
|
|
$input-btn-focus-box-shadow: 0 0 0 0 0 !default;
|
|
|
|
$input-btn-padding-y-sm: .625rem !default;
|
|
$input-btn-padding-x-sm: 1.25rem !default;
|
|
|
|
$input-btn-padding-y-lg: .625rem !default;
|
|
$input-btn-padding-x-lg: 1.25rem !default;
|
|
|
|
$input-btn-border-width: 0 !default;
|
|
|
|
|
|
// Buttons
|
|
//
|
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
|
|
$btn-box-shadow: 0 0 0 0 0 !default;
|
|
$btn-focus-box-shadow: $btn-box-shadow !default;
|
|
$btn-active-box-shadow: $btn-box-shadow !default;
|
|
|
|
// Forms
|
|
|
|
$input-bg: palette-theme-color('primary') !default;
|
|
|
|
$input-color: #242327 !default;
|
|
$input-border-width: 0 !default;
|
|
$input-box-shadow: $btn-box-shadow !default;
|
|
|
|
$input-focus-bg: darken(palette-theme-color('primary'), 15%) !default;
|
|
$input-focus-border-color: none !default;
|
|
$input-focus-box-shadow: $btn-box-shadow !default;
|
|
|
|
$input-height-border: .0625rem !default;
|
|
|
|
$form-check-input-margin-y: 0 !default;
|
|
$form-check-input-margin-x: 0 !default;
|
|
|
|
$form-check-inline-margin-x: 0 !default;
|
|
$form-check-inline-input-margin-x: 0 !default;
|
|
|
|
$custom-select-focus-box-shadow: none !default;
|
|
|
|
// Dropdowns
|
|
//
|
|
// Dropdown menu container and contents.
|
|
|
|
$dropdown-border-radius: .25rem !default;
|
|
$dropdown-border-width: .0625rem !default;
|
|
$dropdown-box-shadow: 0 .375rem 1.75em rgba(palette-gray('black'), .175) !default;
|
|
|
|
// Navs
|
|
|
|
$nav-link-padding-y: .625rem !default;
|
|
$nav-link-padding-x: .9375rem !default;
|
|
|
|
$nav-tabs-border-width: 0 !default;
|
|
$nav-tabs-link-active-color: palette-gray('white') !default;
|
|
$nav-tabs-link-active-bg: transparent !default;
|
|
|
|
$nav-pills-link-active-color: palette-gray('white') !default;
|
|
$nav-pills-link-active-bg: transparent !default;
|
|
|
|
$nav-divider-color: transparent !default;
|
|
$nav-divider-margin-y: 0 !default;
|
|
|
|
// Navbar
|
|
|
|
$navbar-padding-y: 0 !default;
|
|
$navbar-padding-x: 2rem !default;
|
|
|
|
// Pagination
|
|
|
|
$pagination-focus-box-shadow: 0 0 0 0 0 !default;
|
|
|
|
// Cards
|
|
|
|
$card-cap-bg: palette-gray('white') !default;
|
|
|
|
// Badges
|
|
|
|
$badge-padding-y: .3125rem !default;
|
|
$badge-padding-x: .625rem !default;
|
|
$badge-border-radius: .625rem !default;
|
|
|
|
// Breadcrumbs
|
|
|
|
$breadcrumb-padding-y: .5rem !default;
|
|
$breadcrumb-padding-x: .9375rem !default;
|
|
|
|
$breadcrumb-margin-bottom: 1.25rem !default;
|
|
|
|
$breadcrumb-bg: palette-gray('white') !default;
|
|
$breadcrumb-active-color: palette-gray('600') !default;
|
|
|
|
// Carousel
|
|
|
|
$carousel-control-color: palette-theme-color('alpha') !default;
|