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
2 moved

Legend:

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

    r3844 r3847  
    5353    }
    5454}
    55 
    56 .site-header {
    57     background: $color__wp-blue;
    58     padding: 16px 0;
    59     padding: 1rem 0;
    60     position: relative;
    61 
    62     .site-branding {
    63         margin: 0 auto;
    64         max-width: $size__site-main;
    65         padding: 0 ms(4);
    66 
    67         @media screen and ( min-width: $ms-breakpoint ) {
    68             padding: 0 10px;
    69         }
    70     }
    71 
    72     .site-title {
    73         display: inline-block;
    74         @include font-size( ms-unitless( ms(4) ) );
    75         font-weight: 300;
    76         line-height: 1;
    77         margin: 0 32px 0 0;
    78         margin: 0 2rem 0 0;
    79         max-width: none;
    80 
    81         a {
    82             color: #fff;
    83             font-weight: 300;
    84 
    85             &:hover,
    86             &:focus,
    87             &:active {
    88                 text-decoration: none;
    89             }
    90         }
    91     }
    92 
    93     .site-description {
    94         color: rgba( 255, 255, 255, 0.8);
    95         @include font-size(ms-unitless(ms(2)));
    96         font-weight: 300;
    97         margin: -6.4px auto 32px;
    98         margin: -0.4rem auto 2rem;
    99         text-align: center;
    100     }
    101 
    102     &.home {
    103         padding: ms(4) ms(1);
    104         text-align: center;
    105 
    106         .site-title {
    107             display: inherit;
    108             @include font-size( ms-unitless( ms(12) ) );
    109             margin: 32px 0 16px;
    110             margin: 2rem 0 1rem;
    111         }
    112     }
    113 }
Note: See TracChangeset for help on using the changeset viewer.