fd-gulp-convert-encoding/test/source/style-m-detail/modules/actionOperator/css/warmhole.less

convert file to assigned charset

/**
 * 虫洞 - wormhole
 */

.unit-d-wormhole {
    position: absolute;
    bottom: 0;
    right: rem(20);
    width: rem(104);
    height: rem(118);
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    -webkit-transition: all 500ms ease;
    background-image: -webkit-gradient(linear,0% 0%, 0% 75%, from(#fbfbfb), to(#eee));

    > a {
        display: block;
        .bg("../imgs/close.png", rem(60), rem(60));
        background-position: 50% 50%;
        width: rem(100);
        height: rem(118);
        // text-indent: -9999rem;
        line-height: 200;
        overflow: hidden;
        -webkit-transition: all 500ms ease;

        &:before {
            position: absolute;
            top: rem(-10);
            left: rem(-1);
            .bg("../imgs/top.png", rem(102), rem(10));
            width: rem(102);
            height: rem(10);
            content: " ";
        }
    }

    &.warmhole-open {
        background-image: -webkit-gradient(linear,0% 0%, 0% 75%, from(#fafafa), to(#f5f5f5));
    }

    &.warmhole-open > a {
        .bg("../imgs/open.png", rem(60), rem(60));
    }

    .warmhole-list {
        position: absolute;
        top: -275px;
        left: 0;
        background-color: #fafafa;
        -webkit-transition: all 500ms ease;
        -webkit-transform: scale(1, 0);
        -webkit-transform-origin: 0px 100%;

        &.scale {
            -webkit-transform: scale(1, 1);
            -webkit-transform-origin: 0px 100%;
        }

        ul {
            width: rem(100);
            box-shadow: 0px -6px 14px #ddd;
            
            li {
                height: rem(100);
                background-color: #fafafa;
                border-bottom: 1px solid #e6e6e6;
                background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#fafafa), to(#f6f6f6));
                -webkit-transform: perspective(500) rotateX(20deg);
                margin-top: -4px;

                &:nth-child(even){
                    background-color: #f0f0f0;
                    background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ebebeb), to(#f0f0f0));
                    -webkit-transform: perspective(500) rotateX(-20deg);
                }
            }

            a {
                display: block;
                width: rem(100);
                height: rem(100);
                line-height: 200;
                overflow: hidden;
                background-position: 50% 50%;

                &.warmhole-search {
                    .bg("../imgs/search.png", rem(42), rem(42));
                }
                &.warmhole-home {
                    .bg("../imgs/home.png", rem(60), rem(34));
                }
                &.warmhole-msg {
                    .bg("../imgs/msg.png", rem(40), rem(40));
                }
                &.warmhole-appcenter {
                    .bg("../imgs/appcenter.png", rem(40), rem(40));
                }
                &.warmhole-subscribe {
                    .bg("../imgs/subscribe.png", rem(40), rem(40));
                }
                &.warmhole-me {
                    .bg("../imgs/me.png", rem(40), rem(40));
                }

            }
        }
    }
}