diff options
update labels and toasts
3 files changed, 22 insertions, 12 deletions
| -rw-r--r-- | src/labels.less | 20 | ||||
| -rw-r--r-- | src/toasts.less | 7 | ||||
| -rw-r--r-- | src/variables.less | 7 |
diff --git a/src/labels.less b/src/labels.less index 3288065..ac11630 100644 --- a/src/labels.less +++ b/src/labels.less @@ -1,15 +1,15 @@ // Labels .label { display: inline-block; - padding: .2rem .5rem; - font-size: 1.2rem; - line-height: 1.4rem; + padding: .3rem .5rem; + font-size: 80%; + line-height: 1; color: #666; background-color: @core-border-color; text-align: center; white-space: nowrap; vertical-align: middle; - margin: -.2rem .5rem 0 0; + margin: -.3rem .5rem 0 .5rem; border-radius: .2rem; &.label-primary { @@ -20,8 +20,12 @@ color: #fff; background-color: @control-color-success; } + &.label-info { + color: #fff; + background-color: @control-color-info; + } &.label-warning { - color: darken(@control-color-warning, 35%); + color: #fff; background-color: @control-color-warning; } &.label-danger { @@ -30,8 +34,8 @@ } &.label-lg { - padding: .2rem .8rem; - font-size: 1.4rem; - line-height: 1.8rem; + font-size: 100%; + line-height: 1.2; + padding: .3rem .8rem; } }
\ No newline at end of file diff --git a/src/toasts.less b/src/toasts.less index 6d4b03d..9792e50 100644 --- a/src/toasts.less +++ b/src/toasts.less @@ -19,8 +19,13 @@ background-color: @control-color-success; border-color: darken(@control-color-success, 2%); } + &.toast-info { + color: #fff; + background-color: @control-color-info; + border-color: darken(@control-color-info, 2%); + } &.toast-warning { - color: darken(@control-color-warning, 35%); + color: #fff; background-color: @control-color-warning; border-color: darken(@control-color-warning, 2%); } diff --git a/src/variables.less b/src/variables.less index 5b6e4ba..23220df 100644 --- a/src/variables.less +++ b/src/variables.less @@ -11,9 +11,10 @@ @core-link-color: #5764C6; @core-border-color: #efefef; @control-color: #c5c5c5; -@control-color-success: #00c372; -@control-color-warning: #fccf42; -@control-color-danger: #e74c3c; +@control-color-success: #32B643; +@control-color-info: #0193eb; +@control-color-warning: #ffb700; +@control-color-danger: #E85600; // Mixins |