Remove .active references in visual test files. Add .is-active to visual test files...

diff --git a/test/visual/magellan/active-item.html b/test/visual/magellan/active-item.html
index 2bc5849faf3ecb8cb9631537d7fe02b45e38bdc1..bd1513dad18543b904cff5cb1370182c017b2a7a 100644 (file)
--- a/test/visual/magellan/active-item.html
+++ b/test/visual/magellan/active-item.html
@@ -8,14 +8,14 @@
     <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />\r
     <link href="../assets/css/foundation.css" rel="stylesheet" />\r
     <style type="text/css">\r
-        \r
+\r
         section{height:60em;}\r
         nav{height:4em!important;}\r
         .sticky{width: 100%;}\r
         .highlight{background:#A1D4E9;}\r
         .top-bar, .top-bar ul, .dark{background:#3a3a3a; color:#A1D4E9 }\r
         .top-bar a{color: #A1D4E9;}\r
-        .active{background:#A1D4E9;color:white!important;}\r
+        .is-active{background:#A1D4E9;color:white!important;}\r
         .well{padding:3rem;}\r
 \r
     </style>\r
@@ -37,22 +37,22 @@
                 </div>\r
             </div>\r
         </nav>\r
-       \r
+\r
         <section id="heading">\r
             <h1 class="text-center well">Pre-anchor Section</h1>\r
             <div class="well">\r
                 <p>Incorrect: Navigation item one is active before first anchor point at section One.</p>\r
-                Correct: \r
+                Correct:\r
                 <ul>\r
                     <li>Navigation items should be inactive until first anchor point.</li>\r
                     <li>URL should contain no hash</li>\r
                 </ul>\r
             </div>\r
         </section>\r
-        \r
+\r
     </header>\r
     <main>\r
-        \r
+\r
         <section id="one" class="highlight" data-magellan-target="one">\r
             <h1 class="text-center well">Section One</h1>\r
             <div class="well">\r
@@ -85,7 +85,7 @@
             <h1 class="text-center well">Section Six</h1>\r
         </section>\r
 \r
-        \r
+\r
     </main>\r
 \r
     <script src="../assets/js/vendor.js"></script>\r

diff --git a/test/visual/magellan/unordered-links.html b/test/visual/magellan/unordered-links.html
index 1073c75e458bfc3fb6646486effe51495e96c352..5446a9b75fbeeee29cbeeb545ec6bde5c396c81c 100644 (file)
--- a/test/visual/magellan/unordered-links.html
+++ b/test/visual/magellan/unordered-links.html
@@ -12,7 +12,7 @@
         top: 0;
         right: 0;
       }
-      [data-magellan] a.active {
+      [data-magellan] a.is-active {
         font-weight: bold;
         color: #000;
       }

diff --git a/test/visual/sticky/menus-with-anchors.html b/test/visual/sticky/menus-with-anchors.html
index 815e60525f12481c2db31c40b659c0fe7fa2e12c..5942757b5d6da1d935edf8de9b46d1044f404809 100644 (file)
--- a/test/visual/sticky/menus-with-anchors.html
+++ b/test/visual/sticky/menus-with-anchors.html
@@ -5,14 +5,14 @@
   <title>Foundation for Sites Testing</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   <link href="../assets/css/foundation.css" rel="stylesheet" />
-  
+
   <style>
 
     .container {
       background-color: rgba(255,0,0,0.7);
 
     }
-    
+
     .fail {
       color: red;
       font-weight: bold;
@@ -58,7 +58,7 @@
       font-weight: normal;
       color: black;
     }
-    
+
     .menu-title {
       text-transform: uppercase;
       font-size: 1rem;
@@ -68,7 +68,7 @@
       padding: 1rem 1rem .5rem 1rem;
     }
 
-    .menu .active {
+    .menu .is-active {
       background-color: #2199e8;
       color: white;
     }
@@ -90,9 +90,9 @@
 
     </div>
   </div>
-  
+
   <div class="row test-container">
-    
+
     <div class="small-12 medium-6 columns">
       <div id="foo1" class="foo" data-magellan-target="foo1">
         <h1>#foo1</h1>
@@ -198,4 +198,4 @@
     $(document).foundation();
   </script>
 </body>
-</html>
\ No newline at end of file
+</html>