Summary Files Commits Branches @commit @diff @stats
path: root / src / mixins.less
diff options
context:
space:
mode:
Commit467cad45938f14cd5d725b85d72be96f9ff8d0cb (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-04-10 22:21:08 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-04-10 22:21:08 +0800
Filescd6ab1574f3b67ff8995413df5205c3c662fa251 /src/mixins.less
Spectre-Dark-Gruvbox-467cad45938f14cd5d725b85d72be96f9ff8d0cb.tar
Spectre-Dark-Gruvbox-467cad45938f14cd5d725b85d72be96f9ff8d0cb.tar.gz
Spectre-Dark-Gruvbox-467cad45938f14cd5d725b85d72be96f9ff8d0cb.zip
Parent541850ff2927a4dee767809af61a0cd479657ae6 (diff)
Update the Docs and label-variant
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%);
}