root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Move .bg-* utility classes into separate file 

[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2015-10-29 21:37:28 -07:00
parent 6e8f08dc67
commit 9d201a8ef2
3 changed files with 25 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
scss/_utilities-background.scss Normal file
View 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);

26
scss/_utilities.scss
View File

@ -89,29 +89,3 @@
@include text-emphasis-variant('.text-warning', $brand-warning); @include text-emphasis-variant('.text-warning', $brand-warning);
@include text-emphasis-variant('.text-danger', $brand-danger); @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
View File

@ -51,5 +51,6 @@
// Utility classes // Utility classes
@import "utilities"; @import "utilities";
@import "utilities-background";
@import "utilities-spacing"; @import "utilities-spacing";
@import "utilities-responsive"; @import "utilities-responsive";