sun.module.scss « icons « atoms « components « src - www.armandphilippot.com - The frontend of my personal website.

summary refs log tree commit diff stats

path: root/src/components/atoms/icons/sun.module.scss

blob: 5682aa302920b38fd5227e00c3180e7d99df362c (plain)

@use "@styles/abstracts/functions" as fun;

.sun {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 4;
  width: var(--icon-size, #{fun.convert-px(25)});
}

ss="o">( #{math.div(var.spacing("2xs"), 1.2)}, 1ex + 1vw, #{var.spacing("2xs")} ); --spacing-xs: clamp( #{math.div(var.spacing("xs"), 1.2)}, 1ex + 1vw, #{var.spacing("xs")} ); --spacing-sm: clamp( #{math.div(var.spacing("sm"), 1.2)}, 1ex + 1vw, #{var.spacing("sm")} ); --spacing-md: clamp(#{var.spacing("sm")}, 1ex + 2vw, #{var.spacing("md")}); --spacing-lg: clamp(#{var.spacing("md")}, 1ex + 3vw, #{var.spacing("lg")}); --spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")}); --spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")}); --spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")}); --toolbar-size: #{fun.convert-px(65)}; } @include mix.media("screen") { @include mix.dimensions("sm") { :root { --toolbar-size: 0px; } } }