whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
themes
/
glowing
/
assets
/
sass
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/themes/glowing/assets/sass/_button.scss
//---------------------------------------------------------------------- // Button style //---------------------------------------------------------------------- .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { position: relative; display: inline-block; @include button-size($height__input, 35px, 16px); font-weight: 600; border: solid 2px transparent; white-space: nowrap; @include button-variant(var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); @include border-radius(3px); @include transition(color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out); text-transform: capitalize; &:hover { cursor: pointer; } &:focus { outline: none; @include box-shadow(none); } &:disabled { opacity: 0.65; cursor: default; } &.btn-link { color: var(--g5-color-dark); } } .btn { &.btn-block, &.btn-full { display: block; width: 100%; } &.btn-inline { display: inline-block; vertical-align: top; } &.btn-xs { @include button-size(30px, 20px, 11px); } &.btn-sm { @include button-size(32px, 25px, 12px); } &.btn-md { @include button-size($height__input, 35px, 16px); } &.btn-lg { @include button-size(52px, 30px, 18px); } &.btn-xl { @include button-size(62px, 35px, 24px); } // Button style &.btn-round { @include border-radius(5em); } &.btn-rounded { @include border-radius(0.25rem); } &.btn-square { @include border-radius(0); } // Button color &.btn-primary { @include button-variant(var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary),var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent)); } &.btn-secondary { @include button-variant(var(--g5-color-secondary-foreground), var(--g5-color-secondary), var(--g5-color-secondary),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-light { @include button-variant(var(--g5-color-light-foreground), var(--g5-color-light), var(--g5-color-light),var(--g5-color-dark-foreground), var(--g5-color-dark), var(--g5-color-dark)); } &.btn-dark { @include button-variant(var(--g5-color-dark-foreground), var(--g5-color-dark), var(--g5-color-dark),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-gray { @include button-variant(var(--g5-color-gray-foreground), var(--g5-color-gray), var(--g5-color-gray),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-success { @include button-variant(var(--g5-color-success-foreground), var(--g5-color-success), var(--g5-color-success),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-danger { @include button-variant(var(--g5-color-danger-foreground), var(--g5-color-danger), var(--g5-color-danger),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-warning { @include button-variant(var(--g5-color-warning-foreground), var(--g5-color-warning), var(--g5-color-warning),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-info { @include button-variant(var(--g5-color-info-foreground), var(--g5-color-info), var(--g5-color-info),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary)); } &.btn-icon-left i { margin-right: 5px; } &.btn-icon-right i { margin-left: 5px; } &.btn-outline { background-color: transparent; } &.btn-dark.btn-outline{ color: var(--g5-color-heading); border-color: var(--g5-color-border); } i{ font-size: 80%; } &.btn-link { background-color: transparent !important; border-left-width: 0; border-right-width: 0; border-top-width: 0; text-decoration: none; @include border-radius(0); padding-left: 0; padding-right: 0; line-height: 1.3; } &.btn-link:not(:disabled):not(.disabled):active { color: initial; &:focus { @include box-shadow(none); } } } .btn-link-border{ .btn.btn-link{ border-bottom: 2px solid; padding-bottom: 4px; } } .btn-purchase{ &.btn-light{ @include box-shadow(0 4px 21px 0 rgb(0 0 0 / 15%)); color: var(--g5-color-primary); font-weight: bold; padding: 0 30px; height: 52px; line-height: 52px; &:hover{ color: var(--g5-color-dark-foreground); } } }
Copyright ©2021 || Defacer Indonesia