WS 5.2 Woltlab Filebase Kategorien

/* Icons */
[data-box-identifier="com.woltlab.wcf.genericBox56"] {
    .boxMenu > li:nth-child(1):not(.boxMenuResetFilter) > a > .boxMenuLinkTitle::before {
        content: "\f2da";
    }
    
    .boxMenu > li:nth-child(2):not(.boxMenuResetFilter) > a > .boxMenuLinkTitle::before {
        content: "\f2dc";
    }
        
    .boxMenu > li:nth-child(3):not(.boxMenuResetFilter) > a > .boxMenuLinkTitle::before {
        content: "\f2d9";
    }    
}
/* Base Code*/
[data-box-identifier="com.woltlab.wcf.genericBox56"] {
    .boxMenu {
        border: 1px solid $wcfContentContainerBorder;
        background-color: $wcfContentContainerBackground;
    }
    
    .boxMenu > li {
        padding: 10px;
    }
    
    .boxMenu > li:not(:last-child) {
        border-bottom: 1px solid $wcfContentContainerBorder;
    }
    
    .boxMenuResetFilter {
        margin-top: 0;
    }
    
    .boxMenu > li > a {
        display: flex;
        align-items: center;
    }
    
    .boxMenu > li:not(.boxMenuResetFilter) > a > .boxMenuLinkTitle {
        font-size: 18px;
        flex-grow: 1;
        min-height: 32px;
        padding-left: 42px;
        position: relative;
        align-items: center;
        display: flex;
    }
    
    .boxMenuDepth1 {
        margin-left: 42px;
        margin-top: 5px;
        display: flex;
    }
    
    .boxMenuDepth1 > li:not(:last-child) {
        margin-right: 10px;
    }
    
    .boxMenuDepth1 .active > a,
    .boxMenu > li.active > a {
        color: $wcfContentText;
    }
    
    .boxMenu > li:not(.boxMenuResetFilter) > a > .boxMenuLinkTitle::before {
        color: $wcfContentText;
        font-family: FontAwesome;
        font-size: 26px;
        line-height: 32px;
        display: inline-flex;
        justify-content: center;
        width: 32px;
        position: absolute;
        left: 0;
        top: 0;
    }
}