mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 08:39:56 +02:00
Code Issues Releases Wiki Activity

Implement CSS layers

Browse Source 
Rearrange and comment import stack

Move content stylesheets to new folder
This commit is contained in:
Mark Otto
2025-02-19 23:08:52 -08:00
parent 0f5fba9c63
commit c1e8462c4b
57 changed files with 5000 additions and 4889 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
scss/_root.scss
View File

@@ -5,6 +5,24 @@
@use "vendor/rfs" as *;
@use "mixins/color-mode" as *;
// mdo-do: do we need theme?
@layer colors, theme, config, root, reboot, layout, content, forms, components, helpers, custom, utilities;
@layer colors {
:root,
[data-bs-theme="light"] {
@each $color-group-name, $color-group in $all-colors {
@each $color-name, $color-value in $color-group {
--#{$prefix}#{$color-name}: #{$color-value};
}
}
@each $color, $value in $theme-colors {
--#{$prefix}#{$color}: #{$value};
}
}
}
:root,
[data-bs-theme="light"] {
// Note: Custom variable values only support SassScript inside `#{}`.
@@ -13,11 +31,11 @@
//
// Generate palettes for full colors, grays, and theme colors.
@each $color-group-name, $color-group in $all-colors {
@each $color-name, $color-value in $color-group {
--#{$prefix}#{$color-name}: #{$color-value};
}
}
// @each $color-group-name, $color-group in $all-colors {
// @each $color-name, $color-value in $color-group {
// --#{$prefix}#{$color-name}: #{$color-value};
// }
// }
// @each $color, $value in $colors {
// --#{$prefix}#{$color}: #{$value};
@@ -27,9 +45,9 @@
// --#{$prefix}gray-#{$color}: #{$value};
// }
@each $color, $value in $theme-colors {
--#{$prefix}#{$color}: #{$value};
}
// @each $color, $value in $theme-colors {
// --#{$prefix}#{$color}: #{$value};
// }
@each $color, $value in $theme-colors-rgb {
--#{$prefix}#{$color}-rgb: #{$value};