Changeset 3205 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss

Timestamp:

05/20/2016 10:13:57 PM (10 years ago)

Author:

obenland

Message:

Plugin Directory: Let the plugin rating break down shine.

Adds syles to show the breakdown of ratings by star level.

See #1719.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss

@@ -32 +32 @@
         }
 }
+
+.plugin-ratings {
+        @include font-size( ms-unitless( ms(-2) ) );
+
+        [class*='dashicons-star-'] {
+                color: #FFB900;
+                display: inline-block;
+                @include font-size( ms-unitless( ms(4) ) );
+                height: auto;
+                margin: 0;
+                width: auto;
+        }
+
+        .ratings-list {
+                list-style-type: none;
+                margin: 1rem 0;
+                padding: 0;
+
+                .counter-container,
+                .counter-container a {
+                        width: 100%;
+                }
+
+                .counter-label {
+                        display: inline-block;
+                        min-width: 58px;
+                }
+
+                .counter-back,
+                .counter-bar {
+                        display: inline-block;
+                        height: 1rem;
+                        vertical-align: middle;
+                }
+
+                .counter-back {
+                        background-color: #ececec;
+                        width: 58%;
+                        width: calc(100% - 130px);
+                }
+
+                .counter-bar {
+                        background-color: #ffc733;
+                        display: block;
+                }
+
+                .counter-count {
+                        margin-left: 3px;
+                }
+        }
+}
+
+.plugin-support {
+        @include font-size( ms-unitless( ms(-2) ) );
+}
+
+.plugin-meta ul {
+        @include font-size( ms-unitless( ms(-2) ) );
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+
+        li {
+                padding: 0.5rem 0;
+                border-top: 1px solid #eee;
+        }
+}