summaryrefslogtreecommitdiff
path: root/styles/_sass/elements/icon.sass
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
commit66e98b7125c87706782b8247b8e0329473dbeb5a (patch)
tree4d33c71e5462aa991199159f7fa70c1b3acf355b /styles/_sass/elements/icon.sass
parent52daf90e6206a67414b2de2f7b741b9af2cd959a (diff)
downloadcobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz
cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip
reorganized assets and CSS, added a post
Diffstat (limited to 'styles/_sass/elements/icon.sass')
-rw-r--r--styles/_sass/elements/icon.sass21
1 files changed, 21 insertions, 0 deletions
diff --git a/styles/_sass/elements/icon.sass b/styles/_sass/elements/icon.sass
new file mode 100644
index 0000000..988546c
--- /dev/null
+++ b/styles/_sass/elements/icon.sass
@@ -0,0 +1,21 @@
+$icon-dimensions: 1.5rem !default
+$icon-dimensions-small: 1rem !default
+$icon-dimensions-medium: 2rem !default
+$icon-dimensions-large: 3rem !default
+
+.icon
+ align-items: center
+ display: inline-flex
+ justify-content: center
+ height: $icon-dimensions
+ width: $icon-dimensions
+ // Sizes
+ &.is-small
+ height: $icon-dimensions-small
+ width: $icon-dimensions-small
+ &.is-medium
+ height: $icon-dimensions-medium
+ width: $icon-dimensions-medium
+ &.is-large
+ height: $icon-dimensions-large
+ width: $icon-dimensions-large