rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

bs4 fine tuning

This commit is contained in:
Holger Könemann 2016-04-26 14:05:02 +02:00
parent 65012ff20e
commit 6bbf06aba1
25 changed files with 3164 additions and 3969 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@ -1,6 +1,6 @@
{ {
"name": "understrap", "name": "understrap",
"version": "0.3.8", "version": "0.4.0",
"homepage": "http://understrap.com", "homepage": "http://understrap.com",
"authors": [ "authors": [
"Holger Koenemann <office@holgerkoenemann.de>" "Holger Koenemann <office@holgerkoenemann.de>"

6213
css/theme.css
View File

File diff suppressed because it is too large Load Diff

2
css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
header.php
View File

@ -28,22 +28,19 @@
<!-- ******************* The Navbar Area ******************* --> <!-- ******************* The Navbar Area ******************* -->
<div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar"> <div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'understrap' ); ?></a> <a class="skip-link screen-reader-text sr-only" href="#content"><?php _e( 'Skip to content', 'understrap' ); ?></a>
<nav class="site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"> <nav class="navbar navbar-dark bg-inverse site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<div class="navbar navbar-inverse">
<div class="container"> <div class="container">
<div class="row">
<div class="col-xs-12">
<div class="navbar-header"> <div class="navbar-header">
<!-- .navbar-toggle is used as the toggle for collapsed navbar content --> <!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<button class="navbar-toggle hidden-sm-up" type="button" data-toggle="collapse" data-target=".exCollapsingNavbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
@ -59,7 +56,7 @@
<?php wp_nav_menu( <?php wp_nav_menu(
array( array(
'theme_location' => 'primary', 'theme_location' => 'primary',
'container_class' => 'collapse navbar-collapse navbar-responsive-collapse', 'container_class' => 'collapse navbar-toggleable-xs exCollapsingNavbar',
'menu_class' => 'nav navbar-nav', 'menu_class' => 'nav navbar-nav',
'fallback_cb' => '', 'fallback_cb' => '',
'menu_id' => 'main-menu', 'menu_id' => 'main-menu',
@ -67,13 +64,8 @@
) )
); ?> ); ?>
</div> <!-- .col-md-11 or col-md-12 end -->
</div> <!-- .row end -->
</div> <!-- .container --> </div> <!-- .container -->
</div><!-- .navbar -->
</nav><!-- .site-navigation --> </nav><!-- .site-navigation -->

5
inc/bootstrap-wp-navwalker.php
View File

@ -108,9 +108,10 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
if ( $args->has_children ) { if ( $args->has_children ) {
$atts['href'] = '#'; $atts['href'] = '#';
$atts['data-toggle'] = 'dropdown'; $atts['data-toggle'] = 'dropdown';
$atts['class'] = 'dropdown-toggle'; $atts['class'] = 'nav-link dropdown-toggle';
} else { } else {
$atts['href'] = ! empty( $item->url ) ? $item->url : ''; $atts['href'] = ! empty( $item->url ) ? $item->url : '';
$atts['class'] = 'nav-link';
} }
$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args ); $atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
@ -221,3 +222,5 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
} }
} }
} }

2
inc/custom-comments.php
View File

@ -25,6 +25,6 @@
<label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label> <label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label>
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> <textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</div>'; </div>';
$args['class_submit'] = 'btn btn-default'; // since WP 4.1 $args['class_submit'] = 'btn btn-secondary'; // since WP 4.1
return $args; return $args;
} }

2
inc/setup.php
View File

@ -95,6 +95,6 @@ add_filter( 'excerpt_more', 'custom_excerpt_more' );
function all_excerpts_get_more_link($post_excerpt) { function all_excerpts_get_more_link($post_excerpt) {
return $post_excerpt . ' [...]<p><a class="btn btn-default understrap-read-more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More...', 'understrap') . '</a></p>'; return $post_excerpt . ' [...]<p><a class="btn btn-secondary understrap-read-more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More...', 'understrap') . '</a></p>';
} }
add_filter('wp_trim_excerpt', 'all_excerpts_get_more_link'); add_filter('wp_trim_excerpt', 'all_excerpts_get_more_link');

57
sass/understrap/understrap.scss
View File

@ -73,3 +73,60 @@ right: 0px;
//Bootstrap3 to Bootstrap4 "translation" //Bootstrap3 to Bootstrap4 "translation"
.menu-item {float:left; width:auto; display:inline;} .menu-item {float:left; width:auto; display:inline;}
ul.nav.navbar-nav a {
display: block;
padding-top: .425rem;
padding-bottom: .425rem;
}
// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.
// Navbar vertical align
.navbar-toggle {
position: relative;
float: right;
margin-right: $navbar-padding-horizontal;
padding: 9px 10px;
background-color: transparent;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent;
// We remove the `outline` here, but later compensate by attaching `:hover`
// styles to `:focus`.
&:focus {
outline: 0;
}
// Bars
.icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.icon-bar + .icon-bar {
margin-top: 4px;
}
}
.navbar-dark {
.navbar-toggle {
border:1px solid #fff;
}
.icon-bar {
border-bottom:1px solid #fff;
}
.dropdown-menu {
background-color: $navbar-dark-color;
}
}
.navbar #main-menu {
float:left;
}

130
src/css/owl.carousel.css
View File

@ -1,45 +1,10 @@
/* /**
* Owl Carousel - Animate Plugin * Owl Carousel v2.1.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/ */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/* /*
* Owl Carousel - Auto Height Plugin * Owl Carousel - Core
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
/*
* Core Owl Carousel CSS File
*/ */
.owl-carousel { .owl-carousel {
display: none; display: none;
@ -74,9 +39,12 @@
display: block; display: block;
width: 100%; width: 100%;
-webkit-transform-style: preserve-3d; } -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; } display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer; cursor: pointer;
cursor: hand; cursor: hand;
-webkit-user-select: none; -webkit-user-select: none;
@ -100,9 +68,6 @@
user-select: none; } user-select: none; }
.owl-carousel.owl-grab { .owl-carousel.owl-grab {
cursor: move; cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; } cursor: grab; }
.owl-carousel.owl-rtl { .owl-carousel.owl-rtl {
direction: rtl; } direction: rtl; }
@ -113,17 +78,52 @@
.no-js .owl-carousel { .no-js .owl-carousel {
display: block; } display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/* /*
* Owl Carousel - Lazy Load Plugin * Owl Carousel - Lazy Load Plugin
*/ */
.owl-carousel .owl-item .owl-lazy { .owl-carousel .owl-item .owl-lazy {
opacity: 0; opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease; } transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } transform-style: preserve-3d; }
/* /*
@ -133,6 +133,7 @@
position: relative; position: relative;
height: 100%; height: 100%;
background: #000; } background: #000; }
.owl-carousel .owl-video-play-icon { .owl-carousel .owl-video-play-icon {
position: absolute; position: absolute;
height: 80px; height: 80px;
@ -145,33 +146,26 @@
cursor: pointer; cursor: pointer;
z-index: 1; z-index: 1;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease; transition: -webkit-transform 100ms ease;
-moz-transition: scale 100ms ease; transition: transform 100ms ease; }
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { .owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; } display: none; }
.owl-carousel .owl-video-tn { .owl-carousel .owl-video-tn {
opacity: 0; opacity: 0;
height: 100%; height: 100%;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain; background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease; } transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { .owl-carousel .owl-video-frame {
position: relative; position: relative;
z-index: 1; z-index: 1;

7
src/css/owl.carousel.min.css vendored
View File

@ -1 +1,6 @@
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .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;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /**
* Owl Carousel v2.1.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .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:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

6
src/css/owl.theme.default.min.css vendored
View File

@ -1 +1,5 @@
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /**
* Owl Carousel v2.1.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/

6
src/css/owl.theme.green.min.css vendored
View File

@ -1 +1,5 @@
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} /**
* Owl Carousel v2.1.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/

8
src/js/jquery.js vendored
View File

@ -1,5 +1,5 @@
/*! /*!
* jQuery JavaScript Library v2.2.2 * jQuery JavaScript Library v2.2.3
* http://jquery.com/ * http://jquery.com/
* *
* Includes Sizzle.js * Includes Sizzle.js
@ -9,7 +9,7 @@
* Released under the MIT license * Released under the MIT license
* http://jquery.org/license * http://jquery.org/license
* *
* Date: 2016-03-17T17:51Z * Date: 2016-04-05T19:26Z
*/ */
(function( global, factory ) { (function( global, factory ) {
@ -65,7 +65,7 @@ var support = {};
var var
version = "2.2.2", version = "2.2.3",
// Define a local copy of jQuery // Define a local copy of jQuery
jQuery = function( selector, context ) { jQuery = function( selector, context ) {
@ -9475,7 +9475,7 @@ jQuery.fn.load = function( url, params, callback ) {
// If it fails, this function gets "jqXHR", "status", "error" // If it fails, this function gets "jqXHR", "status", "error"
} ).always( callback && function( jqXHR, status ) { } ).always( callback && function( jqXHR, status ) {
self.each( function() { self.each( function() {
callback.apply( self, response || [ jqXHR.responseText, status, jqXHR ] ); callback.apply( this, response || [ jqXHR.responseText, status, jqXHR ] );
} ); } );
} ); } );
} }

6
src/js/jquery.min.js vendored
View File

File diff suppressed because one or more lines are too long

198
src/js/owl.carousel.js
View File

@ -1,7 +1,13 @@
/**
* Owl Carousel v2.1.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/** /**
* Owl carousel * Owl carousel
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
* @todo Lazy Load Icon * @todo Lazy Load Icon
* @todo prevent animationend bubling * @todo prevent animationend bubling
@ -839,8 +845,13 @@
if (!this.settings.freeDrag) { if (!this.settings.freeDrag) {
// check closest item // check closest item
$.each(coordinates, $.proxy(function(index, value) { $.each(coordinates, $.proxy(function(index, value) {
if (coordinate > value - pull && coordinate < value + pull) { // on a left pull, check on current index
if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {
position = index; position = index;
// on a right pull, check on previous index
// to do so, subtract width from value and set position = index + 1
} else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {
position = index + 1;
} else if (this.op(coordinate, '<', value) } else if (this.op(coordinate, '<', value)
&& this.op(coordinate, '>', coordinates[index + 1] || value - width)) { && this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
position = direction === 'left' ? index + 1 : index; position = direction === 'left' ? index + 1 : index;
@ -982,7 +993,7 @@
var n = this._items.length, var n = this._items.length,
m = relative ? 0 : this._clones.length; m = relative ? 0 : this._clones.length;
if (!$.isNumeric(position) || n < 1) { if (!this.isNumeric(position) || n < 1) {
position = undefined; position = undefined;
} else if (position < 0 || position >= n + m) { } else if (position < 0 || position >= n + m) {
position = ((position - m / 2) % n + n) % n + m / 2; position = ((position - m / 2) % n + n) % n + m / 2;
@ -1115,7 +1126,9 @@
* @returns {Number|Array.<Number>} - The coordinate of the item in pixel or all coordinates. * @returns {Number|Array.<Number>} - The coordinate of the item in pixel or all coordinates.
*/ */
Owl.prototype.coordinates = function(position) { Owl.prototype.coordinates = function(position) {
var coordinate = null; var multiplier = 1,
newPosition = position - 1,
coordinate;
if (position === undefined) { if (position === undefined) {
return $.map(this._coordinates, $.proxy(function(coordinate, index) { return $.map(this._coordinates, $.proxy(function(coordinate, index) {
@ -1124,12 +1137,19 @@
} }
if (this.settings.center) { if (this.settings.center) {
coordinate = this._coordinates[position]; if (this.settings.rtl) {
coordinate += (this.width() - coordinate + (this._coordinates[position - 1] || 0)) / 2 * (this.settings.rtl ? -1 : 1); multiplier = -1;
} else { newPosition = position + 1;
coordinate = this._coordinates[position - 1] || 0;
} }
coordinate = this._coordinates[position];
coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier;
} else {
coordinate = this._coordinates[newPosition] || 0;
}
coordinate = Math.ceil(coordinate);
return coordinate; return coordinate;
}; };
@ -1142,6 +1162,10 @@
* @returns {Number} - The time in milliseconds for the translation. * @returns {Number} - The time in milliseconds for the translation.
*/ */
Owl.prototype.duration = function(from, to, factor) { Owl.prototype.duration = function(from, to, factor) {
if (factor === 0) {
return 0;
}
return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed)); return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
}; };
@ -1274,7 +1298,7 @@
this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1); this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1);
}, this)); }, this));
this.reset($.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0); this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);
this.invalidate('items'); this.invalidate('items');
}; };
@ -1594,6 +1618,16 @@
return result; return result;
}; };
/**
* Determines if the input is a Number or something that can be coerced to a Number
* @protected
* @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested
* @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number
*/
Owl.prototype.isNumeric = function(number) {
return !isNaN(parseFloat(number));
};
/** /**
* Gets the difference of two vectors. * Gets the difference of two vectors.
* @todo #261 * @todo #261
@ -1655,8 +1689,9 @@
/** /**
* AutoRefresh Plugin * AutoRefresh Plugin
* @version 2.0.0 * @version 2.1.0
* @author Artus Kolanowski * @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -1766,8 +1801,9 @@
/** /**
* Lazy Plugin * Lazy Plugin
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -1799,7 +1835,7 @@
* @type {Object} * @type {Object}
*/ */
this._handlers = { this._handlers = {
'initialized.owl.carousel change.owl.carousel': $.proxy(function(e) { 'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) {
if (!e.namespace) { if (!e.namespace) {
return; return;
} }
@ -1812,7 +1848,7 @@
var settings = this._core.settings, var settings = this._core.settings,
n = (settings.center && Math.ceil(settings.items / 2) || settings.items), n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
i = ((settings.center && n * -1) || 0), i = ((settings.center && n * -1) || 0),
position = ((e.property && e.property.value) || this._core.current()) + i, position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i,
clones = this._core.clones().length, clones = this._core.clones().length,
load = $.proxy(function(i, v) { this.load(v) }, this); load = $.proxy(function(i, v) { this.load(v) }, this);
@ -1830,7 +1866,7 @@
// register event handler // register event handler
this._core.$element.on(this._handlers); this._core.$element.on(this._handlers);
} };
/** /**
* Default options. * Default options.
@ -1838,7 +1874,7 @@
*/ */
Lazy.Defaults = { Lazy.Defaults = {
lazyLoad: false lazyLoad: false
} };
/** /**
* Loads all resources of an item at the specified position. * Loads all resources of an item at the specified position.
@ -1878,7 +1914,7 @@
}, this)); }, this));
this._loaded.push($item.get(0)); this._loaded.push($item.get(0));
} };
/** /**
* Destroys the plugin. * Destroys the plugin.
@ -1901,8 +1937,9 @@
/** /**
* AutoHeight Plugin * AutoHeight Plugin
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -1966,7 +2003,7 @@
AutoHeight.prototype.update = function() { AutoHeight.prototype.update = function() {
var start = this._core._current, var start = this._core._current,
end = start + this._core.settings.items, end = start + this._core.settings.items,
visible = this._core.$stage.children().toArray().slice(start, end); visible = this._core.$stage.children().toArray().slice(start, end),
heights = [], heights = [],
maxheight = 0; maxheight = 0;
@ -1998,8 +2035,9 @@
/** /**
* Video Plugin * Video Plugin
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -2094,25 +2132,48 @@
}; };
/** /**
* Gets the video ID and the type (YouTube/Vimeo only). * Gets the video ID and the type (YouTube/Vimeo/vzaar only).
* @protected * @protected
* @param {jQuery} target - The target containing the video data. * @param {jQuery} target - The target containing the video data.
* @param {jQuery} item - The item containing the video. * @param {jQuery} item - The item containing the video.
*/ */
Video.prototype.fetch = function(target, item) { Video.prototype.fetch = function(target, item) {
var type = target.attr('data-vimeo-id') ? 'vimeo' : 'youtube', var type = (function() {
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id'), if (target.attr('data-vimeo-id')) {
return 'vimeo';
} else if (target.attr('data-vzaar-id')) {
return 'vzaar'
} else {
return 'youtube';
}
})(),
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'),
width = target.attr('data-width') || this._core.settings.videoWidth, width = target.attr('data-width') || this._core.settings.videoWidth,
height = target.attr('data-height') || this._core.settings.videoHeight, height = target.attr('data-height') || this._core.settings.videoHeight,
url = target.attr('href'); url = target.attr('href');
if (url) { if (url) {
id = url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
/*
Parses the id's out of the following urls (and probably more):
https://www.youtube.com/watch?v=:id
https://youtu.be/:id
https://vimeo.com/:id
https://vimeo.com/channels/:channel/:id
https://vimeo.com/groups/:group/videos/:id
https://app.vzaar.com/videos/:id
Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F
*/
id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
if (id[3].indexOf('youtu') > -1) { if (id[3].indexOf('youtu') > -1) {
type = 'youtube'; type = 'youtube';
} else if (id[3].indexOf('vimeo') > -1) { } else if (id[3].indexOf('vimeo') > -1) {
type = 'vimeo'; type = 'vimeo';
} else if (id[3].indexOf('vzaar') > -1) {
type = 'vzaar';
} else { } else {
throw new Error('Video URL not supported.'); throw new Error('Video URL not supported.');
} }
@ -2177,12 +2238,12 @@
} }
if (video.type === 'youtube') { if (video.type === 'youtube') {
path = "http://img.youtube.com/vi/" + video.id + "/hqdefault.jpg"; path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
create(path); create(path);
} else if (video.type === 'vimeo') { } else if (video.type === 'vimeo') {
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
url: 'http://vimeo.com/api/v2/video/' + video.id + '.json', url: '//vimeo.com/api/v2/video/' + video.id + '.json',
jsonp: 'callback', jsonp: 'callback',
dataType: 'jsonp', dataType: 'jsonp',
success: function(data) { success: function(data) {
@ -2190,6 +2251,17 @@
create(path); create(path);
} }
}); });
} else if (video.type === 'vzaar') {
$.ajax({
type: 'GET',
url: '//vzaar.com/api/videos/' + video.id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data) {
path = data.framegrab_url;
create(path);
}
});
} }
}; };
@ -2231,12 +2303,16 @@
this._core.reset(item.index()); this._core.reset(item.index());
if (video.type === 'youtube') { if (video.type === 'youtube') {
html = '<iframe width="' + width + '" height="' + height + '" src="http://www.youtube.com/embed/' + html = '<iframe width="' + width + '" height="' + height + '" src="//www.youtube.com/embed/' +
video.id + '?autoplay=1&v=' + video.id + '" frameborder="0" allowfullscreen></iframe>'; video.id + '?autoplay=1&v=' + video.id + '" frameborder="0" allowfullscreen></iframe>';
} else if (video.type === 'vimeo') { } else if (video.type === 'vimeo') {
html = '<iframe src="http://player.vimeo.com/video/' + video.id + html = '<iframe src="//player.vimeo.com/video/' + video.id +
'?autoplay=1" width="' + width + '" height="' + height + '?autoplay=1" width="' + width + '" height="' + height +
'" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'; '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
} else if (video.type === 'vzaar') {
html = '<iframe frameborder="0"' + 'height="' + height + '"' + 'width="' + width +
'" allowfullscreen mozallowfullscreen webkitAllowFullScreen ' +
'src="//view.vzaar.com/' + video.id + '/player?autoplay=true"></iframe>';
} }
$('<div class="owl-video-frame">' + html + '</div>').insertAfter(item.find('.owl-video')); $('<div class="owl-video-frame">' + html + '</div>').insertAfter(item.find('.owl-video'));
@ -2279,8 +2355,9 @@
/** /**
* Animate Plugin * Animate Plugin
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -2400,9 +2477,10 @@
/** /**
* Autoplay Plugin * Autoplay Plugin
* @version 2.0.0 * @version 2.1.0
* @author Bartosz Wojciechowski * @author Bartosz Wojciechowski
* @author Artus Kolanowski * @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -2421,10 +2499,10 @@
this._core = carousel; this._core = carousel;
/** /**
* The autoplay interval. * The autoplay timeout.
* @type {Number} * @type {Timeout}
*/ */
this._interval = null; this._timeout = null;
/** /**
* Indicates whenever the autoplay is paused. * Indicates whenever the autoplay is paused.
@ -2445,6 +2523,11 @@
} else { } else {
this.stop(); this.stop();
} }
} else if (e.namespace && e.property.name === 'position') {
//console.log('play?', e);
if (this._core.settings.autoplay) {
this._setAutoPlayInterval();
}
} }
}, this), }, this),
'initialized.owl.carousel': $.proxy(function(e) { 'initialized.owl.carousel': $.proxy(function(e) {
@ -2471,6 +2554,16 @@
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
this.play(); this.play();
} }
}, this),
'touchstart.owl.core': $.proxy(function() {
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
this.pause();
}
}, this),
'touchend.owl.core': $.proxy(function() {
if (this._core.settings.autoplayHoverPause) {
this.play();
}
}, this) }, this)
}; };
@ -2507,7 +2600,21 @@
this._core.enter('rotating'); this._core.enter('rotating');
this._interval = window.setInterval($.proxy(function() { this._setAutoPlayInterval();
};
/**
* Gets a new timeout
* @private
* @param {Number} [timeout] - The interval before the next animation starts.
* @param {Number} [speed] - The animation speed for the animations.
* @return {Timeout}
*/
Autoplay.prototype._getNextTimeout = function(timeout, speed) {
if ( this._timeout ) {
window.clearTimeout(this._timeout);
}
return window.setTimeout($.proxy(function() {
if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) { if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) {
return; return;
} }
@ -2515,6 +2622,14 @@
}, this), timeout || this._core.settings.autoplayTimeout); }, this), timeout || this._core.settings.autoplayTimeout);
}; };
/**
* Sets autoplay in motion.
* @private
*/
Autoplay.prototype._setAutoPlayInterval = function() {
this._timeout = this._getNextTimeout();
};
/** /**
* Stops the autoplay. * Stops the autoplay.
* @public * @public
@ -2524,7 +2639,7 @@
return; return;
} }
window.clearInterval(this._interval); window.clearTimeout(this._timeout);
this._core.leave('rotating'); this._core.leave('rotating');
}; };
@ -2562,8 +2677,9 @@
/** /**
* Navigation Plugin * Navigation Plugin
* @version 2.0.0 * @version 2.1.0
* @author Artus Kolanowski * @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -2636,7 +2752,7 @@
'prepared.owl.carousel': $.proxy(function(e) { 'prepared.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.dotsData) { if (e.namespace && this._core.settings.dotsData) {
this._templates.push('<div class="' + this._core.settings.dotClass + '">' + this._templates.push('<div class="' + this._core.settings.dotClass + '">' +
$(e.content).find('[data-dot]').andSelf('[data-dot]').attr('data-dot') + '</div>'); $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '</div>');
} }
}, this), }, this),
'added.owl.carousel': $.proxy(function(e) { 'added.owl.carousel': $.proxy(function(e) {
@ -2930,7 +3046,7 @@
Navigation.prototype.to = function(position, speed, standard) { Navigation.prototype.to = function(position, speed, standard) {
var length; var length;
if (!standard) { if (!standard && this._pages.length) {
length = this._pages.length; length = this._pages.length;
$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed); $.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
} else { } else {
@ -2944,8 +3060,9 @@
/** /**
* Hash Plugin * Hash Plugin
* @version 2.0.0 * @version 2.1.0
* @author Artus Kolanowski * @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {
@ -2990,7 +3107,7 @@
}, this), }, this),
'prepared.owl.carousel': $.proxy(function(e) { 'prepared.owl.carousel': $.proxy(function(e) {
if (e.namespace) { if (e.namespace) {
var hash = $(e.content).find('[data-hash]').andSelf('[data-hash]').attr('data-hash'); var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
if (!hash) { if (!hash) {
return; return;
@ -3067,9 +3184,10 @@
/** /**
* Support Plugin * Support Plugin
* *
* @version 2.0.0 * @version 2.1.0
* @author Vivid Planet Software GmbH * @author Vivid Planet Software GmbH
* @author Artus Kolanowski * @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT) * @license The MIT License (MIT)
*/ */
;(function($, window, document, undefined) { ;(function($, window, document, undefined) {

9
src/js/owl.carousel.min.js vendored
View File

File diff suppressed because one or more lines are too long

28
src/sass/owl-carousel2/_animate.scss Normal file
View File

@ -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;
}
}

7
src/sass/owl-carousel2/_autoheight.scss Normal file
View File

@ -0,0 +1,7 @@
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}

105
src/sass/owl-carousel2/_core.scss Normal file
View File

@ -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;
}

17
src/sass/owl-carousel2/_lazyload.scss Normal file
View File

@ -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;
}
}
}

30
src/sass/owl-carousel2/_theme.default.scss Normal file
View File

@ -0,0 +1,30 @@
/*
* Default theme - Owl Carousel CSS File
*/
$color-base: #869791;
$color-white: #FFF;
$color-gray: #D6D6D6;
//nav
$nav-color: $color-white;
$nav-color-hover: $color-white;
$nav-font-size: 14px;
$nav-rounded: 3px;
$nav-margin: 5px;
$nav-padding: 4px 7px;
$nav-background: $color-gray;
$nav-background-hover: $color-base;
$nav-disabled-opacity: 0.5;
//dots
$dot-width: 10px;
$dot-height: 10px;
$dot-rounded: 30px;
$dot-margin: 5px 7px;
$dot-background: $color-gray;
$dot-background-active: $color-base;
@import 'theme';

30
src/sass/owl-carousel2/_theme.green.scss Normal file
View File

@ -0,0 +1,30 @@
/*
* Green theme - Owl Carousel CSS File
*/
$color-base: #4DC7A0;
$color-white: #FFF;
$color-gray: #D6D6D6;
//nav
$nav-color: $color-white;
$nav-color-hover: $color-white;
$nav-font-size: 14px;
$nav-rounded: 3px;
$nav-margin: 5px;
$nav-padding: 4px 7px;
$nav-background: $color-gray;
$nav-background-hover: $color-base;
$nav-disabled-opacity: 0.5;
//dots
$dot-width: 10px;
$dot-height: 10px;
$dot-rounded: 30px;
$dot-margin: 5px 7px;
$dot-background: $color-gray;
$dot-background-active: $color-base;
@import 'theme';

7
src/sass/owl-carousel2/_theme.scss
View File

@ -14,7 +14,7 @@
background: $nav-background; background: $nav-background;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
@include rounded($nav-rounded); border-radius: 3px;
&:hover { &:hover {
background: $nav-background-hover; background: $nav-background-hover;
@ -32,6 +32,7 @@
.owl-nav.disabled + .owl-dots { .owl-nav.disabled + .owl-dots {
margin-top: 10px; margin-top: 10px;
} }
.owl-dots { .owl-dots {
text-align: center; text-align: center;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
@ -48,8 +49,8 @@
background: $dot-background; background: $dot-background;
display: block; display: block;
-webkit-backface-visibility: visible; -webkit-backface-visibility: visible;
@include transition(opacity, 200ms, ease); transition: opacity 200ms ease;
@include rounded($dot-rounded); border-radius: 30px;
} }
&.active, &.active,

51
src/sass/owl-carousel2/_video.scss Normal file
View File

@ -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%;
}
}

113
src/sass/owl-carousel2/owl.carousel.scss
View File

@ -1,108 +1,5 @@
/* @import 'core';
* Core Owl Carousel CSS File @import 'animate';
*/ @import 'autoheight';
.owl-carousel { @import 'lazyload';
display: none; @import 'video';
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: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
&.owl-rtl {
direction: rtl;
}
&.owl-rtl .owl-item {
float: right;
}
}
/* No Js */
.no-js .owl-carousel {
display: block;
}