Changeset 5998 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_widget-area.scss

Timestamp:

10/04/2017 06:38:13 PM (8 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:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_widget-area.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_widget-area.scss

@@ -1 +1 @@
 .widget-area {
     font-size: ms( -2 );
+
+    @include breakpoint( 480px, $sm ) {
+        @include flex;
+
+        .widget {
+            width: calc( 50% - #{$grid-gutter} );
+        }
+    }
 }