react-zeanium-ui-ui/src/ui/Uploader.less

Zeanium UI Framework for React.js

.c-uploader{
    &>.uploader-target{
        display: none !important;
        width: 0px;
        height: 0px;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }
    .cancle {
        color: red;
        position: absolute;
        right: 0px;
        z-index: 1;
        margin: 6px;
    }
    .choose-file {
        width: 100%;
        height: 30px;
        line-height: 22px;
        float: none !important;
        .uploading {
            -webkit-animation: up 1s linear;
            -webkit-animation-iteration-count: infinite;
        }
    }
    @-webkit-keyframes up {
        from {
            -webkit-transform: translateY(-5px);
        }
        to {
            -webkit-transform: translateY(5px);
        }
    }

    .files{
        padding: 0px;
        margin: 2px 0px;
        li{
            padding: 0px;
            margin: 3px 0px;
            border-left: 3px solid #3FA9F5;
            text-indent: 5px;
            border-radius: 5px;
            cursor: pointer;
            position: relative;
            background: #ece9e9;
            &:hover{
                background-color: #F5F3F3;
            }
        }
    }
}