mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
refactoring: add & use .text-emphasis-variant() mixin
This commit is contained in:
parent
0ef8d1bad4
commit
b886fd2f01
2 changed files with 14 additions and 20 deletions
|
@ -577,6 +577,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
.text-emphasis-variant(@color) {
|
||||
color: @color;
|
||||
&:hover {
|
||||
color: darken(@color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
|
|
|
@ -92,34 +92,19 @@ cite { font-style: normal; }
|
|||
color: @text-muted;
|
||||
}
|
||||
.text-primary {
|
||||
color: @brand-primary;
|
||||
&:hover {
|
||||
color: darken(@brand-primary, 10%);
|
||||
}
|
||||
.text-emphasis-variant(@brand-primary);
|
||||
}
|
||||
.text-success {
|
||||
color: @state-success-text;
|
||||
&:hover {
|
||||
color: darken(@state-success-text, 10%);
|
||||
}
|
||||
.text-emphasis-variant(@state-success-text);
|
||||
}
|
||||
.text-info {
|
||||
color: @state-info-text;
|
||||
&:hover {
|
||||
color: darken(@state-info-text, 10%);
|
||||
}
|
||||
.text-emphasis-variant(@state-info-text);
|
||||
}
|
||||
.text-warning {
|
||||
color: @state-warning-text;
|
||||
&:hover {
|
||||
color: darken(@state-warning-text, 10%);
|
||||
}
|
||||
.text-emphasis-variant(@state-warning-text);
|
||||
}
|
||||
.text-danger {
|
||||
color: @state-danger-text;
|
||||
&:hover {
|
||||
color: darken(@state-danger-text, 10%);
|
||||
}
|
||||
.text-emphasis-variant(@state-danger-text);
|
||||
}
|
||||
|
||||
// Contextual backgrounds
|
||||
|
|
Loading…
Reference in a new issue