188 lines
4.5 KiB
CSS
188 lines
4.5 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=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 */
|