用户:Salt lovely/common.scss:修订间差异

添加1,392字节 、​ 2024年3月12日 (星期二)
编辑“用户:Salt_lovely/common.scss” // 维基盐编辑器
(.)
 
(编辑“用户:Salt_lovely/common.scss” // 维基盐编辑器)
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
<pre>@mixin highlightbutton(
<pre>@mixin highlightbutton(
     $fontcolor: #634266,
     $fontcolor: #8e5f92,
     $backcolor: #fff2cd,
     $backcolor: #fff2cd,
     $fontsize: 1em
     $fontcolor2: #634266,
    $backcolor2: #ffe08b,
    $bordercolor: #634266
) {
) {
     position: relative;
     position: relative;
     display: inline-block;
     display: inline-block;
    // width: var(--btnw, 257px);
     min-height: calc(1em + 4px);
     min-height: calc(1em + 4px);
     background: $backcolor;
     background-color: $backcolor;
     color: $fontcolor;
     color: $fontcolor;
     font-size: $fontsize;
     > * {
        background-color: $backcolor;
        color: $fontcolor;
    }
    transform-origin: 50% 50%;
     transition: all 0.4s ease;
     transition: all 0.4s ease;
     &::before,
     &::before,
第16行: 第21行:
         content: "";
         content: "";
         position: absolute;
         position: absolute;
        top: 0;
        right: 0;
         height: 2px;
         height: 2px;
         width: 0;
         width: 0;
         background: $backcolor;
         background: $bordercolor;
         transition: all 0.25s ease;
         transition: all 0.25s ease;
    }
    &::before {
        top: 0;
        right: 0;
    }
    &::after {
        bottom: 0;
        left: 0;
     }
     }
     &:hover {
     &:hover {
         background: $fontcolor;
         background: $backcolor2;
         color: $backcolor;
         color: $fontcolor2;
        z-index: 1;
        > * {
            background-color: $backcolor2;
            color: $fontcolor2;
        }
        transform: scale(1.25);
         &::before,
         &::before,
         &::after {
         &::after {
第34行: 第51行:
}
}
.mw-userlink {
.mw-userlink {
    // 管理员/巡查员高亮
     &[title="用户:Eicy"],
     &[title="用户:Eicy"],
     &[title="用户:MashKJo"],
     &[title="用户:MashKJo"],
     &[title="用户:Sheep-realms"],
     &[title="用户:Sheep-realms"],
    &[title="用户:White i"],
    &[title="用户:MidsummerEnd"],
     &[title="用户:Salt lovely"],
     &[title="用户:Salt lovely"],
     &[title="用户:我是人1012"] {
     &[title="用户:QWERTY770"],
    &[title="用户:Litwak913"],
    &[title="用户:Jaanai"],
    &[title="用户:Lihl"],
    &[title="用户:坑触可"] {
         color: rgb(221, 17, 102);
         color: rgb(221, 17, 102);
         font-weight: bold;
         font-weight: bold;
         text-shadow: 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
         text-shadow: 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce,
             0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
             0 0 1px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce,
             0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
             0 0 2px #fce;
            0 0 1px #cef;
        transform-origin: 50% 50%;
        &:hover {
            transform: scale(1.25);
        }
    }
    // 不再活跃
    &[title="用户:White i"],
    &[title="用户:MidsummerEnd"],
    &[title="用户:自由李代数"],
    &[title="用户:我是人1012"],
    &[title="用户:Jaanai"] {
        color: rgb(126, 86, 102);
        font-weight: normal;
     }
     }
     /**/
     //
     &[title="用户:Salt lovely"] {
     &[title="用户:Salt lovely"] {
         color: #037;
         color: rgb(4, 155, 214);
    }
    // 小号
    &[title="用户:Salt"] {
        color: rgb(147, 4, 214);
        transform-origin: 50% 50%;
        &:hover {
            transform: scale(1.25);
        }
    }
    // 未创建
    &.new {
        outline: #fce dashed 1px;
    }
}
// 强制显示用户名和用户头像
.comment-post {
    .comment-avatar,
    .comment-user {
        opacity: 1 !important;
     }
     }
}
}
// 高亮红链、巡查按钮、回退按钮
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
     font-weight: bold;
     font-weight: bold;
     @include highlightbutton(rgb(255, 35, 108));
     @include highlightbutton(
        rgb(253, 59, 124),
        #fff2cd,
        rgb(255, 35, 108),
        #ffe08b,
        rgb(255, 35, 108)
    );
}
}
.patrollink {
.patrollink,
.mw-rollback-link > a {
     font-weight: bold;
     font-weight: bold;
     @include highlightbutton(royalblue);
     @include highlightbutton(
        rgb(74, 119, 255),
        #fff2cd,
        rgb(37, 91, 255),
        #ffe08b,
        rgb(37, 91, 255)
    );
}
}
/* 动画 */
/* 动画 */