用户:35609647/SCSS

// 变量
$normal-text-color: #666;
$hover-text-color: #000;
$backcolor-1: hsl(210, 100%, 95%);
$backcolor-2: hsl(210, 100%, 85%);
$backcolor-3: hsl(60, 100%, 95%);
$backcolor-4: hsl(60, 100%, 85%);
$backcolor-5: hsl(90, 100%, 95%);
$backcolor-6: hsl(90, 100%, 85%);
$li-lineheight: 3rem;

// 列表
.mw-parser-output {
    > div:not(.toc) {
        ul {
            width: 100%;
            list-style: none;
            margin-left: 0;
        }
        li {
            padding-left: 5%;
            font-size: $li-lineheight / 1.5;
            line-height: $li-lineheight;
            position: relative;
            // &:hover {
            //     transform: scale(1.1);
            // }
            > a,
            > span {
                width: 100%;
                line-height: $li-lineheight;
                color: $normal-text-color;
                display: inline-block;
                transition: 0.3s ease;
                &:hover {
                    color: $hover-text-color;
                    &::after,
                    &::before {
                        width: 100%;
                    }
                    &::after {
                        transition-delay: 0.3s;
                    }
                }
                &::after,
                &::before {
                    content: "";
                    width: 0;
                    height: 100%;
                    bottom: 0;
                    position: absolute;
                    z-index: -1;
                    transition: 0.3s ease;
                }
                &::after {
                    right: 0;
                }
                &::before {
                    left: 0;
                }
            }
        }
    }
}
#spipages {
    li > a,
    li > span {
        &::after {
            background-color: $backcolor-2;
        }
        &::before {
            background-color: $backcolor-1;
        }
    }
}
#subpages {
    li > a,
    li > span {
        &::after {
            background-color: $backcolor-4;
        }
        &::before {
            background-color: $backcolor-3;
        }
    }
}
#selfsalt {
    li > a,
    li > span {
        &::after {
            background-color: $backcolor-6;
        }
        &::before {
            background-color: $backcolor-5;
        }
    }
}
// 用户框
.infotable {
    // z-index: 99999;
    // .infotable-bar,
    .infotable-list {
        overflow: hidden;
        // height: 0;
        max-height: 0;
        transition: 0.3s ease;
    }
    // &:hover .infotable-bar,
    &:hover .infotable-list {
        // height: auto;
        max-height: 100vh;
    }
}