WordPress.org

Making WordPress.org


Ignore:
Timestamp:
08/23/2016 10:35:28 PM (3 years ago)
Author:
obenland
Message:

Plugin Directory: Restructuring Sass and React client.

Merges Sass files into the React component structure. This allows styles to be
bundled with their React components. In an ideal world that would extend to
their PHP fallback templates as well, but it remains to be seen how feasible
that is.
Also introduces Sass Globbing and Pixrem pre-processing to automatically import
Sass files and add pixel fallbacks for rem values.

See #1719.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client
Files:
1 edited
2 moved

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/typography/_headings.scss

    r3676 r3847  
    88    font-family: inherit;
    99    line-height: $font__line-height-body;
    10     margin: 32px 0 16px;
    1110    margin: 2rem 0 1rem;
    1211}
    1312
    1413h1 {
    15     @include font-size( ms-unitless( ms(12) ) );
     14    font-size: ms( 12 );
    1615    font-weight: 300;
    1716}
    1817
    1918h1.title {
    20     @include font-size( ms-unitless( ms(-2) ) );
     19    font-size: ms( -2 );
    2120    color: $color__link;
    2221    font-weight: 600;
    23     letter-spacing: 0.8px;
    2422    letter-spacing: 0.05rem;
    2523    text-transform: uppercase;
     
    2725
    2826h2 {
    29     @include font-size( ms-unitless( ms(8) ) );
     27    font-size: ms( 8 );
    3028    font-weight: 300;
    3129}
    3230
    3331h3 {
    34     @include font-size( ms-unitless( ms(4) ) );
     32    font-size: ms( 4 );
    3533    font-weight: 400;
    3634}
    3735
    3836h4 {
    39     @include font-size( ms-unitless( ms(2) ) );
     37    font-size: ms( 2 );
    4038
    4139    // Override wp4.css.
     
    4745
    4846h5 {
    49     @include font-size( ms-unitless( ms(0) ) );
     47    font-size: ms( 0 );
    5048    font-weight: 600;
    51     letter-spacing: 0.16px;
    5249    letter-spacing: 0.01rem;
    5350    text-transform: uppercase;
     
    5552
    5653h6 {
    57     @include font-size( ms-unitless( ms(-2) ) );
     54    font-size: ms( -2 );
    5855    font-weight: 600;
    5956    letter-spacing: 0.8px;
Note: See TracChangeset for help on using the changeset viewer.