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/site/primary/plugin/section/_faq.scss

    r3832 r3847  
    33.plugin-faqs {
    44    h2:first-of-type {
    5         @include font-size( ms-unitless( ms(2) ) );
     5        font-size: ms( 2 );
    66        font-weight: 600;
    7         letter-spacing: 0.16px;
    87        letter-spacing: 0.01rem;
    98        text-transform: uppercase;
     
    1211        border: none;
    1312        color: $color__text-main;
    14         font-weight: 600;
    1513        padding: 0;
    1614        text-transform: inherit;
     
    2422        border-top: 1px solid $color__border;
    2523        cursor: pointer;
    26         @include font-size( ms-unitless( ms(0) ) );
     24        font-size: ms( 0 );
    2725        font-weight: 600;
    28         letter-spacing: 0.8px;
    2926        letter-spacing: 0.05rem;
    30         padding: 16px 0;
    3127        padding: 1rem 0;
    3228        text-transform: uppercase;
     
    3632            float: right;
    3733            font-family: dashicons;
    38             margin: 0 16px;
    3934            margin: 0 1rem;
    4035        }
     
    4742    dd {
    4843        display: none;
    49         margin: 0 0 16px;
    5044        margin: 0 0 1rem;
    5145
     
    5549
    5650        & p + p {
    57             margin-top: 16px;
    5851            margin-top: 1rem;
    5952        }
Note: See TracChangeset for help on using the changeset viewer.