From a24bc28de8d29b72d1eff652459957cc59a9fbab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guillermo=20Gonz=C3=A1lez=20de=20Ag=C3=BCero?= Date: Wed, 7 Aug 2013 20:15:12 +0200 Subject: [PATCH 1/2] Added panel-variant mixin --- less/mixins.less | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/less/mixins.less b/less/mixins.less index 2cf683c3a1..54fe4c21c8 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -337,6 +337,17 @@ background-color: @color; } +// Panels +// ------------------------- +.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { + border-color: @border; + .panel-heading { + color: @heading-text-color; + background-color: @heading-bg-color; + border-color: @heading-border; + } +} + // Alerts // ------------------------- .alert-variant(@background; @border; @text-color) { From f90ac58410fcc511531484341e12c79023369a17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Guillermo=20Gonz=C3=A1lez=20de=20Ag=C3=BCero?= Date: Wed, 7 Aug 2013 20:19:12 +0200 Subject: [PATCH 2/2] Updated panels.less to use variant-panel mixin --- less/panels.less | 35 +++++------------------------------ 1 file changed, 5 insertions(+), 30 deletions(-) diff --git a/less/panels.less b/less/panels.less index 87a7865248..df20975ee0 100644 --- a/less/panels.less +++ b/less/panels.less @@ -64,42 +64,17 @@ // Contextual variations .panel-primary { - border-color: @panel-primary-border; - .panel-heading { - color: @panel-primary-text; - background-color: @panel-primary-heading-bg; - border-color: @panel-primary-border; - } + .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border); } .panel-success { - border-color: @panel-success-border; - .panel-heading { - color: @panel-success-text; - background-color: @panel-success-heading-bg; - border-color: @panel-success-border; - } + .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border); } .panel-warning { - border-color: @panel-warning-border; - .panel-heading { - color: @panel-warning-text; - background-color: @panel-warning-heading-bg; - border-color: @panel-warning-border; - } + .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border); } .panel-danger { - border-color: @panel-danger-border; - .panel-heading { - color: @panel-danger-text; - background-color: @panel-danger-heading-bg; - border-color: @panel-danger-border; - } + .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border); } .panel-info { - border-color: @panel-info-border; - .panel-heading { - color: @panel-info-text; - background-color: @panel-info-heading-bg; - border-color: @panel-info-border; - } + .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border); }