Summary Files Commits Branches @commit @diff @stats
path: root / src / _chips.scss
diff options
context:
space:
mode:
Commite78b3c34348f26d40a813612c5a3786f1c56607a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Filesf857491026c5f728fe95fe1564ec30c931a1b30a /src/_chips.scss
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar.gz
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Initial SASS build
1 files changed, 24 insertions, 0 deletions
-rw-r--r--src/_chips.scss24
diff --git a/src/_chips.scss b/src/_chips.scss
new file mode 100644
index 0000000..0610470
--- /dev/null
+++ b/src/_chips.scss
@@ -0,0 +1,24 @@
+// Chips
+.chip {
+ align-items: center;
+ background: $bg-color-dark;
+ border-radius: 5rem;
+ color: $gray-color-dark;
+ display: inline-flex;
+ height: $unit-6;
+ margin: $unit-h;
+ max-width: 100%;
+ padding: $unit-h ($unit-2 + $unit-h);
+ text-decoration: none;
+ vertical-align: middle;
+
+ &.active {
+ background: $primary-color;
+ color: $light-color;
+ }
+
+ .avatar {
+ margin-left: -($unit-2 + $unit-h);
+ margin-right: $unit-1;
+ }
+}