diff options
1 files changed, 13 insertions, 3 deletions
| -rw-r--r-- | src/mixins.less | 16 |
diff --git a/src/mixins.less b/src/mixins.less index a2ab1ae..84af7a4 100644 --- a/src/mixins.less +++ b/src/mixins.less @@ -6,16 +6,24 @@ display: table; } } + +// Component focus shadow .control-shadow(@color: @primary-color) { box-shadow: 0 0 0 .2rem fade(@color, 15%); } + +// Component transition .control-transition() { transition: all .2s ease; } + +// Toast variant .toast-variant(@color: @dark-color) { background: fade(@color, 90%); border-color: @color; } + +// Label base style .label-base() { border-radius: @border-radius; display: inline-block; @@ -23,10 +31,12 @@ padding: .3rem .4rem; vertical-align: baseline; } -.label-variant(@color) { - background: @color; - color: @light-color; + +.label-variant(@color: @light-color, @bg-color: @primary-color) { + background: @bg-color; + color: @color; } + .shadow-variant(@offset) { box-shadow: 0 @offset (@offset+.1rem)*2 fade(@dark-color, 30%); } |