app-preset-button.scss 1.2 KB
Newer Older
Shine-zwj's avatar
Shine-zwj committed
1
.app-preset-button {
RedPig97's avatar
RedPig97 committed
2
    width: auto;
Shine-zwj's avatar
Shine-zwj committed
3
    min-height: 30px;
Shine-zwj's avatar
Shine-zwj committed
4 5 6
    .ivu-btn {
        width: 100%;
        height: 100%;
Shine-zwj's avatar
Shine-zwj committed
7
    }
Shine-zwj's avatar
Shine-zwj committed
8 9 10 11 12
    .ivu-button {
        font-size: 12px;
    
        >span {
            display: flex;
Shine-zwj's avatar
Shine-zwj committed
13
            align-items: center;
Shine-zwj's avatar
Shine-zwj committed
14
            justify-content: center;
Shine-zwj's avatar
Shine-zwj committed
15
        }
Shine-zwj's avatar
Shine-zwj committed
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
    
        .button-content {
            display: flex;
    
            &.left {
                justify-content: flex-start;
                align-items: center;
    
                .icon+.caption {
                    padding-left: 6px;
                }
            }
    
            &.right {
                flex-direction: row-reverse;
                justify-content: flex-start;
                align-items: center;
    
                .icon+.caption {
                    padding-right: 6px;
                }
            }
    
            &.top {
                flex-direction: column;
                justify-content: flex-start;
            }
    
            &.bottom {
                flex-direction: column-reverse;
                justify-content: flex-start;
Shine-zwj's avatar
Shine-zwj committed
47 48 49
            }
        }
    }
Shine-zwj's avatar
Shine-zwj committed
50 51
    .ivu-btn-loading {
        display: flex;
Shine-zwj's avatar
Shine-zwj committed
52
        line-height: 2;
Shine-zwj's avatar
Shine-zwj committed
53 54 55 56
    
        .ivu-icon-ios-loading {
            line-height: 2;
        }
Shine-zwj's avatar
Shine-zwj committed
57 58
    }
}