Changeset 3427 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

Timestamp:

06/18/2016 12:33:56 PM (10 years ago)

Author:

obenland

Message:

Plugin Directory: Second pass at plugin reviews o plugin detail.

See #1719.`

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

@@ -109 +109 @@
                 font-weight: 600;
                 padding: 0;
+                text-transform: inherit;
             }
 
@@ -138 +139 @@
         }
 
+        .reviews-link {
+            @include font-size( ms-unitless( ms(-2) ) );
+            margin-top: 0.5rem;
+            position: relative;
+
+            &:after {
+                content: "\f345";
+                font-family: dashicons;
+                padding-left: 5px;
+                vertical-align: text-top;
+            }
+        }
+
         .plugin-screenshots {
             list-style-type: none;
@@ -145 +159 @@
             figcaption {
                 font-style: italic;
+            }
+        }
+
+        .plugin-reviews {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+
+            .plugin-review + .plugin-review {
+                margin: 32px 0 16px;
+                margin: 2rem 0 1rem;
+            }
+
+            .review-avatar {
+                display: none;
+            }
+
+            .review,
+            .wporg-ratings,
+            .review-author {
+                display: inline-block;
+                vertical-align: top;
+            }
+
+            .review-header {
+                margin: 0 0 8px;
+                margin: 0 0 0.5rem;
+            }
+
+            .review-title {
+                @include font-size( ms-unitless( ms(0) ) );
+                font-weight: 600;
+                letter-spacing: 0.01rem;
+                margin: 0 0 8px;
+                margin: 0 0 0.5rem;
+                text-transform: uppercase;
+            }
+
+            .review-author {
+                line-height: 1.25;
+                margin-left: 10px;
+            }
+
+            @media screen and ( min-width: $ms-breakpoint ) {
+                .review-avatar {
+                    display: inline-block;
+                    vertical-align: top;
+
+                    .avatar {
+                        margin-right: 16px;
+                        margin-right: 1rem;
+                    }
+                }
+
+                .review {
+                    width: calc(100% - 60px - 1rem);
+                }
+
+                .review-header {
+                    margin: 0;
+                }
+
+                .review-author {
+                    line-height: 1;
+                }
             }
         }
@@ -162 +241 @@
                 }
             }
-
-            .avatar {
-                border-radius: 50%;
-                margin-right: 10px;
-                vertical-align: middle;
-            }
-        }
-    }
+        }
+
+        .avatar {
+            border-radius: 50%;
+            margin-right: 10px;
+            vertical-align: middle;
+        }
+    }
+
     @media screen and ( min-width: $ms-breakpoint ) {
         .entry-meta {