Summary Files Commits Branches @commit @diff @stats
path: root / src / mixins.less
diff options
context:
space:
mode:
Commit7fdb8b4ca18e1758bf4453cc5f8c32b7a7ad2701 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-04-10 22:41:26 +0800
Committer
 GitHub <noreply@github.com>
2017-04-10 22:41:26 +0800
Filescd6ab1574f3b67ff8995413df5205c3c662fa251 /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
Parent01fb412a0508412f683aa58fdf766859d0733314 (diff)
Parent467cad45938f14cd5d725b85d72be96f9ff8d0cb (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.less16
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%);
}