// Buttons .btn { &.btn-flat { box-shadow: none; background-color: transparent; color: inherit !important; &:not([disabled]):not(.disabled):active { box-shadow: none; } } } // Floating button .btn-floating { @extend .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; } &:hover { @extend .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 { position: absolute; bottom: $fixed-action-btn-ul-bottom; left: 0; right: 0; margin: 0; padding: 0; text-align: center; li { margin-bottom: $fixed-action-btn-li-margin-bottom; } a { &.btn-floating { opacity: 0; } } } } 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-premium { @include make-gradient-button($name, $val); }