mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
Move .bg-* utility classes into separate file
[skip sauce] [skip validator]
This commit is contained in:
parent
6e8f08dc67
commit
9d201a8ef2
3 changed files with 25 additions and 26 deletions
24
scss/_utilities-background.scss
Normal file
24
scss/_utilities-background.scss
Normal file
|
@ -0,0 +1,24 @@
|
|||
//
|
||||
// Contextual backgrounds
|
||||
//
|
||||
|
||||
// Inverse
|
||||
// TODO: redo this as a proper class
|
||||
.bg-inverse {
|
||||
color: $gray-lighter;
|
||||
background-color: $gray-dark;
|
||||
}
|
||||
|
||||
.bg-faded {
|
||||
background-color: $gray-lightest;
|
||||
}
|
||||
|
||||
@include bg-variant('.bg-primary', $brand-primary);
|
||||
|
||||
@include bg-variant('.bg-success', $brand-success);
|
||||
|
||||
@include bg-variant('.bg-info', $brand-info);
|
||||
|
||||
@include bg-variant('.bg-warning', $brand-warning);
|
||||
|
||||
@include bg-variant('.bg-danger', $brand-danger);
|
|
@ -89,29 +89,3 @@
|
|||
@include text-emphasis-variant('.text-warning', $brand-warning);
|
||||
|
||||
@include text-emphasis-variant('.text-danger', $brand-danger);
|
||||
|
||||
|
||||
// Contextual backgrounds
|
||||
// For now we'll leave these alongside the text classes until v4 when we can
|
||||
// safely shift things around (per SemVer rules).
|
||||
|
||||
// Inverse
|
||||
// Todo: redo this as a proper class
|
||||
.bg-inverse {
|
||||
color: $gray-lighter;
|
||||
background-color: $gray-dark;
|
||||
}
|
||||
|
||||
.bg-faded {
|
||||
background-color: $gray-lightest;
|
||||
}
|
||||
|
||||
@include bg-variant('.bg-primary', $brand-primary);
|
||||
|
||||
@include bg-variant('.bg-success', $brand-success);
|
||||
|
||||
@include bg-variant('.bg-info', $brand-info);
|
||||
|
||||
@include bg-variant('.bg-warning', $brand-warning);
|
||||
|
||||
@include bg-variant('.bg-danger', $brand-danger);
|
||||
|
|
1
scss/bootstrap.scss
vendored
1
scss/bootstrap.scss
vendored
|
@ -51,5 +51,6 @@
|
|||
|
||||
// Utility classes
|
||||
@import "utilities";
|
||||
@import "utilities-background";
|
||||
@import "utilities-spacing";
|
||||
@import "utilities-responsive";
|
||||
|
|
Loading…
Reference in a new issue