adjust class names and tests

Author: BenOsodrac

core/src/css/ionic/link.ionic.scss

@@ -70,8 +70,8 @@
   @include link-shared;
 }
 
-a.ionic-link,
-:not(a).ionic-link a {
+a,
+:not(a).ion-link a {
   @include ionic-link;
 }
 
@@ -96,7 +96,7 @@ a.ionic-link,
   }
 }
 
-a.ionic-link-underline,
-:not(a).ionic-link-underline a {
+a.ion-link-underline,
+:not(a).ion-link-underline a {
   @include ionic-link-underline;
 }

core/src/css/test/link/basic/index.html

@@ -28,45 +28,45 @@
       </ion-header>
 
       <ion-content class="ionic-padding-space-m">
-        <h3>Standalone (.ionic-link)</h3>
+        <h3>Standalone (.ion-link)</h3>
         <div class="links" id="standalone">
-          <div><a class="ionic-link" href="#">Link - Default</a></div>
-          <div><a class="ionic-link ion-activated" href="#">Link - Active</a></div>
-          <div><a class="ionic-link ion-focused" href="#">Link - Focused</a></div>
-          <div><a class="ionic-link" href="">Link - Visited</a></div>
+          <div><a href="#test-visited-link">Link - Default</a></div>
+          <div><a class="ion-activated" href="#">Link - Active</a></div>
+          <div><a class="ion-focused" href="#">Link - Focused</a></div>
+          <div><a href="">Link - Visited</a></div>
           <div>
-            <a class="ionic-link" href="#">Link with Icon <ion-icon name="open-outline"></ion-icon></a>
+            <a  href="#">Link with Icon <ion-icon name="open-outline"></ion-icon></a>
           </div>
         </div>
 
-        <h3>Underline (.ionic-link-underline)</h3>
+        <h3>Underline (.ion-link-underline)</h3>
         <div class="links" id="underline">
-          <div><a class="ionic-link-underline" href="#">Underline - Default</a></div>
-          <div><a class="ionic-link-underline ion-activated" href="#">Underline - Active</a></div>
-          <div><a class="ionic-link-underline ion-focused" href="#">Underline - Focused</a></div>
-          <div><a class="ionic-link-underline" href="">Underline - Visited</a></div>
+          <div><a class="ion-link-underline" href="#test-visited-link">Underline - Default</a></div>
+          <div><a class="ion-link-underline ion-activated" href="#">Underline - Active</a></div>
+          <div><a class="ion-link-underline ion-focused" href="#">Underline - Focused</a></div>
+          <div><a class="ion-link-underline" href="">Underline - Visited</a></div>
           <div>
-            <a class="ionic-link-underline" href="#">Link with Icon <ion-icon name="open-outline"></ion-icon></a>
+            <a class="ion-link-underline" href="#">Link with Icon <ion-icon name="open-outline"></ion-icon></a>
           </div>
         </div>
 
         <h3>Links in Content</h3>
         <div class="links" id="links-in-content">
           <div>
-            Lorem ipsum dolor sit amet consectetur, <a class="ionic-link" href="#">default link</a> adipisicing elit.
+            Lorem ipsum dolor sit amet consectetur, <a class="ion-link" href="#">default link</a> adipisicing elit.
           </div>
           <div>
             Lorem ipsum dolor sit amet consectetur,
-            <a class="ionic-link-underline" href="#">underline link</a> adipisicing elit.
+            <a class="ion-link-underline" href="#">underline link</a> adipisicing elit.
           </div>
         </div>
 
         <h3>Parent Element</h3>
         <div class="links">
-          <div class="ionic-link" id="standalone-nested">
+          <div class="ion-link" id="standalone-nested">
             <p>Lorem ipsum dolor sit amet consectetur, <a href="#">default link</a> adipisicing elit.</p>
           </div>
-          <div class="ionic-link-underline" id="underline-nested">
+          <div class="ion-link-underline" id="underline-nested">
             <p>Lorem ipsum dolor sit amet consectetur, <a href="#">underline link</a> adipisicing elit.</p>
           </div>
         </div>