Making WordPress.org


Ignore:
Timestamp:
10/04/2017 06:38:13 PM (7 years ago)
Author:
obenland
Message:

Main: Introduce cube grid to manage small sceens

Adds a comfortable way to manage page structure and widget arrangement on small
screens.

See #2861.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_template-get.scss

    r4885 r5998  
    11.page-template-get {
    22    .site-header {
    3         padding: ms(4) ms(1);
     3        padding: ms( 4 ) ms( 1 );
    44        text-align: center;
    55    }
     
    1212
    1313    section {
    14         padding: ms(10) ms(4);
     14        padding: ms( 10 ) ms( 4 );
    1515    }
    1616
     
    1818        text-align: center;
    1919
    20         @media (min-width: $ms-breakpoint) {
     20        @include breakpoint( $ms-breakpoint ) {
    2121            .container {
    2222                text-align: initial;
     
    6060                > div {
    6161                    float: left;
    62                     font-size: ms(-2);
     62                    font-size: ms( -2 );
    6363                    margin-right: 5%;
    6464                    width: 30%;
     
    8787            }
    8888
    89             @media (min-width: $ms-breakpoint) {
     89            @include breakpoint( $ms-breakpoint ) {
    9090                margin: 4rem auto 0;
    9191            }
     
    109109        margin: 2rem 0 2rem;
    110110
    111         @media (min-width: $ms-breakpoint) {
    112             font-size: ms(-2);
     111        @include breakpoint( $ms-breakpoint ) {
     112            font-size: ms( -2 );
    113113            margin: 4rem 0 2rem;
    114114        }
Note: See TracChangeset for help on using the changeset viewer.