Toolkit scss consolidation (#1368)

* Some scss changes - Got rid of .outer-link class - Added a tag in the toolkit-flex-item.section-container * Removed not-clickable scss
hackforla · Apr 9, 2021 · 4110404 · 4110404
1 parent b602137
commit 4110404
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/_includes/svg/outer-link.svg b/_includes/svg/outer-link.svg
diff --git a/_sass/components/_toolkit.scss b/_sass/components/_toolkit.scss
@@ -116,9 +116,9 @@
     justify-content: center;
 }
 
-.outer-link {
-    width: 1.5rem;
-}
+// .outer-link {
+//     width: 1.5rem;
+// }
 
 .toolkit-flex-item.section-container {
     position: relative;
@@ -127,6 +127,10 @@
     height: auto;
     margin: 1.2rem 1rem;
     overflow: hidden;
+
+    a {
+        width: 1.5rem;
+    }
 }
 
 .toolkit-flex-item-img-container {
@@ -163,9 +167,9 @@
     width: 100%;
 }
 
-.not-clickable {
-    color: black !important;
-}
+// .not-clickable {
+//     color: black !important;
+// }
 
 .toolkit-flex-item-status {
     position: absolute;

diff --git a/pages/toolkit.html b/pages/toolkit.html
@@ -93,7 +93,7 @@ <h1>Our Toolkit</h1>
                     <h3><a href="{{item.provider-link}}" target="_blank">{{ item.title }}</a></h3>
                     <p>{{ item.description }}</p>
                 </div>
-                <a href="{{item.provider-link}}" class="toolkit-flex-item-status outer-link" target="_blank">
+                <a href="{{item.provider-link}}" class="toolkit-flex-item-status" target="_blank">
                     {% include {{ item.link-svg }} %}
                 </a>
             </div>