Changeset 43860 for branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

Timestamp:

11/02/2018 11:52:16 PM (7 years ago)

Author:

allancole

Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (modified) (10 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -3 +3 @@
 .entry-content > *,
 .entry-summary > * {
+    @include postContentMaxWidth();
 
     margin: 32px $size__spacing-unit;
-    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
 
     @include media(tablet) {
         margin: 32px calc(2 * (100vw / 12));
-        max-width: calc(8 * (100vw / 12));
-    }
-
-    @include media(desktop) {
-        max-width: calc(6 * (100vw / 12));
-    }
-
+    }
 /*
     // Set top margins for headings
@@ -123 +117 @@
                 max-width: (0.33 * $desktop_width);
             }
+        }
+
+        &.aligncenter {
+            margin: 32px calc(2 * (100vw / 12));
+            max-width: calc(6 * (100vw / 12));
         }
     }
@@ -195 +194 @@
             color: $color__text-light;
             font-family: $font__heading;
-            font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
+            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
             font-weight: bold;
             line-height: $font__line-height-heading;
-            
+
             &:not(.menu-item-has-children) {
                 padding-bottom: ( .75 * $size__spacing-unit );
@@ -206 +205 @@
                 text-decoration: none;
             }
-            
+
             ul {
                 padding-left: $size__spacing-unit;
@@ -460 +459 @@
         }
 
+        &.aligncenter {
+            margin: 32px calc(2 * (100vw / 12));
+            max-width: calc(6 * (100vw / 12));
+        }
+
         &.has-left-content {
             justify-content: center;
@@ -498 +502 @@
         margin: 0;
         padding: ( $size__spacing-unit * .5 );
-        text-align: left;
+        text-align: center;
     }
 
@@ -506 +510 @@
         margin-bottom: (2 * $size__spacing-unit);
         margin-top: (2 * $size__spacing-unit);
+        text-align: left;
 
         &:not(.is-style-dots) {
@@ -527 +532 @@
         }
 
-        &.is-style-dots:before {
-            color: $color__text-light;
-            font-size: $font__size-lg;
-            letter-spacing: $font__size-sm;
-            padding-left: $font__size-sm;
+        &.is-style-dots {
+            @include postContentMaxWidth();
+            text-align: center;
+
+            &:before {
+                color: $color__text-light;
+                font-size: $font__size-lg;
+                letter-spacing: $font__size-sm;
+                padding-left: $font__size-sm;
+            }
         }
     }
@@ -589 +599 @@
         code {
             font-size: $font__size-md;
+            white-space: pre-wrap;
+                        word-break: break-word;
         }
     }
@@ -654 +666 @@
 
         p,
-        h1, 
+        h1,
         h2,
         h3,
         h4,
         h5,
-        h6, 
+        h6,
         a {
             color: $color__background-body;