mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Design
117 lines
3.4 KiB
SCSS
117 lines
3.4 KiB
SCSS
//
|
|
//// Colors
|
|
//
|
|
|
|
// 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;
|
|
|
|
// Links
|
|
//
|
|
// Style anchor elements.
|
|
|
|
$link-color: theme-color('gamma');
|
|
$link-decoration: none !default;
|
|
$link-hover-color: theme-color('delta');
|
|
$link-hover-decoration: none;
|
|
|
|
// Components
|
|
//
|
|
// Define common padding and border radius sizes and more.
|
|
|
|
$border-color: theme-color('delta');
|
|
|
|
$box-shadow-sm: none;
|
|
$box-shadow: none;
|
|
$box-shadow-lg: none;
|
|
|
|
// Fonts
|
|
//
|
|
// Font, line-height, and color for body text, headings, and more.
|
|
|
|
$font-weight-normal: 500;
|
|
|
|
$h1-font-size: $o-theme-font-size-base * (40 / 14);
|
|
$h2-font-size: $o-theme-font-size-base * (32 / 14);
|
|
$h3-font-size: $o-theme-font-size-base * (28 / 14);
|
|
$h4-font-size: $o-theme-font-size-base * (24 / 14);
|
|
$h5-font-size: $o-theme-font-size-base * (20 / 14);
|
|
$h6-font-size: $o-theme-font-size-base * (16 / 14);
|
|
|
|
$headings-line-height: 1.1;
|
|
|
|
$display1-weight: 500;
|
|
$display2-weight: 300;
|
|
$display3-weight: 500;
|
|
$display4-weight: 500;
|
|
|
|
// Buttons + Forms
|
|
//
|
|
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
|
|
$btn-padding-y: 1.25rem;
|
|
$btn-padding-x: 1.25rem;
|
|
|
|
$btn-padding-y-sm: 0.3125rem;
|
|
$btn-padding-x-sm: .625rem;
|
|
|
|
$btn-padding-y-lg: .625rem;
|
|
$btn-padding-x-lg: 1rem;
|
|
|
|
$btn-border-width: .125rem;
|
|
|
|
$btn-box-shadow: none;
|
|
$btn-focus-width: 0.1rem;
|
|
$btn-focus-box-shadow: none;
|
|
$btn-active-box-shadow: none;
|
|
|
|
// Allows for customizing button radius independently from global border radius
|
|
$btn-border-radius: 0.3125rem;
|
|
$btn-border-radius-lg: 0.375rem;
|
|
$btn-border-radius-sm: 0.1875rem;
|
|
|
|
// Navs
|
|
|
|
$nav-link-padding-y: 0.9375rem;
|
|
$nav-link-padding-x: 0.9375rem;
|
|
|
|
$nav-tabs-border-color: white;
|
|
$nav-tabs-border-radius: 0;
|
|
$nav-tabs-link-hover-border-color: white white theme-color('gamma') white;
|
|
$nav-tabs-link-active-color: theme-color('gamma');
|
|
$nav-tabs-link-active-border-color: white white theme-color('gamma') white;
|
|
|
|
$nav-pills-border-radius: 0;
|
|
$nav-pills-link-active-color: theme-color('gamma');
|
|
|
|
$nav-divider-color: white;
|
|
|
|
// Navbar
|
|
|
|
$navbar-padding-y: 0;
|
|
$navbar-padding-x: 0.9375rem;
|
|
|
|
$navbar-nav-link-padding-x: 0.9375rem;
|
|
|
|
$navbar-brand-font-size: 1rem;
|
|
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
|
|
|
$navbar-toggler-padding-y: 0.9375rem;
|
|
$navbar-toggler-padding-x: 0.9375rem;
|
|
$navbar-toggler-font-size: 1rem;
|
|
$navbar-toggler-border-radius: 0;
|
|
|
|
// Pagination
|
|
|
|
$pagination-padding-y: 0.375rem;
|
|
$pagination-padding-y-sm: 0.3125rem;
|
|
$pagination-padding-x-sm: 0.625rem;
|
|
$pagination-padding-y-lg: 0.625rem;
|
|
$pagination-padding-x-lg: 1rem;
|
|
|
|
$pagination-active-color: white;
|
|
$pagination-active-bg: theme-color('gamma');
|
|
|
|
// Carousel
|
|
|
|
$carousel-control-color: theme-color('gamma');
|