diff options
Diffstat (limited to 'src/sass/owl-carousel2/_theme.scss')
| -rw-r--r-- | src/sass/owl-carousel2/_theme.scss | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/src/sass/owl-carousel2/_theme.scss b/src/sass/owl-carousel2/_theme.scss new file mode 100644 index 0000000..f6d89da --- /dev/null +++ b/src/sass/owl-carousel2/_theme.scss @@ -0,0 +1,64 @@ + +.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; + } + } + } + } +} |
