Changeset 12096 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/components/_page-lesson-plan.scss

Timestamp:

09/28/2022 11:18:13 PM (4 years ago)

Author:

adamwood

Message:

Learn: Sync with git WordPress/learn@f49e45d

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/components/_page-lesson-plan.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/components/_page-lesson-plan.scss

@@ -1 +1 @@
 .lp {
+        &-taxonomy,
+        &-two-col {
+                .button {
+                        height: auto;
+                        box-shadow: none;
+                        font-size: 1rem;
+                        font-weight: 700;
+                }
+        }
+
         &-taxonomy {
+                margin: 2rem 0;
+
                 &-header {
-                        width: 100%;
-                        flex-basis: 100%;
                         font-weight: 400;
                         color: #555d66;
@@ -13 +23 @@
                 &-description {
                         margin-bottom: 2rem;
-                        width: 100%;
-                        flex-basis: 100%;
                         color: #555d66;
                 }
 
-                .card-grid {
-                        justify-content: flex-start;
+                .card {
+                        text-align: center;
 
-                        .card {
-                                text-align: center;
-                                margin-top: 0;
-                                margin-bottom: 1rem;
-
-                                a:hover,
-                                a:focus {
-                                        text-decoration: none;
-                                        display: block;
-                                }
-
-                                .dashicons {
-                                        width: 80px;
-                                        height: 80px;
-                                        font-size: 80px;
-                                        margin: 0 auto 32px;
-                                        color: #606a73;
-                                }
-
-                                .taxonomy-title {
-                                        margin-bottom: 0;
-                                        font-weight: 700;
-
-                                        a {
-                                                color: #555d66;
-                                                text-decoration: none;
-                                        }
-                                }
-                        }
-
-                        @media only screen and (min-width: $breakpoint-tablet) {
-                                margin: 1.5rem -0.5rem;
+                        .dashicons {
+                                width: 80px;
+                                height: 80px;
+                                font-size: 80px;
+                                margin: 0 auto 32px;
+                                color: #606a73;
                         }
                 }
@@ -83 +65 @@
 
                         li {
-                                padding: 1.0625rem;
                                 margin-bottom: 0.5rem;
-                                background: #fbfbfc;
-                                border: 1px solid #ccd0d4;
-                                border-radius: 3px;
-                                position: relative;
 
                                 &:last-child {
@@ -94 +71 @@
                                 }
 
-                                a {
-                                        text-decoration: none;
-                                        font-weight: 700;
-                                        color: #555d66;
+                                > a {
                                         display: flex;
                                         flex: 1;
                                         justify-content: space-between;
-                                        line-height: 24px;
+                                        padding: 1rem;
                                 }