Files
redline.com.pl/themes/at_movic/_dev/css/app/_buttons.scss
2024-11-11 18:46:54 +01:00

81 lines
1.6 KiB
SCSS

.carousel{
.direction{
position: absolute;
top: -95px;
@include rtl-right(0);
}
}
.carousel-control{
background: none !important;
.icon-prev, .icon-next{
background: #f3f3f3;
font-size: $carousel-control-font-size;
@include rounded-corners(3px);
@include size(25px,25px);
&:before{
font-family: $font-icon;
font-size: $carousel-control-font-size;
color: $theme-color-tertiary;
line-height: 25px;
}
&:hover{
background: $theme-color-default;
&:before{
color: $white;
}
}
}
&.left{
right: 25px;
left: auto;
}
.icon-prev{
&:before{
content: "\f104";
}
}
.icon-next{
&:before{
content: "\f105";
}
}
}
// Override Input
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type="file"]{
height: auto;
}
//@mixin button-variant-outline($color, $background, $border, $colorhover, $bghover, $borderhover ) {
.btn-inverse{
@include button-variant-outline($white, $theme-color-default, $theme-color-default, $white, $nocolor, $border-color);
}
.btn-outline{
@include button-variant-outline($white, #333b48, #333b48, $white, $theme-color-default, $theme-color-default);
}
.btn{
@include rounded-corners($btn-border-radius);
&:active,
&:focus,
&:visited,
&.active:focus,
&:active:focus {
outline: none !important;
@include box-shadow(none);
}
}
button{
&:focus, &:hover{
outline: none;
}
}