WordPress.org

Making WordPress.org

Changeset 3398


Ignore:
Timestamp:
06/17/2016 08:59:29 AM (3 years ago)
Author:
obenland
Message:

Plugin Directory: Visual hierarchy for headings in plugin detail.

See #1719.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

    r3397 r3398  
    239239}
    240240
    241 h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1, h4, h5, .page h2, h6 {
     241h1, h2, h3, h4, h5, h6 {
    242242  clear: both;
    243243  font-family: inherit;
     
    255255  font-size: 12.8px;
    256256  font-size: 0.8rem;
     257  color: #21759b;
    257258  font-weight: 600;
     259  letter-spacing: 0.05rem;
    258260  text-transform: uppercase;
    259   letter-spacing: 0.05rem;
    260   color: #21759b;
    261261}
    262262
     
    267267}
    268268
    269 h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1 {
     269h3 {
    270270  font-size: 25px;
    271271  font-size: 1.5625rem;
     
    276276  font-size: 20px;
    277277  font-size: 1.25rem;
    278   font-weight: 600;
    279278  border: none;
    280279  color: #32373c;
     280  font-weight: 600;
    281281  padding: 0;
    282282}
    283283
    284 h5, .page h2 {
     284h5 {
    285285  font-size: 16px;
    286286  font-size: 1rem;
     287  font-weight: 600;
     288  letter-spacing: 0.01rem;
    287289  text-transform: uppercase;
    288   letter-spacing: 0.01rem;
    289   font-weight: 600;
    290290}
    291291
     
    294294  font-size: 0.8rem;
    295295  font-weight: 600;
     296  letter-spacing: 0.05rem;
    296297  text-transform: uppercase;
    297   letter-spacing: 0.05rem;
    298298}
    299299
     
    17971797
    17981798.plugin-section .section-title {
     1799  font-size: 25px;
     1800  font-size: 1.5625rem;
     1801  font-weight: 400;
    17991802  margin-bottom: 3rem;
    18001803}
     
    18311834}
    18321835
     1836.site-main .page-title {
     1837  font-size: 25px;
     1838  font-size: 1.5625rem;
     1839  font-weight: 400;
     1840}
     1841
    18331842.home .type-plugin,
    18341843.search .type-plugin,
     
    18871896  font-size: 16px;
    18881897  font-size: 1rem;
     1898  line-height: 1.3;
    18891899  margin: 0 0 8px;
    1890   line-height: 1.3;
    18911900}
    18921901
     
    19531962
    19541963.single .type-plugin .plugin-banner {
     1964  background-position: 50% 50%;
    19551965  background-size: 100%;
    1956   background-position: 50% 50%;
    19571966  display: inline-block;
    19581967  font-size: 0;
     
    19751984
    19761985.single .type-plugin .plugin-header .plugin-thumbnail {
     1986  display: none;
    19771987  float: right;
    1978   display: none;
    19791988  height: 96px;
    19801989  margin-left: 1rem;
     
    20002009.single .type-plugin .plugin-header .plugin-title {
    20012010  clear: none;
     2011  font-size: 25px;
     2012  font-size: 1.5625rem;
     2013  font-weight: 400;
    20022014  margin: 0;
    20032015}
     
    20252037  overflow: hidden;
    20262038  padding-bottom: 1px;
     2039}
     2040
     2041.single .type-plugin .entry-content .read-more h1, .single .type-plugin .entry-content .read-more h2, .single .type-plugin .entry-content .read-more h3 {
     2042  font-size: 16px;
     2043  font-size: 1rem;
     2044  font-weight: 600;
     2045  letter-spacing: 0.01rem;
     2046  text-transform: uppercase;
     2047}
     2048
     2049.single .type-plugin .entry-content .read-more h4, .single .type-plugin .entry-content .read-more h5, .single .type-plugin .entry-content .read-more h6 {
     2050  font-size: 12.8px;
     2051  font-size: 0.8rem;
     2052  font-weight: 600;
     2053  letter-spacing: 0.05rem;
     2054  text-transform: uppercase;
    20272055}
    20282056
     
    21852213  max-width: 35.527136788rem;
    21862214  padding: 0 2rem;
     2215}
     2216
     2217.page h1 {
     2218  font-size: 25px;
     2219  font-size: 1.5625rem;
     2220  font-weight: 400;
     2221}
     2222
     2223.page h2 {
     2224  font-size: 16px;
     2225  font-size: 1rem;
     2226  font-weight: 600;
     2227  letter-spacing: 0.01rem;
     2228  text-transform: uppercase;
    21872229}
    21882230
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3397 r3398  
    239239}
    240240
    241 h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1, h4, h5, .page h2, h6 {
     241h1, h2, h3, h4, h5, h6 {
    242242  clear: both;
    243243  font-family: inherit;
     
    255255  font-size: 12.8px;
    256256  font-size: 0.8rem;
     257  color: #21759b;
    257258  font-weight: 600;
     259  letter-spacing: 0.05rem;
    258260  text-transform: uppercase;
    259   letter-spacing: 0.05rem;
    260   color: #21759b;
    261261}
    262262
     
    267267}
    268268
    269 h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1 {
     269h3 {
    270270  font-size: 25px;
    271271  font-size: 1.5625rem;
     
    276276  font-size: 20px;
    277277  font-size: 1.25rem;
    278   font-weight: 600;
    279278  border: none;
    280279  color: #32373c;
     280  font-weight: 600;
    281281  padding: 0;
    282282}
    283283
    284 h5, .page h2 {
     284h5 {
    285285  font-size: 16px;
    286286  font-size: 1rem;
     287  font-weight: 600;
     288  letter-spacing: 0.01rem;
    287289  text-transform: uppercase;
    288   letter-spacing: 0.01rem;
    289   font-weight: 600;
    290290}
    291291
     
    294294  font-size: 0.8rem;
    295295  font-weight: 600;
     296  letter-spacing: 0.05rem;
    296297  text-transform: uppercase;
    297   letter-spacing: 0.05rem;
    298298}
    299299
     
    17971797
    17981798.plugin-section .section-title {
     1799  font-size: 25px;
     1800  font-size: 1.5625rem;
     1801  font-weight: 400;
    17991802  margin-bottom: 3rem;
    18001803}
     
    18311834}
    18321835
     1836.site-main .page-title {
     1837  font-size: 25px;
     1838  font-size: 1.5625rem;
     1839  font-weight: 400;
     1840}
     1841
    18331842.home .type-plugin,
    18341843.search .type-plugin,
     
    18871896  font-size: 16px;
    18881897  font-size: 1rem;
     1898  line-height: 1.3;
    18891899  margin: 0 0 8px;
    1890   line-height: 1.3;
    18911900}
    18921901
     
    19531962
    19541963.single .type-plugin .plugin-banner {
     1964  background-position: 50% 50%;
    19551965  background-size: 100%;
    1956   background-position: 50% 50%;
    19571966  display: inline-block;
    19581967  font-size: 0;
     
    19751984
    19761985.single .type-plugin .plugin-header .plugin-thumbnail {
     1986  display: none;
    19771987  float: left;
    1978   display: none;
    19791988  height: 96px;
    19801989  margin-right: 1rem;
     
    20002009.single .type-plugin .plugin-header .plugin-title {
    20012010  clear: none;
     2011  font-size: 25px;
     2012  font-size: 1.5625rem;
     2013  font-weight: 400;
    20022014  margin: 0;
    20032015}
     
    20252037  overflow: hidden;
    20262038  padding-bottom: 1px;
     2039}
     2040
     2041.single .type-plugin .entry-content .read-more h1, .single .type-plugin .entry-content .read-more h2, .single .type-plugin .entry-content .read-more h3 {
     2042  font-size: 16px;
     2043  font-size: 1rem;
     2044  font-weight: 600;
     2045  letter-spacing: 0.01rem;
     2046  text-transform: uppercase;
     2047}
     2048
     2049.single .type-plugin .entry-content .read-more h4, .single .type-plugin .entry-content .read-more h5, .single .type-plugin .entry-content .read-more h6 {
     2050  font-size: 12.8px;
     2051  font-size: 0.8rem;
     2052  font-weight: 600;
     2053  letter-spacing: 0.05rem;
     2054  text-transform: uppercase;
    20272055}
    20282056
     
    21852213  max-width: 35.527136788rem;
    21862214  padding: 0 2rem;
     2215}
     2216
     2217.page h1 {
     2218  font-size: 25px;
     2219  font-size: 1.5625rem;
     2220  font-weight: 400;
     2221}
     2222
     2223.page h2 {
     2224  font-size: 16px;
     2225  font-size: 1rem;
     2226  font-weight: 600;
     2227  letter-spacing: 0.01rem;
     2228  text-transform: uppercase;
    21872229}
    21882230
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_front-page.scss

    r3193 r3398  
    1616
    1717    .section-title {
    18         @extend h3;
     18        @include font-size( ms-unitless( ms(4) ) );
     19        font-weight: 400;
    1920        margin-bottom: 3rem;
    2021    }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss

    r3261 r3398  
    1919
    2020    .page-title {
    21         @extend h3;
     21        @include font-size( ms-unitless( ms(4) ) );
     22        font-weight: 400;
    2223    }
    2324}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_page.scss

    r3345 r3398  
    99
    1010    h1 {
    11         @extend h3;
     11        @include font-size( ms-unitless( ms(4) ) );
     12        font-weight: 400;
    1213    }
    1314
    1415    h2 {
    15         @extend h5;
     16        @include font-size( ms-unitless( ms(0) ) );
     17        font-weight: 600;
     18        letter-spacing: 0.01rem;
     19        text-transform: uppercase;
    1620    }
    1721
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss

    r3394 r3398  
    3939    .entry-title {
    4040        @include font-size( ms-unitless( ms(0) ) );
     41        line-height: 1.3;
    4142        margin: 0 0 8px;
    42         line-height: 1.3;
    4343
    4444        a {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

    r3356 r3398  
    88
    99    .plugin-banner {
     10        background-position: 50% 50%;
    1011        background-size: 100%;
    11         background-position: 50% 50%;
    1212        display: inline-block;
    1313        font-size: 0;
     
    2929
    3030        .plugin-thumbnail {
     31            display: none;
    3132            float: left;
    32             display: none;
    3333            height: 96px;
    3434            margin-right: 1rem;
     
    5353        .plugin-title {
    5454            clear: none;
    55             @extend h3;
     55            @include font-size( ms-unitless( ms(4) ) );
     56            font-weight: 400;
    5657            margin: 0;
    5758        }
     
    7778            overflow:hidden;
    7879            padding-bottom: 1px;
     80
     81            h1, h2, h3 {
     82                @include font-size( ms-unitless( ms(0) ) );
     83                font-weight: 600;
     84                letter-spacing: 0.01rem;
     85                text-transform: uppercase;
     86            }
     87
     88            h4, h5, h6 {
     89                @include font-size( ms-unitless( ms(-2) ) );
     90                font-weight: 600;
     91                letter-spacing: 0.05rem;
     92                text-transform: uppercase;
     93            }
    7994
    8095            p:first-child {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_headings.scss

    r3347 r3398  
    1818h1.title {
    1919    @include font-size( ms-unitless( ms(-2) ) );
     20    color: $color__link;
    2021    font-weight: 600;
     22    letter-spacing: 0.05rem;
    2123    text-transform: uppercase;
    22     letter-spacing: 0.05rem;
    23     color: $color__link;
    2424}
    2525
     
    3636h4 {
    3737    @include font-size( ms-unitless( ms(2) ) );
    38     font-weight: 600;
    3938
    4039    // Override wp4.css.
    4140    border: none;
    4241    color: $color__text-main;
     42    font-weight: 600;
    4343    padding: 0;
    4444}
     
    4646h5 {
    4747    @include font-size( ms-unitless( ms(0) ) );
     48    font-weight: 600;
     49    letter-spacing: 0.01rem;
    4850    text-transform: uppercase;
    49     letter-spacing: 0.01rem;
    50     font-weight: 600;
    5151}
    5252
     
    5454    @include font-size( ms-unitless( ms(-2) ) );
    5555    font-weight: 600;
     56    letter-spacing: 0.05rem;
    5657    text-transform: uppercase;
    57     letter-spacing: 0.05rem;
    5858}
Note: See TracChangeset for help on using the changeset viewer.