Making WordPress.org


Ignore:
Timestamp:
05/20/2016 10:13:57 PM (9 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:
1 edited

Legend:

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

    r3200 r3205  
    3232    }
    3333}
     34
     35.plugin-ratings {
     36    @include font-size( ms-unitless( ms(-2) ) );
     37
     38    [class*='dashicons-star-'] {
     39        color: #FFB900;
     40        display: inline-block;
     41        @include font-size( ms-unitless( ms(4) ) );
     42        height: auto;
     43        margin: 0;
     44        width: auto;
     45    }
     46
     47    .ratings-list {
     48        list-style-type: none;
     49        margin: 1rem 0;
     50        padding: 0;
     51
     52        .counter-container,
     53        .counter-container a {
     54            width: 100%;
     55        }
     56
     57        .counter-label {
     58            display: inline-block;
     59            min-width: 58px;
     60        }
     61
     62        .counter-back,
     63        .counter-bar {
     64            display: inline-block;
     65            height: 1rem;
     66            vertical-align: middle;
     67        }
     68
     69        .counter-back {
     70            background-color: #ececec;
     71            width: 58%;
     72            width: calc(100% - 130px);
     73        }
     74
     75        .counter-bar {
     76            background-color: #ffc733;
     77            display: block;
     78        }
     79
     80        .counter-count {
     81            margin-left: 3px;
     82        }
     83    }
     84}
     85
     86.plugin-support {
     87    @include font-size( ms-unitless( ms(-2) ) );
     88}
     89
     90.plugin-meta ul {
     91    @include font-size( ms-unitless( ms(-2) ) );
     92    list-style-type: none;
     93    margin: 0;
     94    padding: 0;
     95
     96    li {
     97        padding: 0.5rem 0;
     98        border-top: 1px solid #eee;
     99    }
     100}
Note: See TracChangeset for help on using the changeset viewer.