EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styleguide: update sizes in icon grid

Browse source
This commit is contained in:
kritzl 2025-03-06 03:02:12 +01:00
commit 6ac41e402d
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
9 changed files with 192 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

2
styleguide/assets/style/base.css
View file

@ -277,7 +277,6 @@
html:has(#themeLight:checked) .dark-only {
display: none;
}
#themeToggleDark {
display: none;
}
@ -359,7 +358,6 @@
html:has(#themeDark:checked) .dark-only {
display: initial;
}
#themeToggleLight {
display: none;
}

8
styleguide/assets/style/base.css.map
View file

File diff suppressed because one or more lines are too long

114
styleguide/assets/style/icons.css
View file

@ -16,175 +16,175 @@ i[data-icon]::before {
mask-repeat: no-repeat;
background-color: currentColor;
}
i[data-icon="arrow_down"]::before {
i[data-icon=arrow_down]::before {
mask-image: url("../icon/arrow_down.svg");
}
i[data-icon="arrow_down_left"]::before {
i[data-icon=arrow_down_left]::before {
mask-image: url("../icon/arrow_down_left.svg");
}
i[data-icon="arrow_down_right"]::before {
i[data-icon=arrow_down_right]::before {
mask-image: url("../icon/arrow_down_right.svg");
}
i[data-icon="arrow_left"]::before {
i[data-icon=arrow_left]::before {
mask-image: url("../icon/arrow_left.svg");
}
i[data-icon="arrow_right"]::before {
i[data-icon=arrow_right]::before {
mask-image: url("../icon/arrow_right.svg");
}
i[data-icon="arrow_up"]::before {
i[data-icon=arrow_up]::before {
mask-image: url("../icon/arrow_up.svg");
}
i[data-icon="arrow_up_left"]::before {
i[data-icon=arrow_up_left]::before {
mask-image: url("../icon/arrow_up_left.svg");
}
i[data-icon="arrow_up_right"]::before {
i[data-icon=arrow_up_right]::before {
mask-image: url("../icon/arrow_up_right.svg");
}
i[data-icon="basket"]::before {
i[data-icon=basket]::before {
mask-image: url("../icon/basket.svg");
}
i[data-icon="bed"]::before {
i[data-icon=bed]::before {
mask-image: url("../icon/bed.svg");
}
i[data-icon="clock"]::before {
i[data-icon=clock]::before {
mask-image: url("../icon/clock.svg");
}
i[data-icon="code"]::before {
i[data-icon=code]::before {
mask-image: url("../icon/code.svg");
}
i[data-icon="creature"]::before {
i[data-icon=creature]::before {
mask-image: url("../icon/creature.svg");
}
i[data-icon="cross"]::before {
i[data-icon=cross]::before {
mask-image: url("../icon/cross.svg");
}
i[data-icon="cross_small"]::before {
i[data-icon=cross_small]::before {
mask-image: url("../icon/cross_small.svg");
}
i[data-icon="cup_1"]::before {
i[data-icon=cup_1]::before {
mask-image: url("../icon/cup_1.svg");
}
i[data-icon="cup_2"]::before {
i[data-icon=cup_2]::before {
mask-image: url("../icon/cup_2.svg");
}
i[data-icon="dect"]::before {
i[data-icon=dect]::before {
mask-image: url("../icon/dect.svg");
}
i[data-icon="external"]::before {
i[data-icon=external]::before {
mask-image: url("../icon/external.svg");
}
i[data-icon="fairydust"]::before {
i[data-icon=fairydust]::before {
mask-image: url("../icon/fairydust.svg");
}
i[data-icon="flag"]::before {
i[data-icon=flag]::before {
mask-image: url("../icon/flag.svg");
}
i[data-icon="font"]::before {
i[data-icon=font]::before {
mask-image: url("../icon/font.svg");
}
i[data-icon="gluten"]::before {
i[data-icon=gluten]::before {
mask-image: url("../icon/gluten.svg");
}
i[data-icon="hackertours"]::before {
i[data-icon=hackertours]::before {
mask-image: url("../icon/hackertours.svg");
}
i[data-icon="hare_head"]::before {
i[data-icon=hare_head]::before {
mask-image: url("../icon/hare_head.svg");
}
i[data-icon="history"]::before {
i[data-icon=history]::before {
mask-image: url("../icon/history.svg");
}
i[data-icon="home"]::before {
i[data-icon=home]::before {
mask-image: url("../icon/home.svg");
}
i[data-icon="hygene"]::before {
i[data-icon=hygene]::before {
mask-image: url("../icon/hygene.svg");
}
i[data-icon="info"]::before {
i[data-icon=info]::before {
mask-image: url("../icon/info.svg");
}
i[data-icon="lightbulb"]::before {
i[data-icon=lightbulb]::before {
mask-image: url("../icon/lightbulb.svg");
}
i[data-icon="link"]::before {
i[data-icon=link]::before {
mask-image: url("../icon/link.svg");
}
i[data-icon="location"]::before {
i[data-icon=location]::before {
mask-image: url("../icon/location.svg");
}
i[data-icon="lock"]::before {
i[data-icon=lock]::before {
mask-image: url("../icon/lock.svg");
}
i[data-icon="login"]::before {
i[data-icon=login]::before {
mask-image: url("../icon/login.svg");
}
i[data-icon="logout"]::before {
i[data-icon=logout]::before {
mask-image: url("../icon/logout.svg");
}
i[data-icon="menu"]::before {
i[data-icon=menu]::before {
mask-image: url("../icon/menu.svg");
}
i[data-icon="menu_small"]::before {
i[data-icon=menu_small]::before {
mask-image: url("../icon/menu_small.svg");
}
i[data-icon="merch"]::before {
i[data-icon=merch]::before {
mask-image: url("../icon/merch.svg");
}
i[data-icon="message"]::before {
i[data-icon=message]::before {
mask-image: url("../icon/message.svg");
}
i[data-icon="microphone"]::before {
i[data-icon=microphone]::before {
mask-image: url("../icon/microphone.svg");
}
i[data-icon="network"]::before {
i[data-icon=network]::before {
mask-image: url("../icon/network.svg");
}
i[data-icon="pen"]::before {
i[data-icon=pen]::before {
mask-image: url("../icon/pen.svg");
}
i[data-icon="plate_and_cutlery"]::before {
i[data-icon=plate_and_cutlery]::before {
mask-image: url("../icon/plate_and_cutlery.svg");
}
i[data-icon="power"]::before {
i[data-icon=power]::before {
mask-image: url("../icon/power.svg");
}
i[data-icon="question"]::before {
i[data-icon=question]::before {
mask-image: url("../icon/question.svg");
}
i[data-icon="schedule"]::before {
i[data-icon=schedule]::before {
mask-image: url("../icon/schedule.svg");
}
i[data-icon="search"]::before {
i[data-icon=search]::before {
mask-image: url("../icon/search.svg");
}
i[data-icon="settings"]::before {
i[data-icon=settings]::before {
mask-image: url("../icon/settings.svg");
}
i[data-icon="signup"]::before {
i[data-icon=signup]::before {
mask-image: url("../icon/signup.svg");
}
i[data-icon="soldering_iron"]::before {
i[data-icon=soldering_iron]::before {
mask-image: url("../icon/soldering_iron.svg");
}
i[data-icon="tick"]::before {
i[data-icon=tick]::before {
mask-image: url("../icon/tick.svg");
}
i[data-icon="tick_small"]::before {
i[data-icon=tick_small]::before {
mask-image: url("../icon/tick_small.svg");
}
i[data-icon="ticket"]::before {
i[data-icon=ticket]::before {
mask-image: url("../icon/ticket.svg");
}
i[data-icon="toast"]::before {
i[data-icon=toast]::before {
mask-image: url("../icon/toast.svg");
}
i[data-icon="train"]::before {
i[data-icon=train]::before {
mask-image: url("../icon/train.svg");
}
i[data-icon="vegan"]::before {
i[data-icon=vegan]::before {
mask-image: url("../icon/vegan.svg");
}
i[data-icon="warning"]::before {
i[data-icon=warning]::before {
mask-image: url("../icon/warning.svg");
}

8
styleguide/assets/style/icons.css.map
View file

@ -1,7 +1 @@
{
"version": 3,
"mappings": "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",
"sources": ["icons.scss"],
"names": [],
"file": "icons.css"
}
{"version":3,"sourceRoot":"","sources":["icons.scss"],"names":[],"mappings":"AA6DE;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE","file":"icons.css"}

140
styleguide/assets/style/merch.css
View file

@ -277,7 +277,6 @@
html:has(#themeLight:checked) .dark-only {
display: none;
}
#themeToggleDark {
display: none;
}
@ -359,7 +358,6 @@
html:has(#themeDark:checked) .dark-only {
display: initial;
}
#themeToggleLight {
display: none;
}
@ -663,175 +661,175 @@ i[data-icon]::before {
mask-repeat: no-repeat;
background-color: currentColor;
}
i[data-icon="arrow_down"]::before {
i[data-icon=arrow_down]::before {
mask-image: url("../icon/arrow_down.svg");
}
i[data-icon="arrow_down_left"]::before {
i[data-icon=arrow_down_left]::before {
mask-image: url("../icon/arrow_down_left.svg");
}
i[data-icon="arrow_down_right"]::before {
i[data-icon=arrow_down_right]::before {
mask-image: url("../icon/arrow_down_right.svg");
}
i[data-icon="arrow_left"]::before {
i[data-icon=arrow_left]::before {
mask-image: url("../icon/arrow_left.svg");
}
i[data-icon="arrow_right"]::before {
i[data-icon=arrow_right]::before {
mask-image: url("../icon/arrow_right.svg");
}
i[data-icon="arrow_up"]::before {
i[data-icon=arrow_up]::before {
mask-image: url("../icon/arrow_up.svg");
}
i[data-icon="arrow_up_left"]::before {
i[data-icon=arrow_up_left]::before {
mask-image: url("../icon/arrow_up_left.svg");
}
i[data-icon="arrow_up_right"]::before {
i[data-icon=arrow_up_right]::before {
mask-image: url("../icon/arrow_up_right.svg");
}
i[data-icon="basket"]::before {
i[data-icon=basket]::before {
mask-image: url("../icon/basket.svg");
}
i[data-icon="bed"]::before {
i[data-icon=bed]::before {
mask-image: url("../icon/bed.svg");
}
i[data-icon="clock"]::before {
i[data-icon=clock]::before {
mask-image: url("../icon/clock.svg");
}
i[data-icon="code"]::before {
i[data-icon=code]::before {
mask-image: url("../icon/code.svg");
}
i[data-icon="creature"]::before {
i[data-icon=creature]::before {
mask-image: url("../icon/creature.svg");
}
i[data-icon="cross"]::before {
i[data-icon=cross]::before {
mask-image: url("../icon/cross.svg");
}
i[data-icon="cross_small"]::before {
i[data-icon=cross_small]::before {
mask-image: url("../icon/cross_small.svg");
}
i[data-icon="cup_1"]::before {
i[data-icon=cup_1]::before {
mask-image: url("../icon/cup_1.svg");
}
i[data-icon="cup_2"]::before {
i[data-icon=cup_2]::before {
mask-image: url("../icon/cup_2.svg");
}
i[data-icon="dect"]::before {
i[data-icon=dect]::before {
mask-image: url("../icon/dect.svg");
}
i[data-icon="external"]::before {
i[data-icon=external]::before {
mask-image: url("../icon/external.svg");
}
i[data-icon="fairydust"]::before {
i[data-icon=fairydust]::before {
mask-image: url("../icon/fairydust.svg");
}
i[data-icon="flag"]::before {
i[data-icon=flag]::before {
mask-image: url("../icon/flag.svg");
}
i[data-icon="font"]::before {
i[data-icon=font]::before {
mask-image: url("../icon/font.svg");
}
i[data-icon="gluten"]::before {
i[data-icon=gluten]::before {
mask-image: url("../icon/gluten.svg");
}
i[data-icon="hackertours"]::before {
i[data-icon=hackertours]::before {
mask-image: url("../icon/hackertours.svg");
}
i[data-icon="hare_head"]::before {
i[data-icon=hare_head]::before {
mask-image: url("../icon/hare_head.svg");
}
i[data-icon="history"]::before {
i[data-icon=history]::before {
mask-image: url("../icon/history.svg");
}
i[data-icon="home"]::before {
i[data-icon=home]::before {
mask-image: url("../icon/home.svg");
}
i[data-icon="hygene"]::before {
i[data-icon=hygene]::before {
mask-image: url("../icon/hygene.svg");
}
i[data-icon="info"]::before {
i[data-icon=info]::before {
mask-image: url("../icon/info.svg");
}
i[data-icon="lightbulb"]::before {
i[data-icon=lightbulb]::before {
mask-image: url("../icon/lightbulb.svg");
}
i[data-icon="link"]::before {
i[data-icon=link]::before {
mask-image: url("../icon/link.svg");
}
i[data-icon="location"]::before {
i[data-icon=location]::before {
mask-image: url("../icon/location.svg");
}
i[data-icon="lock"]::before {
i[data-icon=lock]::before {
mask-image: url("../icon/lock.svg");
}
i[data-icon="login"]::before {
i[data-icon=login]::before {
mask-image: url("../icon/login.svg");
}
i[data-icon="logout"]::before {
i[data-icon=logout]::before {
mask-image: url("../icon/logout.svg");
}
i[data-icon="menu"]::before {
i[data-icon=menu]::before {
mask-image: url("../icon/menu.svg");
}
i[data-icon="menu_small"]::before {
i[data-icon=menu_small]::before {
mask-image: url("../icon/menu_small.svg");
}
i[data-icon="merch"]::before {
i[data-icon=merch]::before {
mask-image: url("../icon/merch.svg");
}
i[data-icon="message"]::before {
i[data-icon=message]::before {
mask-image: url("../icon/message.svg");
}
i[data-icon="microphone"]::before {
i[data-icon=microphone]::before {
mask-image: url("../icon/microphone.svg");
}
i[data-icon="network"]::before {
i[data-icon=network]::before {
mask-image: url("../icon/network.svg");
}
i[data-icon="pen"]::before {
i[data-icon=pen]::before {
mask-image: url("../icon/pen.svg");
}
i[data-icon="plate_and_cutlery"]::before {
i[data-icon=plate_and_cutlery]::before {
mask-image: url("../icon/plate_and_cutlery.svg");
}
i[data-icon="power"]::before {
i[data-icon=power]::before {
mask-image: url("../icon/power.svg");
}
i[data-icon="question"]::before {
i[data-icon=question]::before {
mask-image: url("../icon/question.svg");
}
i[data-icon="schedule"]::before {
i[data-icon=schedule]::before {
mask-image: url("../icon/schedule.svg");
}
i[data-icon="search"]::before {
i[data-icon=search]::before {
mask-image: url("../icon/search.svg");
}
i[data-icon="settings"]::before {
i[data-icon=settings]::before {
mask-image: url("../icon/settings.svg");
}
i[data-icon="signup"]::before {
i[data-icon=signup]::before {
mask-image: url("../icon/signup.svg");
}
i[data-icon="soldering_iron"]::before {
i[data-icon=soldering_iron]::before {
mask-image: url("../icon/soldering_iron.svg");
}
i[data-icon="tick"]::before {
i[data-icon=tick]::before {
mask-image: url("../icon/tick.svg");
}
i[data-icon="tick_small"]::before {
i[data-icon=tick_small]::before {
mask-image: url("../icon/tick_small.svg");
}
i[data-icon="ticket"]::before {
i[data-icon=ticket]::before {
mask-image: url("../icon/ticket.svg");
}
i[data-icon="toast"]::before {
i[data-icon=toast]::before {
mask-image: url("../icon/toast.svg");
}
i[data-icon="train"]::before {
i[data-icon=train]::before {
mask-image: url("../icon/train.svg");
}
i[data-icon="vegan"]::before {
i[data-icon=vegan]::before {
mask-image: url("../icon/vegan.svg");
}
i[data-icon="warning"]::before {
i[data-icon=warning]::before {
mask-image: url("../icon/warning.svg");
}
@ -1188,15 +1186,15 @@ main > div.generator i {
padding: 0.5rem;
z-index: 10;
position: absolute;
bottom: calc((var(--text-xl) * -1) - 2rem);
bottom: calc(var(--text-xl) * -1 - 2rem);
border-radius: 0.3rem;
}
.icon-grid div i[data-icon] {
font-size: var(--text-5xl);
font-size: 3rem;
position: relative;
}
.icon-grid div i[data-icon].icon-small {
font-size: var(--text-3xl);
font-size: 2rem;
}
.swatch-grid {
@ -1436,14 +1434,14 @@ table td.val:not(.empty).hover {
table td.val:not(.empty):hover {
background-color: var(--color-shade-3);
}
table td.val.highlighted[data-dim="A"] {
background-color: #60a5f9;
table td.val.highlighted[data-dim=A] {
background-color: rgb(96, 165, 249);
}
table td.val.highlighted[data-dim="B"] {
background-color: #d381f7;
table td.val.highlighted[data-dim=B] {
background-color: rgb(211, 129, 247);
}
table td.val.highlighted[data-dim="C"] {
background-color: #ff7975;
table td.val.highlighted[data-dim=C] {
background-color: rgb(255, 121, 117);
}
table td.val.currentDimension:not(.hover) {
background-color: var(--color-shade-2);
@ -1515,7 +1513,7 @@ div.filterBox > div label {
align-items: center;
gap: 0.5rem;
}
div.filterBox > div label input[type="checkbox"] {
div.filterBox > div label input[type=checkbox] {
appearance: none;
background-color: var(--color-shade-1);
margin: 0;
@ -1528,7 +1526,7 @@ div.filterBox > div label input[type="checkbox"] {
position: relative;
font-family: inherit;
}
div.filterBox > div label input[type="checkbox"]::before {
div.filterBox > div label input[type=checkbox]::before {
position: absolute;
inset: 0;
content: "x";
@ -1538,7 +1536,7 @@ div.filterBox > div label input[type="checkbox"]::before {
transform: scale(0);
transition: 120ms transform ease-in-out;
}
div.filterBox > div label input[type="checkbox"]:checked::before {
div.filterBox > div label input[type=checkbox]:checked::before {
transform: scale(1);
}

8
styleguide/assets/style/merch.css.map
View file

File diff suppressed because one or more lines are too long

122
styleguide/assets/style/styleguide.css
View file

@ -277,7 +277,6 @@
html:has(#themeLight:checked) .dark-only {
display: none;
}
#themeToggleDark {
display: none;
}
@ -359,7 +358,6 @@
html:has(#themeDark:checked) .dark-only {
display: initial;
}
#themeToggleLight {
display: none;
}
@ -663,175 +661,175 @@ i[data-icon]::before {
mask-repeat: no-repeat;
background-color: currentColor;
}
i[data-icon="arrow_down"]::before {
i[data-icon=arrow_down]::before {
mask-image: url("../icon/arrow_down.svg");
}
i[data-icon="arrow_down_left"]::before {
i[data-icon=arrow_down_left]::before {
mask-image: url("../icon/arrow_down_left.svg");
}
i[data-icon="arrow_down_right"]::before {
i[data-icon=arrow_down_right]::before {
mask-image: url("../icon/arrow_down_right.svg");
}
i[data-icon="arrow_left"]::before {
i[data-icon=arrow_left]::before {
mask-image: url("../icon/arrow_left.svg");
}
i[data-icon="arrow_right"]::before {
i[data-icon=arrow_right]::before {
mask-image: url("../icon/arrow_right.svg");
}
i[data-icon="arrow_up"]::before {
i[data-icon=arrow_up]::before {
mask-image: url("../icon/arrow_up.svg");
}
i[data-icon="arrow_up_left"]::before {
i[data-icon=arrow_up_left]::before {
mask-image: url("../icon/arrow_up_left.svg");
}
i[data-icon="arrow_up_right"]::before {
i[data-icon=arrow_up_right]::before {
mask-image: url("../icon/arrow_up_right.svg");
}
i[data-icon="basket"]::before {
i[data-icon=basket]::before {
mask-image: url("../icon/basket.svg");
}
i[data-icon="bed"]::before {
i[data-icon=bed]::before {
mask-image: url("../icon/bed.svg");
}
i[data-icon="clock"]::before {
i[data-icon=clock]::before {
mask-image: url("../icon/clock.svg");
}
i[data-icon="code"]::before {
i[data-icon=code]::before {
mask-image: url("../icon/code.svg");
}
i[data-icon="creature"]::before {
i[data-icon=creature]::before {
mask-image: url("../icon/creature.svg");
}
i[data-icon="cross"]::before {
i[data-icon=cross]::before {
mask-image: url("../icon/cross.svg");
}
i[data-icon="cross_small"]::before {
i[data-icon=cross_small]::before {
mask-image: url("../icon/cross_small.svg");
}
i[data-icon="cup_1"]::before {
i[data-icon=cup_1]::before {
mask-image: url("../icon/cup_1.svg");
}
i[data-icon="cup_2"]::before {
i[data-icon=cup_2]::before {
mask-image: url("../icon/cup_2.svg");
}
i[data-icon="dect"]::before {
i[data-icon=dect]::before {
mask-image: url("../icon/dect.svg");
}
i[data-icon="external"]::before {
i[data-icon=external]::before {
mask-image: url("../icon/external.svg");
}
i[data-icon="fairydust"]::before {
i[data-icon=fairydust]::before {
mask-image: url("../icon/fairydust.svg");
}
i[data-icon="flag"]::before {
i[data-icon=flag]::before {
mask-image: url("../icon/flag.svg");
}
i[data-icon="font"]::before {
i[data-icon=font]::before {
mask-image: url("../icon/font.svg");
}
i[data-icon="gluten"]::before {
i[data-icon=gluten]::before {
mask-image: url("../icon/gluten.svg");
}
i[data-icon="hackertours"]::before {
i[data-icon=hackertours]::before {
mask-image: url("../icon/hackertours.svg");
}
i[data-icon="hare_head"]::before {
i[data-icon=hare_head]::before {
mask-image: url("../icon/hare_head.svg");
}
i[data-icon="history"]::before {
i[data-icon=history]::before {
mask-image: url("../icon/history.svg");
}
i[data-icon="home"]::before {
i[data-icon=home]::before {
mask-image: url("../icon/home.svg");
}
i[data-icon="hygene"]::before {
i[data-icon=hygene]::before {
mask-image: url("../icon/hygene.svg");
}
i[data-icon="info"]::before {
i[data-icon=info]::before {
mask-image: url("../icon/info.svg");
}
i[data-icon="lightbulb"]::before {
i[data-icon=lightbulb]::before {
mask-image: url("../icon/lightbulb.svg");
}
i[data-icon="link"]::before {
i[data-icon=link]::before {
mask-image: url("../icon/link.svg");
}
i[data-icon="location"]::before {
i[data-icon=location]::before {
mask-image: url("../icon/location.svg");
}
i[data-icon="lock"]::before {
i[data-icon=lock]::before {
mask-image: url("../icon/lock.svg");
}
i[data-icon="login"]::before {
i[data-icon=login]::before {
mask-image: url("../icon/login.svg");
}
i[data-icon="logout"]::before {
i[data-icon=logout]::before {
mask-image: url("../icon/logout.svg");
}
i[data-icon="menu"]::before {
i[data-icon=menu]::before {
mask-image: url("../icon/menu.svg");
}
i[data-icon="menu_small"]::before {
i[data-icon=menu_small]::before {
mask-image: url("../icon/menu_small.svg");
}
i[data-icon="merch"]::before {
i[data-icon=merch]::before {
mask-image: url("../icon/merch.svg");
}
i[data-icon="message"]::before {
i[data-icon=message]::before {
mask-image: url("../icon/message.svg");
}
i[data-icon="microphone"]::before {
i[data-icon=microphone]::before {
mask-image: url("../icon/microphone.svg");
}
i[data-icon="network"]::before {
i[data-icon=network]::before {
mask-image: url("../icon/network.svg");
}
i[data-icon="pen"]::before {
i[data-icon=pen]::before {
mask-image: url("../icon/pen.svg");
}
i[data-icon="plate_and_cutlery"]::before {
i[data-icon=plate_and_cutlery]::before {
mask-image: url("../icon/plate_and_cutlery.svg");
}
i[data-icon="power"]::before {
i[data-icon=power]::before {
mask-image: url("../icon/power.svg");
}
i[data-icon="question"]::before {
i[data-icon=question]::before {
mask-image: url("../icon/question.svg");
}
i[data-icon="schedule"]::before {
i[data-icon=schedule]::before {
mask-image: url("../icon/schedule.svg");
}
i[data-icon="search"]::before {
i[data-icon=search]::before {
mask-image: url("../icon/search.svg");
}
i[data-icon="settings"]::before {
i[data-icon=settings]::before {
mask-image: url("../icon/settings.svg");
}
i[data-icon="signup"]::before {
i[data-icon=signup]::before {
mask-image: url("../icon/signup.svg");
}
i[data-icon="soldering_iron"]::before {
i[data-icon=soldering_iron]::before {
mask-image: url("../icon/soldering_iron.svg");
}
i[data-icon="tick"]::before {
i[data-icon=tick]::before {
mask-image: url("../icon/tick.svg");
}
i[data-icon="tick_small"]::before {
i[data-icon=tick_small]::before {
mask-image: url("../icon/tick_small.svg");
}
i[data-icon="ticket"]::before {
i[data-icon=ticket]::before {
mask-image: url("../icon/ticket.svg");
}
i[data-icon="toast"]::before {
i[data-icon=toast]::before {
mask-image: url("../icon/toast.svg");
}
i[data-icon="train"]::before {
i[data-icon=train]::before {
mask-image: url("../icon/train.svg");
}
i[data-icon="vegan"]::before {
i[data-icon=vegan]::before {
mask-image: url("../icon/vegan.svg");
}
i[data-icon="warning"]::before {
i[data-icon=warning]::before {
mask-image: url("../icon/warning.svg");
}
@ -1188,15 +1186,15 @@ main > div.generator i {
padding: 0.5rem;
z-index: 10;
position: absolute;
bottom: calc((var(--text-xl) * -1) - 2rem);
bottom: calc(var(--text-xl) * -1 - 2rem);
border-radius: 0.3rem;
}
.icon-grid div i[data-icon] {
font-size: var(--text-5xl);
font-size: 3rem;
position: relative;
}
.icon-grid div i[data-icon].icon-small {
font-size: var(--text-3xl);
font-size: 2rem;
}
.swatch-grid {

8
styleguide/assets/style/styleguide.css.map
View file

File diff suppressed because one or more lines are too long

4
styleguide/assets/style/styleguide.scss
View file

@ -414,11 +414,11 @@ main > div.generator {
}
i[data-icon] {
font-size: var(--text-5xl);
font-size: 3rem;
position: relative;
&.icon-small {
font-size: var(--text-3xl);
font-size: 2rem;
}
}
}