diff options
| Commit | 7fdb8b4ca18e1758bf4453cc5f8c32b7a7ad2701 (patch) | |
|---|---|---|
| Author | 2017-04-10 22:41:26 +0800 | |
| Committer | 2017-04-10 22:41:26 +0800 | |
| Files | cd6ab1574f3b67ff8995413df5205c3c662fa251 /src/mixins.less | |
| Spectre-Dark-Gruvbox-0.2.13.tar Spectre-Dark-Gruvbox-0.2.13.tar.gz Spectre-Dark-Gruvbox-0.2.13.zip | ||
| Parent | 01fb412a0508412f683aa58fdf766859d0733314 (diff) | |
| Parent | 467cad45938f14cd5d725b85d72be96f9ff8d0cb (diff) | |
Merge pull request #188 from picturepan2/0.2.13 v0.2.13
0.2.13
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%); } |