feixinyun/assets/css/root.scss

@import "~/assets/css/tool.scss";
:root {
    --nav-height: 80px;

    --header-z-index: 9;

    --shadow-01: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25);
    --shadow-02: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25);

    --color-01: #1a1a1a;
    --color-02: #666666;
    --color-03: #808080;
    --color-04: #006efe;
    --color-05: rgba(0, 110, 254, 0.5);
    --color-06: #e6e6e6;
    --color-07: #11b5e8;
    --color-08: #ebf2fc;
    --color-09: #ff7777;

    --family-01: Microsoft YaHei;
    --family-02: FZYaoTi, FZYaoTi-Regular;
    // --family-02:Microsoft YaHei;

    --weight-300: 300;
    --weight-400: 400;
    --weight-500: 500;
    --weight-600: 600;
    --weight-700: 700;
    --weight-800: 800;
    --weight-900: 400;

    @include responseTo("phone") {
        --size-1: 0.1333vw;
        // --size-2: 0.2667vw;
        // --size-3: 0.4vw;
        // --size-4: 0.5333vw;
        // --size-5: 0.6667vw;
        // --size-6: 0.8vw;
        // --size-7: 0.9333vw;
        // --size-8: 1.0667vw;
        // --size-9: 1.2vw;
        // --size-10: 1.3333vw;
        // --size-11: 1.4667vw;
        // --size-12: 1.6vw;
        // --size-13: 1.7333vw;
        // --size-14: 1.8667vw;
        // --size-15: 2vw;
        // --size-16: 2.1333vw;
        // --size-17: 2.2667vw;
        // --size-18: 2.4vw;
        // --size-19: 2.5333vw;
        // --size-20: 2.6667vw;
        // --size-21: 2.8vw;
        // --size-22: 2.9333vw;
        // --size-23: 3.0667vw;
        // --size-24: 3.2vw;
        // --size-25: 3.3333vw;
        // --size-26: 3.4667vw;
        // --size-27: 3.6vw;
        // --size-28: 3.7333vw;
        // --size-29: 3.8667vw;
        // --size-30: 4vw;
        // --size-31: 4.1333vw;
        // --size-32: 4.2667vw;
        // --size-33: 4.4vw;
        // --size-34: 4.533vw;
        // --size-35: 4.6667vw;
        // --size-36: 4.8vw;
        // --size-37: 4.9333vw;
        // --size-38: 5.0667vw;
        // --size-39: 5.2vw;
        // --size-40: 5.3333vw;
        // --size-41: 5.46vw;
        // --size-42: 5.6vw;
        // --size-43: 5.7333vw;
        // --size-44: 5.8667vw;
        // --size-45: 6vw;
        // --size-46: 6.1333vw;
        // --size-47: 6.2667;
        // --size-48: 6.4vw;
        // --size-49: 6.5333vw;
        // --size-50: 6.6667vw;
        // --size-51: 6.8vw;
        // --size-52: 6.93vw;
        // --size-53: 7.0667vw;
        // --size-54: 7.6vw;
        // --size-55: 7.33vw;
        // --size-56: 7.4667vw;
        // --size-57: 7.6vw;
        // --size-58: 7.7333vw;
        // --size-59: 7, 8667vw;
        // --size-60: 8vw;
        // --size-61: 8.1333vw;
        // --size-62: 8.2667vw;
        // --size-63: 8.4vw;
        // --size-64: 8.5333vw;
        // --size-65: 8.6667vw;
        // --size-66: 8.8vw;
        // --size-67: 8.9333vw;
        // --size-68: 9.0667vw;
        // --size-69: 9.2vw;
        // --size-70: 9.3333vw;
        // --size-80: 10.6667vw;
        // --size-81: 10.8vw;
        // --size-82: 10.9333vw;
        // --size-83: 11.0667vw;
        // --size-84: 11.2vw;
        // --size-85: 11.3333vw;
        // --size-86: 11.4667vw;
        // --size-87: 11.6vw;
        // --size-88: 11.7333vw;
        // --size-89: 11.8667vw;
        // --size-90: 13vw;
        // --size-91: 12.1333vw;
        // --size-92: 12.2667vw;
        // --size-93: 12.4vw;
        // --size-94: 13.5333vw;
        // --size-95: 12.6667vw;
        // --size-96: 12.8vw;
        // --size-97: 12.9333vw;
        // --size-98: 13.0667vw;
        // --size-99: 13.2vw;
        // --size-100: 13.3333vw;
        // --size-112: 14.9333vw;
        // --size-116: 15.4667vw;
        // --size-148: 19.7333vw;
        // --size-185: 24.6667vw;
        // --size-225: 30vw;
        // --size-500: 66.6667vw;
        // --size-568: 75.7333vw;
        // --size-600: 80vw;
        // --size-690: 92vw;
        // --size-750: 100vw;
    }
    @include responseTo("tv") {
        --size-1: 1px;
        --size-2: 2px;
        --size-3: 3px;
        --size-4: 4px;
        --size-5: 5px;
        --size-6: 6px;
        --size-7: 7px;
        --size-8: 8px;
        --size-9: 9px;
        --size-10: 10px;
        --size-11: 11px;
        --size-12: 12px;
        --size-13: 13px;
        --size-14: 14px;
        --size-15: 15px;
        --size-16: 16px;
        --size-17: 17px;
        --size-18: 18px;
        --size-19: 19px;
        --size-20: 20px;
        --size-21: 21px;
        --size-22: 22px;
        --size-23: 23px;
        --size-24: 24px;
        --size-25: 25px;
        --size-26: 26px;
        --size-27: 27px;
        --size-28: 28px;
        --size-29: 29px;
        --size-30: 30px;
        --size-31: 31px;
        --size-32: 32px;
        --size-33: 33px;
        --size-34: 34px;
        --size-35: 35px;
        --size-36: 36px;
        --size-37: 37px;
        --size-38: 38px;
        --size-39: 39px;
        --size-40: 40px;
        --size-41: 41px;
        --size-42: 42px;
        --size-43: 43px;
        --size-44: 44px;
        --size-45: 45px;
        --size-46: 46px;
        --size-47: 47px;
        --size-48: 48px;
        --size-49: 49px;
        --size-50: 50px;
        --size-51: 51px;
        --size-52: 52px;
        --size-53: 53px;
        --size-54: 54px;
        --size-55: 55px;
        --size-56: 56px;
        --size-57: 57px;
        --size-58: 58px;
        --size-59: 59px;
        --size-60: 60px;
        --size-61: 61px;
        --size-62: 62px;
        --size-63: 63px;
        --size-64: 64px;
        --size-65: 65px;
        --size-66: 66px;
        --size-67: 67px;
        --size-68: 68px;
        --size-69: 69px;
        --size-70: 70px;
        --size-71: 71px;
        --size-72: 72px;
        --size-73: 73px;
        --size-74: 74px;
        --size-75: 75px;
        --size-76: 76px;
        --size-77: 77px;
        --size-78: 78px;
        --size-79: 79px;
        --size-80: 80px;
        --size-81: 81px;
        --size-82: 82px;
        --size-83: 83px;
        --size-84: 84px;
        --size-85: 85px;
        --size-86: 86px;
        --size-87: 87px;
        --size-88: 88px;
        --size-89: 89px;
        --size-90: 90px;
        --size-91: 91px;
        --size-92: 92px;
        --size-93: 93px;
        --size-94: 94px;
        --size-95: 95px;
        --size-96: 96px;
        --size-97: 97px;
        --size-98: 98px;
        --size-99: 99px;
        --size-100: 100px;
        --size-112: 112px;
        --size-122: 122px;
        --size-128: 128px;
        --size-216: 216px;
        --size-221: 221px;

        --size-487: 487px;
        --size-627: 627px;
    }
}