tinytechbureau.com/themes/ttb/assets/scss/_icons.scss
2024-06-30 00:08:20 +02:00

37 lines
764 B
SCSS

$base-url: "/img/icons";
/* icons */
.icon {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin: 2px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&-cursor{
background-image: url($base-url + "/cursor.svg");
}
&-expand{
background-image: url($base-url + "/expand.svg");
}
&-feed{
background-image: url($base-url + "/feed.svg");
}
&-bulb{
background-image: url($base-url + "/bulb.svg");
}
&-chat{
background-image: url($base-url + "/chat.svg");
}
&-fan{
background-image: url($base-url + "/fan.svg");
}
}
.button .icon {
margin-left: 5px;
margin-right: 0;
}