You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.3 KiB
81 lines
1.3 KiB
// var for box shadow of gradient buttons |
|
// Buttons |
|
.btn { |
|
box-shadow: none; |
|
font-weight: 500; |
|
|
|
// gradient button on hover transition |
|
&[class*='bg-gradient-'] { |
|
transition: all 0.2s ease; |
|
&:hover { |
|
transform: translateY(-2px); |
|
} |
|
} |
|
|
|
// Icon button padding |
|
&.btn-icon { |
|
padding: 0.715rem 0.736rem; |
|
} |
|
&.btn-sm { |
|
&.btn-icon { |
|
padding: 0.5rem; |
|
line-height: 0.5; |
|
} |
|
} |
|
&.btn-lg { |
|
&.btn-icon { |
|
padding: 1rem; |
|
line-height: 0.75; |
|
} |
|
} |
|
|
|
&:focus, |
|
&.focus, |
|
&:active, |
|
&.active { |
|
outline: none; |
|
box-shadow: none; |
|
} |
|
|
|
&:not(:disabled):not(.disabled):active:focus, |
|
&:not(:disabled):not(.disabled).active:focus { |
|
box-shadow: none !important; |
|
} |
|
|
|
// feather icons inside btn |
|
.feather { |
|
vertical-align: bottom; |
|
} |
|
} |
|
.btn-check { |
|
&:checked, |
|
&:active { |
|
+ [class*='btn-'] { |
|
outline: none; |
|
box-shadow: none; |
|
} |
|
} |
|
} |
|
// For Waves Input Padding |
|
.btn.waves-input-wrapper { |
|
padding: 0; |
|
} |
|
|
|
.btn-pinned { |
|
position: absolute; |
|
top: 1.2rem; |
|
right: 0.7rem; |
|
} |
|
|
|
@include media-breakpoint-down(md) { |
|
.btn-sm-block { |
|
display: block; |
|
width: 100%; |
|
} |
|
} |
|
|
|
// Remove cursor-pointer from button if button is disabled |
|
// * setting it to inherit will auto adept cursor |
|
.waves-effect { |
|
cursor: inherit; |
|
}
|
|
|