mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

Merge pull request #18108 from twbs/split-bg

Browse Source 
Move .bg-* utility classes into separate file
This commit is contained in:
Mark Otto
2015-11-01 21:39:56 -08:00
parent e7b8dc0b92 9d201a8ef2
commit 18d6e1a648
3 changed files with 25 additions and 26 deletions
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";