Sass (SCSS)
$board-icons: (
1: "/pfad/zum/bild.svg",
2: "/pfad/zum/bild.png",
3: "/pfad/zum/bild.jpg",
);
@mixin board-icon($icon) {
.wbbBoardNode__defaultIcon,
.wbbBoardNode__unreadIcon {
fa-icon {
display: none;
}
&::after {
content: "";
display: block;
width: 32px;
height: 32px;
background-image: url("#{$icon}");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 7px;
margin-top: 5px;
}
}
}
@each $board-id, $icon in $board-icons {
[data-board-id="#{$board-id}"] {
@include board-icon($icon);
}
}
Alles anzeigen
Anpassung:
Nur die Map $board-icons muss gepflegt werden:
Code
$board-icons: (
FORUM-ID: "/pfad/zum/bild.svg",
);