- Repo for opensource odoo website theme (since V13.0)
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

5 years ago
  1. //
  2. // Color system
  3. //
  4. // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
  5. $yiq-contrasted-threshold: 200 !default;
  6. // Spacing
  7. //
  8. // Control the default styling of most Bootstrap elements by modifying these
  9. // variables. Mostly focused on spacing.
  10. // You can add more entries to the $spacers map, should you need more variation.
  11. $spacer: 1.25rem !default;
  12. // Links
  13. //
  14. // Style anchor elements.
  15. $link-color: palette-theme-color("epsilon") !default;
  16. $link-hover-color: palette-theme-color("delta") !default;
  17. $link-hover-decoration: none !default;
  18. // Components
  19. //
  20. // Define common padding and border radius sizes and more.
  21. $border-color: palette-gray('200') !default;
  22. $border-radius: 0 !default;
  23. $border-radius-lg: 0 !default;
  24. $border-radius-sm: 0 !default;
  25. $box-shadow-sm: 0 0 .3125rem rgba(0,0,0,.25) !default;
  26. $box-shadow: 0 0 .3125rem rgba(0,0,0,.25) !default;
  27. $box-shadow-lg: 0 0 .3125rem rgba(0,0,0,.25) !default;
  28. // Fonts
  29. //
  30. // Font, line-height, and color for body text, headings, and more.
  31. // stylelint-enable value-keyword-case
  32. $font-weight-normal: 500 !default;
  33. $h1-font-size: $o-theme-font-size-base * (36 / 16) !default;
  34. $h2-font-size: $o-theme-font-size-base * (30 / 16) !default;
  35. $h3-font-size: $o-theme-font-size-base * (24 / 16) !default;
  36. $h4-font-size: $o-theme-font-size-base * (18 / 16) !default;
  37. $h5-font-size: $o-theme-font-size-base * (14 / 16) !default;
  38. $h6-font-size: $o-theme-font-size-base * (12 / 16) !default;
  39. $headings-font-weight: 700 !default;
  40. $hr-border-color: palette-theme-color('gamma') !default;
  41. // Buttons + Forms
  42. //
  43. // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
  44. $input-btn-padding-y: .625rem !default;
  45. $input-btn-padding-x: 1.25rem !default;
  46. $input-btn-focus-color: darken(palette-theme-color('primary'), 15%) !default;
  47. $input-btn-focus-box-shadow: 0 0 0 0 0 !default;
  48. $input-btn-padding-y-sm: .625rem !default;
  49. $input-btn-padding-x-sm: 1.25rem !default;
  50. $input-btn-padding-y-lg: .625rem !default;
  51. $input-btn-padding-x-lg: 1.25rem !default;
  52. $input-btn-border-width: 0 !default;
  53. // Buttons
  54. //
  55. // For each of Bootstrap's buttons, define text, background, and border color.
  56. $btn-box-shadow: 0 0 0 0 0 !default;
  57. $btn-focus-box-shadow: $btn-box-shadow !default;
  58. $btn-active-box-shadow: $btn-box-shadow !default;
  59. // Forms
  60. $input-bg: palette-theme-color('primary') !default;
  61. $input-color: #242327 !default;
  62. $input-border-width: 0 !default;
  63. $input-box-shadow: $btn-box-shadow !default;
  64. $input-focus-bg: darken(palette-theme-color('primary'), 15%) !default;
  65. $input-focus-border-color: none !default;
  66. $input-focus-box-shadow: $btn-box-shadow !default;
  67. $input-height-border: .0625rem !default;
  68. $form-check-input-margin-y: 0 !default;
  69. $form-check-input-margin-x: 0 !default;
  70. $form-check-inline-margin-x: 0 !default;
  71. $form-check-inline-input-margin-x: 0 !default;
  72. $custom-select-focus-box-shadow: none !default;
  73. // Dropdowns
  74. //
  75. // Dropdown menu container and contents.
  76. $dropdown-border-radius: .25rem !default;
  77. $dropdown-border-width: .0625rem !default;
  78. $dropdown-box-shadow: 0 .375rem 1.75em rgba(palette-gray('black'), .175) !default;
  79. // Navs
  80. $nav-link-padding-y: .625rem !default;
  81. $nav-link-padding-x: .9375rem !default;
  82. $nav-tabs-border-width: 0 !default;
  83. $nav-tabs-link-active-color: palette-gray('white') !default;
  84. $nav-tabs-link-active-bg: transparent !default;
  85. $nav-pills-link-active-color: palette-gray('white') !default;
  86. $nav-pills-link-active-bg: transparent !default;
  87. $nav-divider-color: transparent !default;
  88. $nav-divider-margin-y: 0 !default;
  89. // Navbar
  90. $navbar-padding-y: 0 !default;
  91. $navbar-padding-x: 2rem !default;
  92. // Pagination
  93. $pagination-focus-box-shadow: 0 0 0 0 0 !default;
  94. // Cards
  95. $card-cap-bg: palette-gray('white') !default;
  96. // Badges
  97. $badge-padding-y: .3125rem !default;
  98. $badge-padding-x: .625rem !default;
  99. $badge-border-radius: .625rem !default;
  100. // Breadcrumbs
  101. $breadcrumb-padding-y: .5rem !default;
  102. $breadcrumb-padding-x: .9375rem !default;
  103. $breadcrumb-margin-bottom: 1.25rem !default;
  104. $breadcrumb-bg: palette-gray('white') !default;
  105. $breadcrumb-active-color: palette-gray('600') !default;
  106. // Carousel
  107. $carousel-control-color: palette-theme-color('alpha') !default;