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 copied
1 moved

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/page/style.scss

    r3844 r3847  
    1 @import "../../variables-site/variables-site";
    2 
    31.page {
    42    .entry-header {
    5         margin-top: 32px;
    63        margin-top: 2rem;
    74
    85        .entry-title {
    9             @include font-size(ms-unitless(ms(4)));
     6            font-size: ms( 4 );
    107            font-weight: 400;
    118            margin: 0 auto;
     
    1310
    1411            @media screen and ( min-width: $ms-breakpoint ) {
    15                 padding: 0 32px;
    1612                padding: 0 2rem;
    1713            }
     
    1915    }
    2016
    21 
    2217    .entry-content {
    2318        h2 {
    24             @include font-size(ms-unitless(ms(4)));
     19            font-size: ms( 4 );
    2520            font-weight: 400;
    2621        }
    2722
    2823        h3 {
    29             @include font-size(ms-unitless(ms(0)));
     24            font-size: ms( 0 );
    3025            font-weight: 600;
    31             letter-spacing: 0.16px;
    3226            letter-spacing: 0.01rem;
    3327            text-transform: uppercase;
     
    3529
    3630        section {
    37             padding: 32px 0;
    3831            padding: 2rem 0;
    3932
     
    4336
    4437                @media screen and ( min-width: $ms-breakpoint ) {
    45                     padding: 0 32px;
    4638                    padding: 0 2rem;
    4739                }
Note: See TracChangeset for help on using the changeset viewer.