From e757ddd60fb48849159e19abb9ebbc6df10fc78d Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Sat, 6 Jul 2013 22:01:34 -0700
Subject: [PATCH] extract .alert-variant mix-in
---
less/alerts.less | 30 +++---------------------------
less/mixins.less | 14 ++++++++++++++
2 files changed, 17 insertions(+), 27 deletions(-)
diff --git a/less/alerts.less b/less/alerts.less
index 596734152b..66aa6cf246 100644
--- a/less/alerts.less
+++ b/less/alerts.less
@@ -43,37 +43,13 @@
// -------------------------
.alert-success {
- background-color: @alert-success-bg;
- border-color: @alert-success-border;
- color: @alert-success-text;
- hr {
- border-top-color: darken(@alert-success-border, 5%);
- }
- .alert-link {
- color: darken(@alert-success-text, 10%);
- }
+ .alert-variant(@alert-success-bg, @alert-success-border, @alert-success-text);
}
.alert-danger {
- background-color: @alert-danger-bg;
- border-color: @alert-danger-border;
- color: @alert-danger-text;
- hr {
- border-top-color: darken(@alert-danger-border, 5%);
- }
- .alert-link {
- color: darken(@alert-danger-text, 10%);
- }
+ .alert-variant(@alert-danger-bg, @alert-danger-border, @alert-danger-text);
}
.alert-info {
- background-color: @alert-info-bg;
- border-color: @alert-info-border;
- color: @alert-info-text;
- hr {
- border-top-color: darken(@alert-info-border, 5%);
- }
- .alert-link {
- color: darken(@alert-info-text, 10%);
- }
+ .alert-variant(@alert-info-bg, @alert-info-border, @alert-info-text);
}
// Block alerts
diff --git a/less/mixins.less b/less/mixins.less
index eb05623ac9..8bbb551a5a 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -361,6 +361,20 @@
border-bottom: 1px solid @bottom;
}
+// Alerts
+// -------------------------
+.alert-variant(@background, @border, @text-color) {
+ background-color: @background;
+ border-color: @border;
+ color: @text-color;
+ hr {
+ border-top-color: darken(@border, 5%);
+ }
+ .alert-link {
+ color: darken(@text-color, 10%);
+ }
+}
+
// Button psuedo states
// -------------------------
// Easily pump out default styles, as well as :hover, :focus, :active,
--
GitLab