Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

Timestamp:

10/30/2018 02:13:07 AM (6 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.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss (modified) (14 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -103 +103 @@
 }
 
+.has-primary-background-color { 
+    
+    p,
+    h1, 
+    h2,
+    h3,
+    h4,
+    h5,
+    h6, 
+    a,
+    a:hover {
+        color: $color__background-body;
+    }
+}
+
 figcaption,
 .gallery-caption {
@@ -124 +139 @@
 }
 
-/** === Cover Image === */
-
-.wp-block-cover-image {
+/** === Cover === */
+
+.wp-block-cover {
 
     h2,
-    .wp-block-cover-image-text {
+    .wp-block-cover-text {
         font-family: $font__heading;
         font-size: $font__size-xl;
@@ -140 +155 @@
 
         h2,
-        .wp-block-cover-image-text {
+        .wp-block-cover-text {
             padding: 1em;
         }
@@ -149 +164 @@
 
         h2,
-        .wp-block-cover-image-text {
+        .wp-block-cover-text {
             padding: 1em;
         }
@@ -155 +170 @@
 }
 
-body[data-type="core/cover-image"][data-align="left"],
-body[data-type="core/cover-image"][data-align="right"] {
+body[data-type="core/cover"][data-align="left"],
+body[data-type="core/cover"][data-align="right"] {
 
     h2,
-    .wp-block-cover-image-text {
+    .wp-block-cover-text {
         width: 100%;
         max-width: 305px;
@@ -165 +180 @@
 }
 
-body[data-type="core/cover-image"][data-align="wide"],
-body[data-type="core/cover-image"][data-align="full"] {
+body[data-type="core/cover"][data-align="wide"],
+body[data-type="core/cover"][data-align="full"] {
 
     @include media(desktop) {
         h2,
-        .wp-block-cover-image-text {
+        .wp-block-cover-text {
             padding: 0;
             width: calc(6 * (100vw / 12));
@@ -201 +216 @@
     }
 
-    .wp-block-button__link:not(.has-background),
-    .wp-block-button__link:not(.has-background) {
+    &:not(.is-style-outline) .wp-block-button__link {
         background: $color__background-button;
     }
@@ -210 +224 @@
     }
 
-    &.is-style-outline .wp-block-button__link,
-    &.is-style-outline .wp-block-button__link:hover,
-    &.is-style-outline .wp-block-button__link:focus,
-    &.is-style-outline .wp-block-button__link:active {
+    &.is-style-outline,
+    &.is-style-outline:hover,
+    &.is-style-outline:focus,
+    &.is-style-outline:active {
         background: transparent;
-        border-color: $color__background-button;
-
-        &:not(.has-text-color) {
-            color: $color__background-button;
+        color: $color__background-button;
+
+        .wp-block-button__link {
+            background: transparent;
+
+            &:not(.has-text-color) {
+                color: $color__background-button;
+            }
         }
     }
@@ -275 +293 @@
         }
 
-        blockquote:not(.has-text-color) p,
-        .wp-block-pullquote__citation {
-            color: white;
+        blockquote:not(.has-text-color) {
+            color: $color__background-body;
         }
 
@@ -303 +320 @@
         margin-bottom: 0.5em;
         margin-top: 0.5em;
-        color: $color__text-main;
 
         @include media(tablet) {
@@ -315 +331 @@
         line-height: 1.6;
         text-transform: none;
-        color: $color__text-light;
     }
 
@@ -335 +350 @@
         .wp-block-pullquote.is-style-solid-color {
             padding: 1em;
-
-            p,
-            .wp-block-pullquote__citation {
-                color: white;
-            }
         }
     }
@@ -426 +436 @@
         line-height: $font__line-height-heading;
 
+        &:not(.menu-item-has-children) {
+            padding-bottom: ( .75 * $size__spacing-unit );
+        }
+
         a {
             text-decoration: none;
-
-            &:after {
-                color: $color__text-light;
-                content: ",";
-            }
-        }
-
-        &:last-child a:after {
-            color: $color__text-light;
-            content: ".";
+        }
+
+        ul {
+            padding-left: $size__spacing-unit;
         }
     }
@@ -500 +508 @@
 
     /* Add style for galleries in classic-editor block */
+    blockquote {
+        border-left: 2px solid $color__link;
+
+        cite {
+            font-family: $font__heading;
+            font-size: $font__size-xs;
+            font-style: normal;
+            line-height: 1.6;
+            color: $color__text-light;
+        }
+    }
+
+    /* Add style for galleries in classic-editor block */
     .gallery {