Changeset 14174 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss

Timestamp:

11/13/2024 05:05:29 AM (4 months ago)

Author:

dufresnesteven

Message:

wporg-support-2024: Replace ratings bars/stars with share component.

See: ​https://github.com/WordPress/wordpress.org/pull/408
Related: r14173

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss

@@ -1344 +1344 @@
     .review-ratings {
 
-        @extend .clear;
-        margin-bottom: ms(0);
-        padding-bottom: 10px;
+        margin-bottom: var(--wp--preset--spacing--20);
+        padding-bottom: var(--wp--preset--spacing--20);
         border-bottom: 1px solid var(--wp--custom--color--border);
         display: flex;
-        flex-direction: row-reverse;
-
-        .col-3 {
+
+        > div:first-child {
             font-size: ms(-2);
-            margin: 0;
+            width: 60%;
+            min-width: 54%;
+            flex-shrink: 0;
+        }
+
+        > div:last-child {
+            margin: 0 0 10px 0;
+            padding-right: 10px;
             min-width: 40%;
-            border-top: 1px solid var(--wp--custom--color--border);
-            flex-shrink: 0;
+            font-size: ms(-2);
 
             .reviews-total-count {
@@ -1364 +1368 @@
             }
 
-            .counter-bar {
-                background-color: var(--wp--preset--color--pomegrade-1) !important;
-            }
-        }
-
-        .col-5 {
-            margin: 0 0 10px 0;
-            padding-right: 10px;
-            width: 60%;
-            min-width: 54%;
-            font-size: ms(-2);
-
             > div:first-child {
-
                 @extend h4;
                 margin-top: 0;
@@ -1393 +1384 @@
 
         @media (max-width: 499px) {
-            flex-direction: column-reverse;
-
-            .col-3, .col-5 {
+            flex-direction: column;
+
+            > div:first-child {
                 width: 100%;
-            }
-        }
-    }
-}
+                margin-bottom: 20px;
+            }
+        }
+    }
+
+    .reviews-submit-link {
+        margin-top: 10px;
+    }
+}