// Buttons .btn {
&.btn-flat { font-weight: 500; box-shadow: none; background-color: transparent; color: inherit; &:not([disabled]):not(.disabled):active { box-shadow: none; } }
}
// Floating button .btn-floating {
box-shadow: $z-depth-1-half; @include make-btn-floating($btn-floating-width, $btn-floating-height, $btn-floating-icon-size, $btn-floating-line-height); position: relative; z-index: 1; vertical-align: middle; display: inline-block; overflow: hidden; transition: $btn-floating-transtion; margin: $btn-floating-margin; border-radius: $btn-floating-border-radius; padding: 0; cursor: pointer; i { display: inline-block; width: inherit; text-align: center; color: $white-base; } &:hover { box-shadow: $z-depth-2; } &:before { border-radius: 0; } &.btn-sm { @include make-btn-floating($btn-floating-width-sm, $btn-floating-height-sm, $btn-floating-icon-size-sm, $btn-floating-line-height-sm); } &.btn-lg { @include make-btn-floating($btn-floating-width-lg, $btn-floating-height-lg, $btn-floating-icon-size-lg, $btn-floating-line-height-lg); }
}
// Fixed action button .fixed-action-btn {
position: fixed; z-index: 998; right: $fixed-action-btn-right; bottom: $fixed-action-btn-bottom; margin-bottom: 0; padding-top: $fixed-action-btn-padding-top; ul { display: flex; flex-direction: column; transition: 400ms height; position: absolute; bottom: $fixed-action-btn-ul-bottom; height: $fixed-action-btn-ul-bottom; left: 0; right: 0; margin: 0 0 15px; padding: 0; text-align: center; li { display:flex; margin-bottom: $fixed-action-btn-li-margin-bottom; margin-left:auto; margin-right:auto; z-index: 0; } a { &.btn-floating { opacity: 0; transition-duration: 0.4s; transform: scale(0.4) translate(0); &.shown { transform: scale(1) translate(0); opacity: 1; } } } } &.active ul { height:300px; }
}
button, html [type=“button”], [type=“reset”], [type=“submit”] {
appearance: none;
}
// Rounded buttons .btn-rounded {
border-radius: $btn-rounded-border-radius;
}
// Gradient buttons @each $name, $val in $gradients {
@include make-gradient-button($name, $val);
}