rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #8408 from cvrebert/progress-bar-variant-mixin

Browse Source 
extract .progress-bar-variant mix-in
This commit is contained in:
Mark Otto 2013-07-07 18:27:43 -07:00
commit 084291aac7
2 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/mixins.less
View File

@ -427,6 +427,15 @@
margin-bottom: ((@navbar-height - @element-height) / 2); margin-bottom: ((@navbar-height - @element-height) / 2);
} }
// Progress bars
// -------------------------
.progress-bar-variant(@color) {
background-color: @color;
.progress-striped & {
#gradient > .striped(@color);
}
}
// Responsive utilities // Responsive utilities
// ------------------------- // -------------------------
// More easily include all the states for responsive-utilities.less. // More easily include all the states for responsive-utilities.less.

20
less/progress-bars.less
View File

@ -87,32 +87,20 @@
// Danger (red) // Danger (red)
.progress-bar-danger { .progress-bar-danger {
background-color: @progress-bar-danger-bg; .progress-bar-variant(@progress-bar-danger-bg);
.progress-striped & {
#gradient > .striped(@progress-bar-danger-bg);
}
} }
// Success (green) // Success (green)
.progress-bar-success { .progress-bar-success {
background-color: @progress-bar-success-bg; .progress-bar-variant(@progress-bar-success-bg);
.progress-striped & {
#gradient > .striped(@progress-bar-success-bg);
}
} }
// Warning (orange) // Warning (orange)
.progress-bar-warning { .progress-bar-warning {
background-color: @progress-bar-warning-bg; .progress-bar-variant(@progress-bar-warning-bg);
.progress-striped & {
#gradient > .striped(@progress-bar-warning-bg);
}
} }
// Info (teal) // Info (teal)
.progress-bar-info { .progress-bar-info {
background-color: @progress-bar-info-bg; .progress-bar-variant(@progress-bar-info-bg);
.progress-striped & {
#gradient > .striped(@progress-bar-info-bg);
}
} }