117 lines
2.1 KiB
SCSS
117 lines
2.1 KiB
SCSS
// var for boxshadow of gradient buttons
|
|
// Buttons
|
|
.btn {
|
|
// to change cursor of disabled button
|
|
&:disabled{
|
|
cursor: default;
|
|
}
|
|
// for white button
|
|
&.btn-white{
|
|
background-color: white;
|
|
color: $body-color;
|
|
&:hover,&:focus,&:active{
|
|
color: $body-color !important;
|
|
}
|
|
}
|
|
|
|
&.btn-white.btn-primary {
|
|
background-color: $primary;
|
|
}
|
|
|
|
// box shadow for gradient colors
|
|
&[class*="bg-gradient-"]:hover{
|
|
box-shadow: $gradient-button-bs;
|
|
}
|
|
|
|
// For Boxshadow on hover of normal light, dark and secondary btn
|
|
&.btn-secondary {
|
|
color: $white;
|
|
&:hover {
|
|
box-shadow: 0 8px 25px -8px rgba($secondary, 1);
|
|
}
|
|
}
|
|
&.btn-dark {
|
|
&:hover {
|
|
box-shadow: 0 8px 25px -8px rgba($dark, 1);
|
|
}
|
|
}
|
|
&.btn-light {
|
|
&:hover {
|
|
box-shadow: 0 8px 25px -8px rgba($light, 1);
|
|
}
|
|
}
|
|
|
|
// For Light,dark and secondary outline btns
|
|
&.btn-outline-secondary,
|
|
&.btn-outline-dark,
|
|
&.btn-outline-light {
|
|
border: 1px solid;
|
|
}
|
|
|
|
|
|
// to remove extra spacing because of border in btn outline
|
|
&[class*="btn-outline-"]{
|
|
padding-top: calc(#{$btn-padding-y} - 1px);
|
|
padding-bottom: calc(#{$btn-padding-y} - 1px);
|
|
&.btn-sm{
|
|
padding-top: calc(0.5rem - 1px);
|
|
padding-bottom: calc(0.5rem - 1px);
|
|
}
|
|
}
|
|
|
|
// For btn-icon
|
|
&.btn-icon {
|
|
padding: .715rem .736rem;
|
|
}
|
|
&.btn-sm{
|
|
&.btn-icon{
|
|
padding: .5rem;
|
|
}
|
|
}
|
|
&.btn-lg{
|
|
&.btn-icon{
|
|
padding: 1rem;
|
|
}
|
|
}
|
|
|
|
&.btn-round {
|
|
@include button-round-variant(2rem);
|
|
}
|
|
|
|
&:focus,
|
|
&.focus,
|
|
&:active,
|
|
&.active {
|
|
outline: none;
|
|
box-shadow: none !important;
|
|
}
|
|
&.btn-icon {
|
|
i {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
// For White Btn
|
|
.btn.btn-outline-white,
|
|
.btn-white{
|
|
&:hover{
|
|
color: $black !important;
|
|
}
|
|
|
|
}
|
|
|
|
// Added cursor pointer as in latest bootstrap do not have this
|
|
button,
|
|
html [type="button"],
|
|
[type="reset"],
|
|
[type="submit"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
// For Waves Padding
|
|
.waves-button-input {
|
|
padding: unset;
|
|
}
|