makes all sticky tests active on small

diff --git a/test/visual/sticky/accordions-with-anchors.html b/test/visual/sticky/accordions-with-anchors.html
index 51a11392ed192e9ff51405fa33b29ec4467b3f61..82283d66db6dd979ab19b79bcc1d4b93d379ef46 100644 (file)
--- a/test/visual/sticky/accordions-with-anchors.html
+++ b/test/visual/sticky/accordions-with-anchors.html
@@ -78,7 +78,7 @@
         <div class="row">
           <div class="small-12 medium-8 columns">
             <div class="container" data-sticky-container>
-              <div class="sticky" data-sticky data-margin-top="0" data-anchor="foo2" style="width:100%">
+              <div class="sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-anchor="foo2" style="width:100%">
                 <ul class="accordion" data-accordion>
                   <li class="accordion-item is-active" data-accordion-item>
                     <a href="#" class="accordion-title">Test Accordion #2</a>
@@ -142,7 +142,7 @@
     <div class="small-12 medium-6 columns">
 
       <div class="container" data-sticky-container>
-        <div class="sticky" data-sticky data-margin-top="0" data-anchor="foo1" style="width:100%">
+        <div class="sticky" data-sticky-on="small" data-sticky data-margin-top="0" data-anchor="foo1" style="width:100%">
           <ul class="accordion" data-accordion>
             <li class="accordion-item is-active" data-accordion-item>
               <a href="#" class="accordion-title">Test Accordion #1</a>

diff --git a/test/visual/sticky/anchors-with-callouts.html b/test/visual/sticky/anchors-with-callouts.html
index de221c90cb8d30d67c63e617b3a7e2904ed47279..257dfa3a4055e12516b8723d0a1d0838d5bba830 100644 (file)
--- a/test/visual/sticky/anchors-with-callouts.html
+++ b/test/visual/sticky/anchors-with-callouts.html
@@ -51,7 +51,7 @@
 
     <div class="small-12 medium-2 columns">
       <div class="container" data-sticky-container>
-        <div class="callout sticky" data-sticky data-margin-top="0" data-anchor="foo1">
+        <div class="callout sticky" data-sticky-on="small" data-sticky data-margin-top="0" data-anchor="foo1">
           <h5>Test 1</h5>
           <p>I should stick to the top and bottom of #foo1. I'm not a child of any #foo's.</p>
           <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -66,7 +66,7 @@
       <div id="foo2" class="foo">
         <h1>#foo2</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-anchor="foo2">
+          <div class="callout sticky" data-sticky-on="small" data-sticky data-margin-top="0" data-anchor="foo2">
             <h5>Test 2</h5>
             <p>I should stick to the top and bottom of #foo2.<br/>I'm also a child of #foo2</p>
             <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -80,7 +80,7 @@
       <div id="foo4" class="foo">
         <h1>#foo4</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-top-anchor="foo4" data-btm-anchor="foo6">
+          <div class="callout sticky" data-sticky-on="small" data-sticky data-margin-top="0" data-top-anchor="foo4" data-btm-anchor="foo6">
             <h5>Test 3</h5>
             <p>I should stick to the top of #foo4 and the top of #foo6.<br/>I'm a child of #foo4</p>
             <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -96,7 +96,7 @@
       <div id="foo7" class="foo">
         <h1>#foo7</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-top-anchor="foo6" data-btm-anchor="foo8:bottom">
+          <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-top-anchor="foo6" data-btm-anchor="foo8:bottom">
             <h5>Test 4</h5>
             <p>I should stick to the top of #foo6 and the bottom of #foo8. I'm a child of #foo7.</p>
             <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -112,7 +112,7 @@
       <div id="foo10" class="foo">
         <h1>#foo10</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-stick-to="bottom" data-top-anchor="foo10" data-btm-anchor="foo11:bottom">
+          <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-stick-to="bottom" data-top-anchor="foo10" data-btm-anchor="foo11:bottom">
             <h5>Test 5</h5>
             <p>I should stick to the top of #foo10 and the bottom of #foo11. I should be stick to the window bottom with a bottom margin of 1em (default bottom margin).</p>
             <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -125,7 +125,7 @@
       <div id="bar1" class="bar">
         <h1>#bar1</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-top-anchor="bar2" data-btm-anchor="bar3:bottom">
+          <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-top-anchor="bar2" data-btm-anchor="bar3:bottom">
             <h5>Test 6</h5>
             <p>I should stick to the top of #bar2 and the bottom of #bar3.</p>
             <p>Bar containers does not have fixed height, but i should be anchored correctly.</p>
@@ -156,7 +156,7 @@
       <div id="foo12" class="foo">
         <h1>#foo12</h1>
         <div class="container" data-sticky-container>
-          <div class="callout sticky" data-sticky data-margin-top="0" data-top-anchor="foo12">
+          <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-top-anchor="foo12">
             <h5>Test 7</h5>
             <p>I should stick to the top of #foo12. I should be stick until window end because only data-top-anchor is set.</p>
             <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
@@ -179,7 +179,7 @@
 
     <div class="small-12 medium-3 columns">
       <div class="container" data-sticky-container>
-        <div class="callout sticky" data-sticky data-margin-top="0" data-anchor="foo3">
+        <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-anchor="foo3">
           <h5>Test 8</h5>
           <p>I should stick to the top and bottom of #foo3.<br/>I'm not the child of any of you #foo's.<br/>When I'm not stuck I jump to the top because I'm not a child of the top anchor, is this my normal behavior?</p>
           <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>

diff --git a/test/visual/sticky/height-transition.html b/test/visual/sticky/height-transition.html
index 60fde546d15dde2808d442f4505243d5cdd34f72..c150ccf62a2f11912c46f70fce98799fa32e24c8 100644 (file)
--- a/test/visual/sticky/height-transition.html
+++ b/test/visual/sticky/height-transition.html
@@ -118,7 +118,7 @@
   <div class="row">
     <div class="small-12 medium-2 columns">
       <div class="container" data-sticky-container>
-        <div class="callout sticky" data-sticky data-margin-top="0" data-anchor="foo1">
+        <div class="callout sticky" data-sticky data-sticky-on="small" data-margin-top="0" data-anchor="foo1">
           <h5>Test 1</h5>
           <p>I should stick to the top and bottom of #foo1. I'm not a child of any #foo's.</p>
           <a href="http://foundation.zurb.com/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>          

diff --git a/test/visual/sticky/menus-with-anchors.html b/test/visual/sticky/menus-with-anchors.html
index 787c6d9b0798109906accbb46e8ebe2f9d0437fa..815e60525f12481c2db31c40b659c0fe7fa2e12c 100644 (file)
--- a/test/visual/sticky/menus-with-anchors.html
+++ b/test/visual/sticky/menus-with-anchors.html
@@ -101,7 +101,7 @@
         <div class="row">
           <div class="small-12 medium-8 columns">
             <div class="container" data-sticky-container>
-              <nav class="sticky" data-sticky data-anchor="foo2">
+              <nav class="sticky" data-sticky-on="small" data-sticky data-anchor="foo2">
                 <ul class="vertical menu">
                   <li class="menu-title menu-text">Sticky Menu Test #2</li>
                   <li class="menu-text">Anchored to #foo2</li>
@@ -124,7 +124,7 @@
         <div class="row">
           <div class="small-12 medium-8 columns">
             <div class="container" data-sticky-container>
-              <nav class="sticky" data-sticky data-anchor-top="foo4:top" data-anchor-bottom="foo5:bottom">
+              <nav class="sticky" data-sticky-on="small" data-sticky data-anchor-top="foo4:top" data-anchor-bottom="foo5:bottom">
                 <ul class="vertical menu">
                   <li class="menu-title menu-text">Sticky Menu Test #3</li>
                   <li class="menu-text">Top is anchored to top of #foo4</li>
@@ -169,7 +169,7 @@
     <div class="small-12 medium-6 columns">
 
       <div class="container" data-sticky-container>
-        <nav class="sticky" data-sticky data-anchor-top="foo1:top">
+        <nav class="sticky" data-sticky-on="small" data-sticky data-anchor-top="foo1:top">
           <ul class="vertical menu" data-magellan>
             <li class="menu-title menu-text">Sticky Menu Test #1</li>
             <li class="menu-text">Top anchored to to top of #foo1</li>