diff options
| author | rsiddharth <s@ricketyspace.net> | 2021-02-08 22:23:16 -0500 |
|---|---|---|
| committer | rsiddharth <s@ricketyspace.net> | 2021-02-08 22:23:16 -0500 |
| commit | 255a5d8175138c9ed5768880f769233a8bb70af4 (patch) | |
| tree | 646a94105c6c9ea5c1da32b853e2ff9ee19363dd | |
| parent | 984cc86b87e5ab5a3457cc2226a4fcdc90555a10 (diff) | |
style.scss: add icon mixin
| -rw-r--r-- | scss/style.scss | 26 |
1 files changed, 11 insertions, 15 deletions
diff --git a/scss/style.scss b/scss/style.scss index c1e4931..52da705 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -85,32 +85,28 @@ nav { } // Feed, Social +@mixin icon($url) { + content: url($url); + background-color: $fsfi-dark; + max-width: 17px; + border-radius: 3px; + margin-left: 2px; +} + a.feed { border-bottom: 0px; } .feed-icon { - content: url('/assets/img/feed.svg'); - background-color: $fsfi-dark; - max-width: 17px; - border-radius: 3px; - margin-left: 2px; + @include icon('/assets/img/feed.svg'); } .mastadon-icon { - content: url('/assets/img/mastadon.svg'); - background-color: $fsfi-dark; - max-width: 17px; - border-radius: 3px; - margin-left: 2px; + @include icon('/assets/img/mastadon.svg'); } .email-icon { - content: url('/assets/img/email.svg'); - background-color: $fsfi-dark; - max-width: 17px; - border-radius: 3px; - margin-left: 2px; + @include icon('/assets/img/email.svg'); } .follow-block { |