%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/pn/wp-content/themes/intosai/assets/styles/components/
Upload File :
Create Path :
Current File : //var/www/pn/wp-content/themes/intosai/assets/styles/components/_buttons.scss

.btn { border:2px solid; border-radius:30px; padding:12px 50px; font-family:$mainFont; font-weight:600; transition:all .3s;
    &.trans-bg { background:transparent; }
    // WHITE
    &.white { color:#fff; }
    &.white-border { border-color:#fff; }
    &.white-hover {
        &:hover { background:rgba(255,255,255,.2); }
    }
    // DARK BLUE
    &.blue { color:$darkBlue; }
    &.blue-border { border-color:$darkBlue; }
    &.blue-hover-o {
        &:hover { @include rgba-bg($db-r, $db-g, $db-b, .1); }
    }
    // LIGHT BLUE
    &.lightblue { color:$lightBlue; }
    &.lightblue-border { border-color:$lightBlue; }
    &.lightblue-hover-o {
        &:hover { @include rgba-bg($lb-r, $lb-g, $lb-b, .2); }
    }
    // RED
    &.red { color:#ca0000; }
    &.red-border { border-color:#ca0000; }
    &.red-hover-o {
        &:hover { @include rgba-bg(202, 0, 0, .2); }
    }
    &.fullwidth { display:block; width:100%; padding:12px 36px; }
    &.center { display:inline-block!important; float:none!important; }
    &.right { float:right; }
    &.cancel { margin:40px 30px 0 0; font-size:14px; padding:10px 55px; }
}

.center_btn { display:inline-block; width:100%; text-align:center; }

Zerion Mini Shell 1.0