style: lint

Author: brandyscarney

core/src/themes/ionic/ionic.theme.default.scss

@@ -33,8 +33,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-inverse,
       contrast-rgb: globals.$ion-text-inverse-rgb,
       shade: globals.$ion-bg-primary-base-press,
-      tint: globals.$ion-semantics-primary-500,
       // TODO this is not a verified value
+      tint: globals.$ion-semantics-primary-500,
       foreground: globals.$ion-text-primary,
     ),
     subtle: (
@@ -43,8 +43,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-primary,
       contrast-rgb: globals.$ion-text-primary-rgb,
       shade: globals.$ion-bg-primary-subtle-press,
-      tint: globals.$ion-semantics-primary-200,
       // TODO this is not a verified value
+      tint: globals.$ion-semantics-primary-200,
       foreground: globals.$ion-text-primary,
     ),
   ),
@@ -57,9 +57,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-inverse,
         contrast-rgb: globals.$ion-text-inverse-rgb,
         shade: globals.$ion-bg-info-base-press,
-        tint: globals.$ion-semantics-info-700,
         // TODO this is not a verified value
-        text: globals.$ion-text-info,
+        tint: globals.$ion-semantics-info-700,
         foreground: globals.$ion-text-info,
       ),
       subtle: (
@@ -68,8 +67,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-info,
         contrast-rgb: globals.$ion-text-info-rgb,
         shade: globals.$ion-bg-info-subtle-press,
-        tint: globals.$ion-semantics-info-200,
         // TODO this is not a verified value
+        tint: globals.$ion-semantics-info-200,
         foreground: globals.$ion-text-info,
       ),
     ),
@@ -82,8 +81,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-inverse,
         contrast-rgb: globals.$ion-text-inverse-rgb,
         shade: globals.$ion-bg-success-base-press,
-        tint: globals.$ion-semantics-success-700,
         // TODO this is not a verified value
+        tint: globals.$ion-semantics-success-700,
         foreground: globals.$ion-text-success,
       ),
       subtle: (
@@ -92,8 +91,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-success,
         contrast-rgb: globals.$ion-text-success-rgb,
         shade: globals.$ion-bg-success-subtle-press,
-        tint: globals.$ion-semantics-success-200,
         // TODO this is not a verified value
+        tint: globals.$ion-semantics-success-200,
         foreground: globals.$ion-text-success,
       ),
     ),
@@ -104,8 +103,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-default,
       contrast-rgb: globals.$ion-text-default-rgb,
       shade: globals.$ion-bg-warning-base-press,
-      tint: globals.$ion-primitives-yellow-300,
       // TODO this is not a verified value
+      tint: globals.$ion-primitives-yellow-300,
       foreground: globals.$ion-text-warning,
     ),
     subtle: (
@@ -114,8 +113,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-warning,
       contrast-rgb: globals.$ion-text-warning-rgb,
       shade: globals.$ion-bg-warning-subtle-press,
-      tint: globals.$ion-primitives-yellow-100,
       // TODO this is not a verified value
+      tint: globals.$ion-primitives-yellow-100,
       foreground: globals.$ion-text-warning,
     ),
   ),
@@ -126,8 +125,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-inverse,
       contrast-rgb: globals.$ion-text-inverse-rgb,
       shade: globals.$ion-bg-danger-base-press,
-      tint: globals.$ion-semantics-danger-600,
       // TODO this is not a verified value
+      tint: globals.$ion-semantics-danger-600,
       foreground: globals.$ion-text-danger,
     ),
     subtle: (
@@ -136,8 +135,8 @@ $ionic-colors: (
       contrast: globals.$ion-text-danger,
       contrast-rgb: globals.$ion-text-danger-rgb,
       shade: globals.$ion-bg-danger-subtle-press,
-      tint: globals.$ion-semantics-danger-200,
       // TODO this is not a verified value
+      tint: globals.$ion-semantics-danger-200,
       foreground: globals.$ion-text-danger,
     ),
   ),
@@ -150,8 +149,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-inverse,
         contrast-rgb: globals.$ion-text-inverse-rgb,
         shade: globals.$ion-bg-neutral-base-press,
-        tint: globals.$ion-primitives-neutral-800,
         // TODO this is not a verified value
+        tint: globals.$ion-primitives-neutral-800,
         foreground: globals.$ion-text-default,
       ),
       subtle: (
@@ -160,8 +159,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-default,
         contrast-rgb: globals.$ion-text-default-rgb,
         shade: globals.$ion-bg-neutral-subtlest-press,
-        tint: globals.$ion-primitives-neutral-100,
         // TODO this is not a verified value
+        tint: globals.$ion-primitives-neutral-100,
         foreground: globals.$ion-text-default,
       ),
     ),
@@ -174,8 +173,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-inverse,
         contrast-rgb: globals.$ion-text-inverse-rgb,
         shade: globals.$ion-bg-neutral-bold-press,
-        tint: globals.$ion-primitives-neutral-800,
         // TODO this is not a verified value
+        tint: globals.$ion-primitives-neutral-800,
         foreground: globals.$ion-text-default,
       ),
       subtle: (
@@ -184,8 +183,8 @@ $ionic-colors: (
         contrast: globals.$ion-text-subtlest,
         contrast-rgb: globals.$ion-text-subtlest-rgb,
         shade: globals.$ion-bg-neutral-subtle-press,
-        tint: globals.$ion-primitives-neutral-100,
         // TODO this is not a verified value
+        tint: globals.$ion-primitives-neutral-100,
         foreground: globals.$ion-text-default,
       ),
     ),

core/src/themes/ionic/test/colors/index.html

@@ -174,7 +174,9 @@ <h3 class="header">Subtle Background</h3>
         <div class="container">
           <h3 class="header">Subtle Background Shade</h3>
           <div class="color-block ion-color-primary"><div class="ion-color-subtle-background-shade">Primary</div></div>
-          <div class="color-block ion-color-secondary"><div class="ion-color-subtle-background-shade">Secondary</div></div>
+          <div class="color-block ion-color-secondary">
+            <div class="ion-color-subtle-background-shade">Secondary</div>
+          </div>
           <div class="color-block ion-color-success"><div class="ion-color-subtle-background-shade">Success</div></div>
           <div class="color-block ion-color-warning"><div class="ion-color-subtle-background-shade">Warning</div></div>
           <div class="color-block ion-color-danger"><div class="ion-color-subtle-background-shade">Danger</div></div>
@@ -186,15 +188,16 @@ <h3 class="header">Subtle Background Shade</h3>
         <div class="container">
           <h3 class="header">Subtle Background Tint</h3>
           <div class="color-block ion-color-primary"><div class="ion-color-subtle-background-tint">Primary</div></div>
-          <div class="color-block ion-color-secondary"><div class="ion-color-subtle-background-tint">Secondary</div></div>
+          <div class="color-block ion-color-secondary">
+            <div class="ion-color-subtle-background-tint">Secondary</div>
+          </div>
           <div class="color-block ion-color-success"><div class="ion-color-subtle-background-tint">Success</div></div>
           <div class="color-block ion-color-warning"><div class="ion-color-subtle-background-tint">Warning</div></div>
           <div class="color-block ion-color-danger"><div class="ion-color-subtle-background-tint">Danger</div></div>
           <div class="color-block ion-color-light"><div class="ion-color-subtle-background-tint">Light</div></div>
           <div class="color-block ion-color-medium"><div class="ion-color-subtle-background-tint">Medium</div></div>
           <div class="color-block ion-color-dark"><div class="ion-color-subtle-background-tint">Dark</div></div>
         </div>
-
       </ion-content>
     </ion-app>
   </body>