diff options
cleanup code
3 files changed, 34 insertions, 28 deletions
| -rw-r--r-- | src/labels.less | 15 | ||||
| -rw-r--r-- | src/toasts.less | 37 | ||||
| -rw-r--r-- | src/variables.less | 10 |
diff --git a/src/labels.less b/src/labels.less index aba7cf4..f08f5bc 100644 --- a/src/labels.less +++ b/src/labels.less @@ -13,23 +13,18 @@ border-radius: .2rem; &.label-primary { - color: #fff; - background-color: @core-color; + .toast-variant(@core-color); } &.label-success { - color: #fff; - background-color: @control-color-success; + .toast-variant(@control-color-success); } &.label-info { - color: #fff; - background-color: @control-color-info; + .toast-variant(@control-color-info); } &.label-warning { - color: #fff; - background-color: @control-color-warning; + .toast-variant(@control-color-warning); } &.label-danger { - color: #fff; - background-color: @control-color-danger; + .toast-variant(@control-color-danger); } }
\ No newline at end of file diff --git a/src/toasts.less b/src/toasts.less index 44becf1..fe6081a 100644 --- a/src/toasts.less +++ b/src/toasts.less @@ -9,31 +9,32 @@ background-color: @core-border-color; &.toast-primary { - color: #fff; - background-color: @core-color; - border-color: darken(@core-color, 2%); + .toast-variant(@core-color); } - &.toast-success { - color: #fff; - background-color: @control-color-success; - border-color: darken(@control-color-success, 2%); + .toast-variant(@control-color-success); } &.toast-info { - color: #fff; - background-color: @control-color-info; - border-color: darken(@control-color-info, 2%); + .toast-variant(@control-color-info); } &.toast-warning { - color: #fff; - background-color: @control-color-warning; - border-color: darken(@control-color-warning, 2%); + .toast-variant(@control-color-warning); } &.toast-danger { - color: #fff; - background-color: @control-color-danger; - border-color: darken(@control-color-danger, 2%); + .toast-variant(@control-color-danger); } -} -// TODO: attached toasts
\ No newline at end of file + &:first-child:not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + &:not(:first-child):not(:last-child) { + border-radius: 0; + margin-top: -.1rem; + } + &:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: -.1rem; + } +}
\ No newline at end of file diff --git a/src/variables.less b/src/variables.less index 14882ae..cd8d0ef 100644 --- a/src/variables.less +++ b/src/variables.less @@ -24,4 +24,14 @@ display: table; clear: both; } +} + +.toast-variant(@color) { + color: #fff; + background-color: @color; + border-color: darken(@color, 2%); +} +.label-variant(@color) { + color: #fff; + background-color: @color; }
\ No newline at end of file |