diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-28 18:03:43 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | 837e0e904c40f7b87561c34ca3f49edd5d8d1c52 (patch) | |
| tree | 37835dd2c84ed770b5719152aab0b74d93c0878c /src/styles/base/_icons.scss | |
| parent | d17d894f398650209c0ddd29502308de8c07bd93 (diff) | |
feat(components): replace icons with a generic Icon component
Sizes are also predefined and can be set using the `size` prop,
so the consumers should no longer adjust the size in CSS.
Diffstat (limited to 'src/styles/base/_icons.scss')
| -rw-r--r-- | src/styles/base/_icons.scss | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/styles/base/_icons.scss b/src/styles/base/_icons.scss new file mode 100644 index 0000000..16fdd4a --- /dev/null +++ b/src/styles/base/_icons.scss @@ -0,0 +1,10 @@ +@use "sass:math"; +@use "../abstracts/variables" as var; + +:root { + --icon-size-xs: #{var.icon-size("xs")}; + --icon-size-sm: #{var.icon-size("sm")}; + --icon-size-md: #{var.icon-size("md")}; + --icon-size-lg: #{var.icon-size("lg")}; + --icon-size-xl: #{var.icon-size("xl")}; +} |