diff options
Diffstat (limited to 'src/sass/owl-carousel2')
| -rw-r--r-- | src/sass/owl-carousel2/_animate.scss | 28 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_autoheight.scss | 7 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_core.scss | 105 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_lazyload.scss | 17 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_theme.default.scss | 30 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_theme.green.scss | 30 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_theme.scss | 64 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/_video.scss | 51 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/owl.carousel.scss | 5 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/owl.theme.default.scss | 1 | ||||
| -rw-r--r-- | src/sass/owl-carousel2/owl.theme.green.scss | 1 |
11 files changed, 339 insertions, 0 deletions
diff --git a/src/sass/owl-carousel2/_animate.scss b/src/sass/owl-carousel2/_animate.scss new file mode 100644 index 0000000..696d93c --- /dev/null +++ b/src/sass/owl-carousel2/_animate.scss @@ -0,0 +1,28 @@ +/* + * Owl Carousel - Animate Plugin + */ +.owl-carousel{ + .animated { + animation-duration: 1000ms; + animation-fill-mode: both; + } + .owl-animated-in { + z-index: 0; + } + .owl-animated-out { + z-index: 1; + } + .fadeOut { + animation-name: fadeOut; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} diff --git a/src/sass/owl-carousel2/_autoheight.scss b/src/sass/owl-carousel2/_autoheight.scss new file mode 100644 index 0000000..7852c3f --- /dev/null +++ b/src/sass/owl-carousel2/_autoheight.scss @@ -0,0 +1,7 @@ +/* + * Owl Carousel - Auto Height Plugin + */ + +.owl-height { + transition: height 500ms ease-in-out; +} diff --git a/src/sass/owl-carousel2/_core.scss b/src/sass/owl-carousel2/_core.scss new file mode 100644 index 0000000..37c9161 --- /dev/null +++ b/src/sass/owl-carousel2/_core.scss @@ -0,0 +1,105 @@ +/* + * Owl Carousel - Core + */ +.owl-carousel { + display: none; + width: 100%; + -webkit-tap-highlight-color: transparent; + /* position relative and z-index fix webkit rendering fonts issue */ + position: relative; + z-index: 1; + + .owl-stage { + position: relative; + -ms-touch-action: pan-Y; + } + + .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; + } + + .owl-stage-outer { + position: relative; + overflow: hidden; + /* fix for flashing background */ + -webkit-transform: translate3d(0px, 0px, 0px); + } + + .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + } + .owl-item img { + display: block; + width: 100%; + -webkit-transform-style: preserve-3d; + } + + .owl-nav.disabled, + .owl-dots.disabled { + display: none; + } + + .owl-nav .owl-prev, + .owl-nav .owl-next, + .owl-dot { + cursor: pointer; + cursor: hand; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + &.owl-loaded { + display: block; + } + + &.owl-loading { + opacity: 0; + display: block; + } + + &.owl-hidden { + opacity: 0; + } + + &.owl-refresh .owl-item { + display: none; + } + + &.owl-drag .owl-item { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + &.owl-grab { + cursor: move; + cursor: grab; + } + + &.owl-rtl { + direction: rtl; + } + + &.owl-rtl .owl-item { + float: right; + } +} + +/* No Js */ +.no-js .owl-carousel { + display: block; +} diff --git a/src/sass/owl-carousel2/_lazyload.scss b/src/sass/owl-carousel2/_lazyload.scss new file mode 100644 index 0000000..4f19e07 --- /dev/null +++ b/src/sass/owl-carousel2/_lazyload.scss @@ -0,0 +1,17 @@ +/* + * Owl Carousel - Lazy Load Plugin + */ + +.owl-carousel { + .owl-item { + .owl-lazy { + opacity: 0; + transition: opacity 400ms ease; + } + + img.owl-lazy { + transform-style: preserve-3d; + } + } +} + diff --git a/src/sass/owl-carousel2/_theme.default.scss b/src/sass/owl-carousel2/_theme.default.scss new file mode 100644 index 0000000..942a15e --- /dev/null +++ b/src/sass/owl-carousel2/_theme.default.scss @@ -0,0 +1,30 @@ +/* + * Default theme - Owl Carousel CSS File + */ + +$color-base: #869791 !default; +$color-white: #FFF !default; +$color-gray: #D6D6D6 !default; + +//nav + +$nav-color: $color-white !default; +$nav-color-hover: $color-white !default; +$nav-font-size: 14px !default; +$nav-rounded: 3px !default; +$nav-margin: 5px !default; +$nav-padding: 4px 7px !default; +$nav-background: $color-gray !default; +$nav-background-hover: $color-base !default; +$nav-disabled-opacity: 0.5 !default; + +//dots + +$dot-width: 10px !default; +$dot-height: 10px !default; +$dot-rounded: 30px !default; +$dot-margin: 5px 7px !default; +$dot-background: $color-gray !default; +$dot-background-active: $color-base !default; + +@import 'theme'; diff --git a/src/sass/owl-carousel2/_theme.green.scss b/src/sass/owl-carousel2/_theme.green.scss new file mode 100644 index 0000000..d2518ce --- /dev/null +++ b/src/sass/owl-carousel2/_theme.green.scss @@ -0,0 +1,30 @@ +/* + * Green theme - Owl Carousel CSS File + */ + +$color-base: #4DC7A0 !default; +$color-white: #FFF !default; +$color-gray: #D6D6D6 !default; + +//nav + +$nav-color: $color-white !default; +$nav-color-hover: $color-white !default; +$nav-font-size: 14px !default; +$nav-rounded: 3px !default; +$nav-margin: 5px !default; +$nav-padding: 4px 7px !default; +$nav-background: $color-gray !default; +$nav-background-hover: $color-base !default; +$nav-disabled-opacity: 0.5 !default; + +//dots + +$dot-width: 10px !default; +$dot-height: 10px !default; +$dot-rounded: 30px !default; +$dot-margin: 5px 7px !default; +$dot-background: $color-gray !default; +$dot-background-active: $color-base !default; + +@import 'theme'; 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; + } + } + } + } +} diff --git a/src/sass/owl-carousel2/_video.scss b/src/sass/owl-carousel2/_video.scss new file mode 100644 index 0000000..29b6717 --- /dev/null +++ b/src/sass/owl-carousel2/_video.scss @@ -0,0 +1,51 @@ +/* + * Owl Carousel - Video Plugin + */ + +.owl-carousel{ + .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; + } + + .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url("owl.video.play.png") no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + transition: transform 100ms ease; + } + + .owl-video-play-icon:hover { + transform: scale(1.3, 1.3); + } + + .owl-video-playing .owl-video-tn, + .owl-video-playing .owl-video-play-icon { + display: none; + } + + .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 400ms ease; + } + + .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; + } +} diff --git a/src/sass/owl-carousel2/owl.carousel.scss b/src/sass/owl-carousel2/owl.carousel.scss new file mode 100644 index 0000000..114dcd6 --- /dev/null +++ b/src/sass/owl-carousel2/owl.carousel.scss @@ -0,0 +1,5 @@ +@import 'core'; +@import 'animate'; +@import 'autoheight'; +@import 'lazyload'; +@import 'video'; diff --git a/src/sass/owl-carousel2/owl.theme.default.scss b/src/sass/owl-carousel2/owl.theme.default.scss new file mode 100644 index 0000000..9b56aae --- /dev/null +++ b/src/sass/owl-carousel2/owl.theme.default.scss @@ -0,0 +1 @@ +@import "theme.default";
\ No newline at end of file diff --git a/src/sass/owl-carousel2/owl.theme.green.scss b/src/sass/owl-carousel2/owl.theme.green.scss new file mode 100644 index 0000000..8873d50 --- /dev/null +++ b/src/sass/owl-carousel2/owl.theme.green.scss @@ -0,0 +1 @@ +@import "theme.green";
\ No newline at end of file |