design/styleguide/assets/style/icons.css
2025-03-06 02:55:13 +01:00

191 lines
4.7 KiB
CSS

i[data-icon] {
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
position: relative;
box-sizing: content-box;
}
i[data-icon]::before {
content: "";
display: block;
width: 100%;
height: 100%;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
}
i[data-icon="arrow_down"]::before {
mask-image: url("../icon/arrow_down.svg");
}
i[data-icon="arrow_down_left"]::before {
mask-image: url("../icon/arrow_down_left.svg");
}
i[data-icon="arrow_down_right"]::before {
mask-image: url("../icon/arrow_down_right.svg");
}
i[data-icon="arrow_left"]::before {
mask-image: url("../icon/arrow_left.svg");
}
i[data-icon="arrow_right"]::before {
mask-image: url("../icon/arrow_right.svg");
}
i[data-icon="arrow_up"]::before {
mask-image: url("../icon/arrow_up.svg");
}
i[data-icon="arrow_up_left"]::before {
mask-image: url("../icon/arrow_up_left.svg");
}
i[data-icon="arrow_up_right"]::before {
mask-image: url("../icon/arrow_up_right.svg");
}
i[data-icon="basket"]::before {
mask-image: url("../icon/basket.svg");
}
i[data-icon="bed"]::before {
mask-image: url("../icon/bed.svg");
}
i[data-icon="clock"]::before {
mask-image: url("../icon/clock.svg");
}
i[data-icon="code"]::before {
mask-image: url("../icon/code.svg");
}
i[data-icon="creature"]::before {
mask-image: url("../icon/creature.svg");
}
i[data-icon="cross"]::before {
mask-image: url("../icon/cross.svg");
}
i[data-icon="cross_small"]::before {
mask-image: url("../icon/cross_small.svg");
}
i[data-icon="cup_1"]::before {
mask-image: url("../icon/cup_1.svg");
}
i[data-icon="cup_2"]::before {
mask-image: url("../icon/cup_2.svg");
}
i[data-icon="dect"]::before {
mask-image: url("../icon/dect.svg");
}
i[data-icon="external"]::before {
mask-image: url("../icon/external.svg");
}
i[data-icon="fairydust"]::before {
mask-image: url("../icon/fairydust.svg");
}
i[data-icon="flag"]::before {
mask-image: url("../icon/flag.svg");
}
i[data-icon="font"]::before {
mask-image: url("../icon/font.svg");
}
i[data-icon="gluten"]::before {
mask-image: url("../icon/gluten.svg");
}
i[data-icon="hackertours"]::before {
mask-image: url("../icon/hackertours.svg");
}
i[data-icon="hare_head"]::before {
mask-image: url("../icon/hare_head.svg");
}
i[data-icon="history"]::before {
mask-image: url("../icon/history.svg");
}
i[data-icon="home"]::before {
mask-image: url("../icon/home.svg");
}
i[data-icon="hygene"]::before {
mask-image: url("../icon/hygene.svg");
}
i[data-icon="info"]::before {
mask-image: url("../icon/info.svg");
}
i[data-icon="lightbulb"]::before {
mask-image: url("../icon/lightbulb.svg");
}
i[data-icon="link"]::before {
mask-image: url("../icon/link.svg");
}
i[data-icon="location"]::before {
mask-image: url("../icon/location.svg");
}
i[data-icon="lock"]::before {
mask-image: url("../icon/lock.svg");
}
i[data-icon="login"]::before {
mask-image: url("../icon/login.svg");
}
i[data-icon="logout"]::before {
mask-image: url("../icon/logout.svg");
}
i[data-icon="menu"]::before {
mask-image: url("../icon/menu.svg");
}
i[data-icon="menu_small"]::before {
mask-image: url("../icon/menu_small.svg");
}
i[data-icon="merch"]::before {
mask-image: url("../icon/merch.svg");
}
i[data-icon="message"]::before {
mask-image: url("../icon/message.svg");
}
i[data-icon="microphone"]::before {
mask-image: url("../icon/microphone.svg");
}
i[data-icon="network"]::before {
mask-image: url("../icon/network.svg");
}
i[data-icon="pen"]::before {
mask-image: url("../icon/pen.svg");
}
i[data-icon="plate_and_cutlery"]::before {
mask-image: url("../icon/plate_and_cutlery.svg");
}
i[data-icon="power"]::before {
mask-image: url("../icon/power.svg");
}
i[data-icon="question"]::before {
mask-image: url("../icon/question.svg");
}
i[data-icon="schedule"]::before {
mask-image: url("../icon/schedule.svg");
}
i[data-icon="search"]::before {
mask-image: url("../icon/search.svg");
}
i[data-icon="settings"]::before {
mask-image: url("../icon/settings.svg");
}
i[data-icon="signup"]::before {
mask-image: url("../icon/signup.svg");
}
i[data-icon="soldering_iron"]::before {
mask-image: url("../icon/soldering_iron.svg");
}
i[data-icon="tick"]::before {
mask-image: url("../icon/tick.svg");
}
i[data-icon="tick_small"]::before {
mask-image: url("../icon/tick_small.svg");
}
i[data-icon="ticket"]::before {
mask-image: url("../icon/ticket.svg");
}
i[data-icon="toast"]::before {
mask-image: url("../icon/toast.svg");
}
i[data-icon="train"]::before {
mask-image: url("../icon/train.svg");
}
i[data-icon="vegan"]::before {
mask-image: url("../icon/vegan.svg");
}
i[data-icon="warning"]::before {
mask-image: url("../icon/warning.svg");
}
/*# sourceMappingURL=icons.css.map */