Changeset 6751 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-logos.scss

Timestamp:

02/26/2018 03:36:02 AM (7 years ago)

Author:

obenland

Message:

Main: Update logos page to specifications.

Props mapk.
See #3046.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-logos.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-logos.scss

@@ -1 +1 @@
 .page-logos {
-    th {
-        height: 165px;
-        text-align: center;
-        vertical-align: middle;
+    @include breakpoint( 480px, 767px ) {
+        .all-logos.row {
+            flex-direction: row;
+            flex-wrap: wrap;
+
+            .col-4 {
+                width: calc( 50% - #{$grid-gutter} );
+
+                &:nth-child(n+3) {
+                    margin-top: #{$grid-gutter};
+                }
+            }
+        }
     }
 
-    small {
-        color: #999;
+    .logo-header {
+        margin: 0;
+
+        strong,
+        span {
+            display: block;
+            font-size: 16px;
+            line-height: 1;
+            color: rgba( 35, 40, 45, 0.75 );
+            margin: 0.75rem 0 0.5rem;
+        }
+
+        span {
+            font-size: ms( -2 );
+            margin: 0 0 1rem;
+        }
+    }
+
+    .resources-list {
+        color: rgba( 35, 40, 45, 0.5 );
+        font-size: ms( 0 );
+        list-style-type: none;
+        margin: 0;
+
+        @include breakpoint( 768px ) {
+            font-size: ms( -3 );
+        }
+
+        li {
+            padding: 0 0 0.333rem;
+        }
+
+        span {
+            opacity: .5;
+        }
     }
 }