Summary Files Commits Branches @commit @diff @stats
path: root / src / icons / _icons-core.scss
diff options
context:
space:
mode:
Commitfbcd70887bd0f301d2dfd1230fd0553cfeda21ec (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-09-30 03:48:23 -0500
Committer
 GitHub <noreply@github.com>
2017-09-30 03:48:23 -0500
Filesf0f7e20c6ed46dfaba398a7d1e875b7d5e103bf1 /src/icons/_icons-core.scss
Spectre-Dark-Gruvbox-0.4.3.tar
Spectre-Dark-Gruvbox-0.4.3.tar.gz
Spectre-Dark-Gruvbox-0.4.3.zip
Parentb8de0381be6ad405ed5488d08031d4eee1a4d2ee (diff)
Parent085f9cb7561268f9816079ab70c2297d8a3f3a80 (diff)
Merge pull request #299 from picturepan2/0.4.3 v0.4.3
0.4.3
1 files changed, 47 insertions, 0 deletions
-rw-r--r--src/icons/_icons-core.scss47
diff --git a/src/icons/_icons-core.scss b/src/icons/_icons-core.scss
new file mode 100644
index 0000000..1bcc10e
--- /dev/null
+++ b/src/icons/_icons-core.scss
@@ -0,0 +1,47 @@
+// Icon variables
+$icon-border-width: $border-width-lg;
+$icon-prefix: "icon";
+
+// Icon base style
+.#{$icon-prefix} {
+ box-sizing: border-box;
+ display: inline-block;
+ font-size: inherit;
+ font-style: normal;
+ height: 1em;
+ position: relative;
+ text-indent: -9999px;
+ vertical-align: middle;
+ width: 1em;
+ &::before,
+ &::after {
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ }
+
+ // Icon sizes
+ &.icon-2x {
+ font-size: 1.6rem;
+ }
+
+ &.icon-3x {
+ font-size: 2.4rem;
+ }
+
+ &.icon-4x {
+ font-size: 3.2rem;
+ }
+}
+
+// Component icon support
+.accordion,
+.btn,
+.toast,
+.menu {
+ .#{$icon-prefix} {
+ vertical-align: -10%;
+ }
+}