用户:Salt lovely/common.scss

@mixin highlightbutton(
    $fontcolor: #634266,
    $backcolor: #fff2cd,
    $fontsize: 1em
) {
    position: relative;
    display: inline-block;
    // width: var(--btnw, 257px);
    min-height: calc(1em + 4px);
    background: $backcolor;
    color: $fontcolor;
    font-size: $fontsize;
    transition: all 0.4s ease;
    &::before,
    &::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 2px;
        width: 0;
        background: $backcolor;
        transition: all 0.25s ease;
    }
    &:hover {
        background: $fontcolor;
        color: $backcolor;
        &::before,
        &::after {
            width: 100%;
            transition: all 0.8s ease;
        }
    }
}
.mw-userlink {
    &[title="用户:Eicy"],
    &[title="用户:MashKJo"],
    &[title="用户:Sheep-realms"],
    &[title="用户:White i"],
    &[title="用户:MidsummerEnd"],
    &[title="用户:Salt lovely"],
    &[title="用户:我是人1012"] {
        color: rgb(221, 17, 102);
        font-weight: bold;
        text-shadow: 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
            0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
            0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
            0 0 1px #cef;
    }
    /*盐*/
    &[title="用户:Salt lovely"] {
        color: #037;
    }
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
    font-weight: bold;
    @include highlightbutton(rgb(255, 35, 108));
}
.patrollink {
    font-weight: bold;
    @include highlightbutton(royalblue);
}
/* 动画 */
@keyframes rotate-360 {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}