From 39631a50c12c660b00106083189824b727478e2f Mon Sep 17 00:00:00 2001 From: Joe Workman Date: Wed, 26 Mar 2014 19:10:34 -0700 Subject: [PATCH] Orbit elements hide for small 3 new variables to control if various elements will be shown on mobile. $orbit-nav-hide-for-small: true; $orbit-bullet-hide-for-small: true; $orbit-timer-hide-for-small: true; --- scss/foundation/_settings.scss | 5 +++++ scss/foundation/components/_orbit.scss | 19 +++++++++++++++---- 2 files changed, 20 insertions(+), 4 deletions(-) diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss index 0a6197e44..339489d2c 100644 --- a/scss/foundation/_settings.scss +++ b/scss/foundation/_settings.scss @@ -736,6 +736,11 @@ // $orbit-animation-speed: 500ms; // $orbit-animation-ease: ease-in-out; +// Hide controls on small +// $orbit-nav-hide-for-small: true; +// $orbit-bullet-hide-for-small: true; +// $orbit-timer-hide-for-small: true; + // Graceful Loading Wrapper and preloader // $wrapper-class: "slideshow-wrapper"; // $preloader-class: "preloader"; diff --git a/scss/foundation/components/_orbit.scss b/scss/foundation/components/_orbit.scss index 549d1b90a..f01831c13 100644 --- a/scss/foundation/components/_orbit.scss +++ b/scss/foundation/components/_orbit.scss @@ -45,6 +45,11 @@ $orbit-animation-ease: ease-in-out !default; $wrapper-class: "slideshow-wrapper" !default; $preloader-class: "preloader" !default; +// Hide controls on small +$orbit-nav-hide-for-small: true !default; +$orbit-bullet-hide-for-small: true !default; +$orbit-timer-hide-for-small: true !default; + // CSS Transform // This function is needed in order to put in all of the browser prefixes. // The normal tranform attribute still does not work properly across all browsers. @@ -382,10 +387,16 @@ $preloader-class: "preloader" !default; transform:none !important; transition:none !important; } - .orbit-timer, - .orbit-next, - .orbit-prev, - .orbit-bullets {display: none;} + + @if $orbit-timer-hide-for-small { + .orbit-timer{display: none;} + } + @if $orbit-nav-hide-for-small { + .orbit-next,.orbit-prev{display: none;} + } + @if $orbit-bullet-hide-for-small { + .orbit-bullets{display: none;} + } } } -- 2.47.2