From f1c7d2b865626bc59075a05a38e7d0a9f832c005 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Fri, 5 Feb 2021 12:49:06 +0200
Subject: [PATCH] refactor(docs-infra): merge style rules in `_resources.scss`
 (#40704)

This commit cleans up the styles in `_resources.scss` by merging
together blocks that target the same elements.

PR Close #40704
---
 aio/src/styles/2-modules/_resources.scss | 30 +++++++++++-------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/aio/src/styles/2-modules/_resources.scss b/aio/src/styles/2-modules/_resources.scss
index fdfc67f22f..a94753b205 100644
--- a/aio/src/styles/2-modules/_resources.scss
+++ b/aio/src/styles/2-modules/_resources.scss
@@ -1,10 +1,3 @@
-.showcase {
-  width: 80%;
-  @media (max-width: 600px) {
-    width: 100%;
-  }
-}
-
 .resources-container {
   position: relative;
 }
@@ -17,8 +10,13 @@ aio-resource-list {
   }
 
   .showcase {
-    margin-bottom: 8px * 6;
     border-radius: 4px;
+    margin-bottom: 8px * 6;
+    width: 80%;
+
+    @media (max-width: 600px) {
+      width: 100%;
+    }
   }
 
   .c-resource {
@@ -63,14 +61,14 @@ aio-resource-list {
     position: relative;
     text-decoration: none;
     transition: all .3s;
-  }
 
-  .resource-row-link:hover {
-    color: #1a2326;
-    text-decoration: none;
-    border-color: #2B85E7;
-    border-radius: 4px;
-    box-shadow: 0 8px 8px rgba(1, 67, 163, .24), 0 0 8px rgba(1, 67, 163, .12), 0 6px 18px rgba(43, 133, 231, .12);
-    transform: translateY(-2px);
+    &:hover {
+      color: #1a2326;
+      text-decoration: none;
+      border-color: #2B85E7;
+      border-radius: 4px;
+      box-shadow: 0 8px 8px rgba(1, 67, 163, .24), 0 0 8px rgba(1, 67, 163, .12), 0 6px 18px rgba(43, 133, 231, .12);
+      transform: translateY(-2px);
+    }
   }
 }