diff options
| author | codecalm <codecalm@gmail.com> | 2020-02-27 18:41:35 +0100 |
|---|---|---|
| committer | codecalm <codecalm@gmail.com> | 2020-02-27 18:41:35 +0100 |
| commit | e6e7494bdcfbc48139dc38ea7219022e3d4ec6c1 (patch) | |
| tree | 74c5b7b4c8e40b3bc4277f815dde8ccec660eb4f /assets/style.scss | |
| parent | first init (diff) | |
| download | tabler-icons-e6e7494bdcfbc48139dc38ea7219022e3d4ec6c1.tar.xz | |
icon preview
Diffstat (limited to 'assets/style.scss')
| -rw-r--r-- | assets/style.scss | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/assets/style.scss b/assets/style.scss new file mode 100644 index 0000000..61fed5f --- /dev/null +++ b/assets/style.scss @@ -0,0 +1,75 @@ +--- +--- +html { + font-size: 16px; + font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; +} + +body { + background: #fafbfc; + font-size: 1rem; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.container { + max-width: 50rem; + margin: 0 auto; + padding: 1rem +} + +.box { + padding: 2rem; + background: #ffff; + box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); +} + +.icon-preview-wrap { + margin-bottom: 3rem; + position: relative; + + &:before { + content: ''; + padding-top: 100%; + display: block; + } +} + +.icon-preview { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url(bg.svg) no-repeat center/100%; + + svg { + width: 100%; + height: 100%; + stroke-width: 2; + opacity: .8; + } +} + + +.icons-list { + display: flex; + margin: -1rem; + + .icon { + display: block; + margin: .5rem; + width: 1.5rem; + height: 1.5rem; + } + + svg { + display: block; + width: 100%; + height: 100%; + stroke-width: 2; + } +} + |