Skip to content

B
bootstrap
Commit b121207e authored by Chris Rebert's avatar Chris Rebert
Browse files
Options

refactoring: add & use .bg-variant() mixin

parent 0ef8d1ba
Hide whitespace changes
Inline Side-by-side
Showing with 14 additions and 20 deletions
less/mixins.less
View file @ b121207e
...@@ -577,6 +577,15 @@ ...@@ -577,6 +577,15 @@
} }
} }
// Contextual backgrounds
// -------------------------
.bg-variant(@color) {
background-color: @color;
a&:hover {
background-color: darken(@color, 10%);
}
}
// Navbar vertical align // Navbar vertical align
// ------------------------- // -------------------------
// Vertically center elements in the navbar. // Vertically center elements in the navbar.
......
less/type.less
View file @ b121207e
...@@ -129,34 +129,19 @@ cite { font-style: normal; } ...@@ -129,34 +129,19 @@ cite { font-style: normal; }
// Given the contrast here, this is the only class to have its color inverted // Given the contrast here, this is the only class to have its color inverted
// automatically. // automatically.
color: #fff; color: #fff;
background-color: @brand-primary; .bg-variant(@brand-primary);
a&:hover {
background-color: darken(@brand-primary, 10%);
}
} }
.bg-success { .bg-success {
background-color: @state-success-bg; .bg-variant(@state-success-bg);
a&:hover {
background-color: darken(@state-success-bg, 10%);
}
} }
.bg-info { .bg-info {
background-color: @state-info-bg; .bg-variant(@state-info-bg);
a&:hover {
background-color: darken(@state-info-bg, 10%);
}
} }
.bg-warning { .bg-warning {
background-color: @state-warning-bg; .bg-variant(@state-warning-bg);
a&:hover {
background-color: darken(@state-warning-bg, 10%);
}
} }
.bg-danger { .bg-danger {
background-color: @state-danger-bg; .bg-variant(@state-danger-bg);
a&:hover {
background-color: darken(@state-danger-bg, 10%);
}
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment