app-mob-button.less 1.1 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 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 47 48 49 50 51 52 53 54 55 56
.app-mob-button {
    margin         : 0;
    --border-radius: 4px;
    margin         : 5px;

    .button__image {
        width     : 35px;
        max-height: 35px;
        padding   : 5px;
    }

    .button__icon{
        font-size: 14px;
        padding  : 5px;
    }

    .button__text{
        font-size: 12px;
        padding  : 5px;
    }

    .button__content.vertical {
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
        font-size      : 14px;
        width          : 100%;
        height         : 100%;
        padding        : 5px;
    }

    .button__content.horizontal {
        display        : flex;
        justify-content: center;
        align-items    : center;
        font-size      : 14px;
        width          : 100%;
        height         : 100%;
        padding        : 5px;
    }
}

.text-button {
    --padding-start: 0;
    --padding-end  : 0;
    --background   : transparent;

    .button-content {
        padding: 0;
    }

    .button-text {
        padding: 0;
    }
}