63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
|
|
.owl-theme {
|
|
// Styling Next and Prev buttons
|
|
.owl-nav {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
[class*='owl-'] {
|
|
color: $nav-color;
|
|
font-size: $nav-font-size;
|
|
margin: $nav-margin;
|
|
padding: $nav-padding;
|
|
background: $nav-background;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
@include rounded($nav-rounded);
|
|
|
|
&:hover {
|
|
background: $nav-background-hover;
|
|
color:$nav-color-hover;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
.disabled {
|
|
opacity: $nav-disabled-opacity;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
// Styling dots
|
|
.owl-nav.disabled + .owl-dots {
|
|
margin-top: 10px;
|
|
}
|
|
.owl-dots {
|
|
text-align: center;
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
.owl-dot {
|
|
display: inline-block;
|
|
zoom: 1;
|
|
*display: inline;
|
|
|
|
span {
|
|
width: $dot-width;
|
|
height: $dot-height;
|
|
margin: $dot-margin;
|
|
background: $dot-background;
|
|
display: block;
|
|
-webkit-backface-visibility: visible;
|
|
@include transition(opacity, 200ms, ease);
|
|
@include rounded($dot-rounded);
|
|
}
|
|
|
|
&.active,
|
|
&:hover {
|
|
span {
|
|
background: $dot-background-active;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |