_tvls.scss 1.18 KB
.time-view-like-share {
    color: #b0b0b0;
    line-height: 38rem / $pxConvertRem;
    height: 38rem / $pxConvertRem;
    font-size: 24rem / $pxConvertRem;

    .iconfont {
        vertical-align: 9%;
        margin-right: 4rem / $pxConvertRem;
        font-size: 24rem / $pxConvertRem;
    }

    .like-share-container {
        display: inline-block;
        float: right;
        
        > * {
            float: left;
        }
        
        .iconfont {
            position: relative;
            height: 60rem / $pxConvertRem;
            line-height: 60rem / $pxConvertRem;
            display: inline-block;
            
            color: #b0b0b0;
            width: 60rem / $pxConvertRem;
            top: -14rem / $pxConvertRem;
            font-size: 34rem / $pxConvertRem;
            text-align: center;
            margin-right: 0;
            outline: none;
        }
        
        .share-btn {
            margin-left: 20rem / $pxConvertRem;
        }
        
        .like-btn.like {
            color: #444;
        }

        .collect-btn {
            margin-left: 20rem / $pxConvertRem;
            &.collected {
                color: #D62927;
            }
        }
    }
}