ca-components 1.1.6 → 1.1.8

package/assets/scss/icons.scss

@@ -52,6 +52,15 @@
         &-blue-26 {
             @include svg-fill($ta-blue-26);
         }
+        &-grey {
+            @include svg-fill($bw5);
+        }
+        &-red-10 {
+            @include svg-fill($ta-red-10);
+        }
+        &-green {
+            @include svg-fill($ta-green);
+        }
     }
 
     // Hovers
@@ -90,6 +99,9 @@
         &-18 {
             @include svg-size(18px, 18px);
         }
+        &-22 {
+            @include svg-size(22px, 22px);
+        }
         &-44-16 {
             @include svg-size(44px, 16px);
         }

package/assets/scss/styles.scss

@@ -58,3 +58,7 @@ html {
         display: none;
     }
 }
+
+.cursor-pointer {
+    cursor: pointer;
+}

package/assets/scss/text-selection.scss

@@ -58,6 +58,20 @@
             }
         }
 
+        &-green-4 {
+            color: $ta-green-4 !important;
+
+            &::-moz-selection {
+                background: rgb(134, 201, 195, 0.2) !important;
+                color: $ta-green-4 !important;
+            }
+
+            &::selection {
+                background: rgb(134, 201, 195, 0.2) !important;
+                color: $ta-green-4 !important;
+            }
+        }
+
         &-blue-13 {
             color: $ta-blue-13 !important;
 
@@ -86,6 +100,20 @@
             }
         }
 
+        &-blue-19 {
+            color: $ta-blue-19 !important;
+
+            &::-moz-selection {
+                background: rgb(146, 177, 245, 0.2) !important;
+                color: $ta-blue-19 !important;
+            }
+
+            &::selection {
+                background: rgb(146, 177, 245, 0.2) !important;
+                color: $ta-blue-19 !important;
+            }
+        }
+
         &-red-10 {
             color: $ta-red-10 !important;
 
@@ -100,6 +128,20 @@
             }
         }
 
+        &-red-13 {
+            color: $ta-red-13 !important;
+
+            &::-moz-selection {
+                background: rgb(237, 146, 146, 0.2) !important;
+                color: $ta-red-13 !important;
+            }
+
+            &::selection {
+                background: rgb(237, 146, 146, 0.2) !important;
+                color: $ta-red-13 !important;
+            }
+        }
+
         &-light-grey {
             color: $ta-light-grey !important;