diff options
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.scss | 47 |
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%; + } +} |