_index.scss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. // Theming APIs
  2. @forward './core/theming/theming' show define-light-theme, define-dark-theme,
  3. define-palette, get-contrast-color-from-palette, get-color-from-palette,
  4. get-color-config, get-typography-config, get-density-config,
  5. $theme-ignore-duplication-warnings;
  6. @forward './core/theming/palette' show $red-palette, $pink-palette, $indigo-palette,
  7. $purple-palette, $deep-purple-palette, $blue-palette, $light-blue-palette, $cyan-palette,
  8. $teal-palette, $green-palette, $light-green-palette, $lime-palette, $yellow-palette,
  9. $amber-palette, $orange-palette, $deep-orange-palette, $brown-palette, $grey-palette,
  10. $gray-palette, $blue-grey-palette, $blue-gray-palette, $light-theme-background-palette,
  11. $dark-theme-background-palette, $light-theme-foreground-palette, $dark-theme-foreground-palette;
  12. @forward './core/typography/typography' show define-typography-level, define-rem-typography-config,
  13. define-typography-config, typography-hierarchy, define-legacy-typography-config,
  14. legacy-typography-hierarchy;
  15. @forward './core/typography/typography-utils' show typography-level,
  16. font-size, line-height, font-weight, letter-spacing, font-family, font-shorthand;
  17. // Private/Internal
  18. @forward './core/density/private/all-density' show all-component-densities;
  19. @forward './legacy-core/density/private/all-density' as private-* show
  20. private-all-legacy-component-densities;
  21. @forward './core/theming/theming' show private-check-duplicate-theme-styles,
  22. private-legacy-get-theme, private-is-theme-object;
  23. @forward './core/style/layout-common' as private-* show private-fill;
  24. @forward './core/style/private' show private-theme-elevation, private-animation-noop;
  25. @forward './core/style/vendor-prefixes' as private-* show private-user-select,
  26. private-position-sticky, private-color-adjust, private-clip-path;
  27. @forward './core/theming/palette' as private-* show $private-dark-primary-text,
  28. $private-dark-disabled-text;
  29. @forward './core/style/variables' as private-* show $private-swift-ease-in-duration,
  30. $private-swift-ease-in-timing-function, $private-swift-ease-out-timing-function,
  31. $private-ease-in-out-curve-function, $private-swift-ease-out-duration, $private-xsmall;
  32. @forward './core/typography/typography' show private-typography-to-2014-config,
  33. private-typography-to-2018-config;
  34. @forward './table/table-flex-styles' show private-table-flex-styles;
  35. @forward './core/style/menu-common' as private-menu-common-*;
  36. @forward './core/style/button-common' as private-button-common-*;
  37. // The form field density mixin needs to be exposed, because the paginator depends on it.
  38. @forward './form-field/form-field-theme' as private-form-field-* show private-form-field-density;
  39. // Structural
  40. @forward './core/core' show core;
  41. @forward './legacy-core/core' as legacy-* show legacy-core;
  42. @forward './core/ripple/ripple' show ripple;
  43. @forward './core/focus-indicators/focus-indicators' show strong-focus-indicators;
  44. @forward './core/focus-indicators/private' as private-strong-focus-indicators-*;
  45. @forward './core/style/elevation' show elevation, overridable-elevation, elevation-transition;
  46. // Theme bundles
  47. @forward './core/theming/all-theme' show all-component-themes;
  48. @forward './core/color/all-color' show all-component-colors;
  49. @forward './core/typography/all-typography' show all-component-typographies;
  50. @forward './legacy-core/theming/all-theme' show all-legacy-component-themes;
  51. @forward './legacy-core/color/all-color' show all-legacy-component-colors;
  52. @forward './legacy-core/typography/all-typography' show all-legacy-component-typographies;
  53. // Component themes
  54. @forward './core/core-theme' as core-* show core-color, core-theme, core-typography, core-density;
  55. @forward './legacy-core/core-theme' as legacy-core-* show legacy-core-color, legacy-core-theme;
  56. @forward './core/ripple/ripple-theme' as ripple-* show ripple-color, ripple-theme;
  57. @forward './legacy-core/option/option-theme' as legacy-option-* show legacy-option-color,
  58. legacy-option-typography, legacy-option-theme;
  59. @forward './core/option/option-theme' as option-* show option-color, option-typography,
  60. option-theme, option-density;
  61. @forward './core/option/optgroup-theme' as optgroup-* show optgroup-color, optgroup-typography,
  62. optgroup-theme, optgroup-density;
  63. @forward './legacy-core/option/optgroup-theme' as legacy-optgroup-* show legacy-optgroup-color,
  64. legacy-optgroup-typography, legacy-optgroup-theme;
  65. @forward './core/selection/pseudo-checkbox/pseudo-checkbox-theme' as pseudo-checkbox-* show
  66. pseudo-checkbox-color, pseudo-checkbox-typography, pseudo-checkbox-theme;
  67. @forward './core/selection/pseudo-checkbox/pseudo-checkbox-common' as pseudo-checkbox-* show
  68. pseudo-checkbox-legacy-size;
  69. @forward './core/focus-indicators/focus-indicators-theme' as strong-focus-indicators-* show
  70. strong-focus-indicators-color, strong-focus-indicators-theme;
  71. @forward './autocomplete/autocomplete-theme' as autocomplete-* show autocomplete-theme,
  72. autocomplete-color, autocomplete-typography, autocomplete-density;
  73. @forward './legacy-autocomplete/autocomplete-theme' as legacy-autocomplete-* show
  74. legacy-autocomplete-theme, legacy-autocomplete-color, legacy-autocomplete-typography;
  75. @forward './badge/badge-theme' as badge-* show badge-theme, badge-color, badge-typography,
  76. badge-density;
  77. @forward './bottom-sheet/bottom-sheet-theme' as bottom-sheet-* show bottom-sheet-theme,
  78. bottom-sheet-color, bottom-sheet-typography, bottom-sheet-density;
  79. @forward './legacy-button/button-theme' as legacy-button-* show legacy-button-theme,
  80. legacy-button-color, legacy-button-typography;
  81. @forward './button/button-theme' as button-* show button-theme, button-color, button-typography,
  82. button-density;
  83. @forward './button/fab-theme' as fab-* show fab-color, fab-typography,
  84. fab-density, fab-theme;
  85. @forward './button/icon-button-theme' as icon-button-* show icon-button-color,
  86. icon-button-typography, icon-button-density, icon-button-theme;
  87. @forward './button-toggle/button-toggle-theme' as button-toggle-* show button-toggle-theme,
  88. button-toggle-color, button-toggle-typography, button-toggle-density;
  89. @forward './card/card-theme' as card-* show card-theme, card-color, card-typography, card-density;
  90. @forward './legacy-card/card-theme' as legacy-card-* show legacy-card-theme, legacy-card-color,
  91. legacy-card-typography;
  92. @forward './legacy-checkbox/checkbox-theme' as legacy-checkbox-* show
  93. legacy-checkbox-theme, legacy-checkbox-color, legacy-checkbox-typography;
  94. @forward './checkbox/checkbox-theme' as checkbox-* show checkbox-theme, checkbox-color,
  95. checkbox-typography, checkbox-density;
  96. @forward './legacy-chips/chips-theme' as legacy-chips-* show legacy-chips-theme,
  97. legacy-chips-color, legacy-chips-typography;
  98. @forward './chips/chips-theme' as chips-* show chips-theme, chips-color, chips-typography,
  99. chips-density;
  100. @forward './datepicker/datepicker-theme' as datepicker-* show datepicker-theme, datepicker-color,
  101. datepicker-typography, datepicker-date-range-colors, datepicker-density;
  102. @forward './legacy-dialog/dialog-theme' as legacy-dialog-* show legacy-dialog-theme,
  103. legacy-dialog-color, legacy-dialog-typography;
  104. @forward './dialog/dialog-theme' as dialog-* show dialog-theme, dialog-color, dialog-typography,
  105. dialog-density;
  106. @forward './dialog/dialog-legacy-padding' as dialog-* show dialog-legacy-padding;
  107. @forward './divider/divider-theme' as divider-* show divider-theme, divider-color,
  108. divider-typography, divider-density;
  109. @forward './expansion/expansion-theme' as expansion-* show expansion-theme, expansion-color,
  110. expansion-typography, expansion-density;
  111. @forward './form-field/form-field-theme' as form-field-* show form-field-theme,
  112. form-field-color, form-field-typography, form-field-density;
  113. @forward './legacy-form-field/form-field-theme' as legacy-form-field-* show legacy-form-field-theme,
  114. legacy-form-field-color, legacy-form-field-typography;
  115. @forward './grid-list/grid-list-theme' as grid-list-* show grid-list-theme, grid-list-color,
  116. grid-list-typography, grid-list-density;
  117. @forward './icon/icon-theme' as icon-* show icon-theme, icon-color, icon-typography, icon-density;
  118. @forward './legacy-input/input-theme' as legacy-input-* show legacy-input-theme, legacy-input-color,
  119. legacy-input-typography;
  120. @forward './input/input-theme' as input-* show input-theme, input-color, input-typography,
  121. input-density;
  122. @forward './list/list-theme' as list-* show list-theme, list-color, list-typography, list-density;
  123. @forward './legacy-list/list-theme' as legacy-list-* show legacy-list-theme, legacy-list-color,
  124. legacy-list-typography;
  125. @forward './menu/menu-theme' as menu-* show menu-theme, menu-color, menu-typography, menu-density;
  126. @forward './legacy-menu/menu-theme' as legacy-menu-* show legacy-menu-theme, legacy-menu-color,
  127. legacy-menu-typography;
  128. @forward './paginator/paginator-theme' as paginator-* show paginator-theme, paginator-color,
  129. paginator-typography, paginator-density;
  130. @forward './legacy-paginator/paginator-theme' as legacy-paginator-* show legacy-paginator-theme,
  131. legacy-paginator-color, legacy-paginator-typography;
  132. @forward './legacy-progress-bar/progress-bar-theme' as legacy-progress-bar-* show
  133. legacy-progress-bar-theme, legacy-progress-bar-color, legacy-progress-bar-typography;
  134. @forward './progress-bar/progress-bar-theme' as progress-bar-* show
  135. progress-bar-theme, progress-bar-color, progress-bar-typography, progress-bar-density;
  136. @forward './progress-spinner/progress-spinner-theme' as progress-spinner-* show
  137. progress-spinner-theme, progress-spinner-color, progress-spinner-typography,
  138. progress-spinner-density;
  139. @forward './legacy-progress-spinner/progress-spinner-theme' as legacy-progress-spinner-* show
  140. legacy-progress-spinner-theme, legacy-progress-spinner-color, legacy-progress-spinner-typography;
  141. @forward './radio/radio-theme' as radio-* show radio-theme, radio-color, radio-typography,
  142. radio-density;
  143. @forward './legacy-radio/radio-theme' as legacy-radio-* show legacy-radio-theme, legacy-radio-color,
  144. legacy-radio-typography;
  145. @forward './select/select-theme' as select-* show select-theme, select-color, select-typography,
  146. select-density;
  147. @forward './legacy-select/select-theme' as legacy-select-* show legacy-select-theme,
  148. legacy-select-color, legacy-select-typography;
  149. @forward './sidenav/sidenav-theme' as sidenav-* show sidenav-theme, sidenav-color,
  150. sidenav-typography, sidenav-density;
  151. @forward './legacy-slide-toggle/slide-toggle-theme' as legacy-slide-toggle-* show
  152. legacy-slide-toggle-theme, legacy-slide-toggle-color, legacy-slide-toggle-typography;
  153. @forward './slide-toggle/slide-toggle-theme' as slide-toggle-* show
  154. slide-toggle-theme, slide-toggle-color, slide-toggle-typography, slide-toggle-density;
  155. @forward './legacy-slider/slider-theme' as legacy-slider-* show legacy-slider-theme,
  156. legacy-slider-color, legacy-slider-typography;
  157. @forward './slider/slider-theme' as slider-* show slider-theme, slider-color, slider-typography,
  158. slider-density;
  159. @forward './snack-bar/snack-bar-theme' as snack-bar-* show snack-bar-theme, snack-bar-color,
  160. snack-bar-typography, snack-bar-density;
  161. @forward './legacy-snack-bar/snack-bar-theme' as legacy-snack-bar-* show legacy-snack-bar-theme,
  162. legacy-snack-bar-color, legacy-snack-bar-typography;
  163. @forward './sort/sort-theme' as sort-* show sort-theme, sort-color, sort-typography, sort-density;
  164. @forward './stepper/stepper-theme' as stepper-* show stepper-theme, stepper-color,
  165. stepper-typography, stepper-density;
  166. @forward './table/table-theme' as table-* show table-theme, table-color, table-typography,
  167. table-density;
  168. @forward './legacy-table/table-theme' as legacy-table-* show legacy-table-theme, legacy-table-color,
  169. legacy-table-typography;
  170. @forward './tabs/tabs-theme' as tabs-* show tabs-theme, tabs-color, tabs-typography, tabs-density;
  171. @forward './legacy-tabs/tabs-theme' as legacy-tabs-* show legacy-tabs-theme, legacy-tabs-color,
  172. legacy-tabs-typography;
  173. @forward './toolbar/toolbar-theme' as toolbar-* show toolbar-theme, toolbar-color,
  174. toolbar-typography, toolbar-density;
  175. @forward './legacy-tooltip/tooltip-theme' as legacy-tooltip-* show legacy-tooltip-theme,
  176. legacy-tooltip-color, legacy-tooltip-typography;
  177. @forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme, tooltip-color,
  178. tooltip-typography, tooltip-density;
  179. @forward './tree/tree-theme' as tree-* show tree-theme, tree-color, tree-typography, tree-density;
  180. // MDC Helpers
  181. @forward './core/mdc-helpers/mdc-helpers' as private-* show private-using-mdc-theme,
  182. private-using-mdc-typography, private-disable-mdc-fallback-declarations,
  183. private-typography-config-level-from-mdc, private-if-touch-targets-unsupported,
  184. $private-mdc-base-styles-query, $private-mdc-base-styles-without-animation-query,
  185. $private-mdc-theme-styles-query, $private-mdc-typography-styles-query;