From 6adf5825104d55b9ba08f93dc4bc747e99d7bd72 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Tue, 2 Feb 2021 14:35:45 +0200
Subject: [PATCH] refactor(docs-infra): clean up styles in `_card.scss`
 (#40427)

This commit cleans up the styles in `_card.scss` by:
- Fixing incosistenct indentation/newlines.
- Removing rules for unused selectors.
- Removing unnecessary styles.

PR Close #40427
---
 aio/src/styles/2-modules/_card.scss | 128 +++++++++++++---------------
 1 file changed, 57 insertions(+), 71 deletions(-)

diff --git a/aio/src/styles/2-modules/_card.scss b/aio/src/styles/2-modules/_card.scss
index 15cbbf35fa..066ca8b36e 100644
--- a/aio/src/styles/2-modules/_card.scss
+++ b/aio/src/styles/2-modules/_card.scss
@@ -1,83 +1,70 @@
 .card-container {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    margin: 16px 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin: 16px 0;
 
-    .docs-card {
-      @include card(194px, 30%);
-      max-width: 340px;
-      min-width: 262px;
-      margin: 24px 8px;
-      padding-bottom: 48px;
-      position: relative;
+  .docs-card {
+    @include card(194px, 30%);
+    max-width: 340px;
+    min-width: 262px;
+    margin: 24px 8px;
+    padding-bottom: 48px;
+    position: relative;
 
-      @media screen and (max-width: 600px) {
-        width: 100%;
-        margin: 8px auto;
-        max-width: none;
-      }
-
-      &:hover {
-        text-decoration: none;
-
-        section {
-          color: $blue;
-        }
-
-        p {
-          color: $darkgray;
-          padding: 0 16px;
-        }
-
-        .card-footer {
-          @include line-height(32);
-          padding: 8px 16px;
-          background-color: rgba($blue, 0.1);
-          color: $blue;
-        }
-      }
+    @media screen and (max-width: 600px) {
+      width: 100%;
+      margin: 8px auto;
+      max-width: none;
+    }
 
+    &:hover {
       section {
-        color: $deepgray;
-        @include font-size(20);
-        @include line-height(24);
-        margin: 0;
-        padding: 32px 0 24px;
-        text-transform: none;
-        text-align: center;
-      }
-
-      p {
-        color: $darkgray;
-        @include font-size(13);
-        @include line-height(24);
-        padding: 0 16px;
-        margin: 0;
-        text-align: center;
+        color: $blue;
       }
 
       .card-footer {
-        bottom: 0;
-        border-top: 0.5px solid $lightgray;
-        box-sizing: border-box;
-        @include line-height(48);
-        left: 0;
-        position: absolute;
-        right: 0;
-        text-align: right;
-        color: $mediumgray;
-
-        a {
-          color: $mediumgray;
-          @include font-size(13);
-        }
-      }
-
-      .card-footer.center {
-        text-align: center;
+        background-color: rgba($blue, 0.1);
+        color: $blue;
       }
     }
+
+    section {
+      color: $deepgray;
+      @include font-size(20);
+      @include line-height(24);
+      margin: 0;
+      padding: 32px 0 24px;
+      text-transform: none;
+      text-align: center;
+    }
+
+    p {
+      color: $darkgray;
+      @include font-size(13);
+      @include line-height(24);
+      padding: 0 16px;
+      margin: 0;
+      text-align: center;
+    }
+
+    .card-footer {
+      bottom: 0;
+      border-top: 0.5px solid $lightgray;
+      box-sizing: border-box;
+      @include line-height(48);
+      left: 0;
+      position: absolute;
+      right: 0;
+      text-align: right;
+      color: $mediumgray;
+
+      a {
+        color: $mediumgray;
+        @include font-size(13);
+      }
+    }
+  }
 }
 
 .card-section {
@@ -107,5 +94,4 @@
   button {
     text-align: center;
   }
-
 }