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.
82 lines
1.3 KiB
82 lines
1.3 KiB
7 months ago
|
// 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;
|
||
|
|
}
|