style(components): remove unneeded css variables

core/src/components/anchor/anchor.scss

@@ -4,16 +4,12 @@
 // --------------------------------------------------
 
 :host {
-  --text-decoration: none;
-
   // default background / color
   --color: #{ion-color(primary, base)};
   --background: transparent;
 
   background: var(--background);
   color: var(--color);
-
-  text-decoration: var(--text-decoration);
 }
 
 :host(.ion-color) {

core/src/components/anchor/test/basic/index.html

@@ -28,7 +28,11 @@
       </p>
 
       <p>
-        <ion-anchor href="#" class="underline">Underline Anchor</ion-anchor>
+        <ion-anchor href="#" style="text-decoration: underline">Underline Anchor</ion-anchor>
+      </p>
+
+      <p>
+        <ion-anchor href="#" class="custom">Custom Anchor</ion-anchor>
       </p>
 
       <p>
@@ -60,8 +64,14 @@
   </script>
 
   <style>
-    .underline {
+    .custom {
-      --text-decoration: underline;
+      font-family: cursive;
+      font-size: 24px;
+      font-weight: bold;
+      letter-spacing: 5px;
+      text-decoration: dotted underline;
+      text-transform: uppercase;
+      color: magenta;
     }
   </style>
 </body>

core/src/components/button/button.ios.scss

@@ -62,7 +62,7 @@
 
 :host(.button-outline.activated.focused) {
   --border-color: #{current-color(shade)};
-  --background-color: #{current-color(shade)};
+  --background: #{current-color(shade)};
 }
 
 // iOS Clear Button

core/src/components/card/card.scss

@@ -4,8 +4,6 @@
 // --------------------------------------------------
 
 :host {
-  --ion-card-text: currentColor;
-
   @include font-smoothing();
 
   display: block;