0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00

extract .progress-bar-variant mix-in

This commit is contained in:
Chris Rebert 2013-07-07 15:06:16 -07:00
parent 95655e7275
commit d2fb35d546
2 changed files with 13 additions and 16 deletions

View File

@ -401,6 +401,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.

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);
}
} }