MediaWiki:Common.less/popular.less

From RuneScape Classic Wiki
Jump to navigation Jump to search
:root {
    --popular-pages-li-background: #444444;
    --popular-pages-text-color: #FFF;
}

.popular-pages {

    ul {
        columns: 3;
        margin: 1em 0 .7em 0;
    }

    li {
        display: flex;
        margin-bottom: .4em;
        background-color: var(--popular-pages-li-background);

        a {
            padding: 4px;
            width: 25px;
            height: 30px;
            flex: 1;
            display: flex;
            align-items: center;
            color: var(--popular-pages-text-color);
            font-weight: bold;
            padding-left: .7em;
            padding-top: .5em;
            padding-bottom: .5em;
            text-decoration: none;
            line-height: 1.1em;
            overflow: hidden;
            justify-content: center;
            text-align: center;

        }

        &:hover a {
            background-color: var(--popular-pages-li-background);
            filter: brightness(130%);
        }
    }
}