1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
-
- .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;
- border-radius: 3px;
-
- &: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;
- transition: opacity 200ms ease;
- border-radius: 30px;
- }
-
- &.active,
- &:hover {
- span {
- background: $dot-background-active;
- }
- }
- }
- }
- }
|