Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.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/sass/blocks/_blocks.scss (modified) (17 diffs)

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

@@ -42 +42 @@
 
         @include media(tablet) {
-            margin-left: calc(1 * (100vw / 12));
-            margin-right: calc(1 * (100vw / 12));
-            max-width: calc(10 * (100vw / 12));
+            margin-left: calc(2 * (100vw / 12));
+            margin-right: calc(2 * (100vw / 12));
+            max-width: calc(8 * (100vw / 12));
         }
     }
@@ -82 +82 @@
             margin-left: calc(2 * #{$size__spacing-unit});
             margin-right: calc(2 * (100vw / 12));
+        }
+    }
+    &.aligncenter {
+
+        margin-left: auto;
+        margin-right: auto;
+
+        @include media(desktop) {
+            margin-left: calc(2 * (100vw / 12));
+            margin-right: calc(2 * (100vw / 12));
+            max-width: calc(10 * (100vw / 12));
+            position: relative;
+            left: 25%;
+            transform: translate(-50%);
         }
     }
@@ -132 +146 @@
             box-sizing: border-box;
             font-weight: bold;
-            padding: ($size__spacing-unit * .66) $size__spacing-unit;
+            text-decoration: none;
+            padding: ($size__spacing-unit * .76) $size__spacing-unit;
             outline: none;
             color: white;
@@ -161 +176 @@
             @include button-all-transition;
             background: transparent;
-            border: 2px solid $color__background-button;
-
-            &:not(.has-text-color) {
-                color: $color__background-button;
-            }
+            border: 2px solid currentColor;
+            color: $color__background-button;
         }
 
         &.is-style-outline .wp-block-button__link:hover {
-            border-color: $color__background-button-hover;
             color: $color__background-button-hover;
         }
@@ -187 +198 @@
             font-weight: bold;
             line-height: $font__line-height-heading;
-
-            a:after {
-                color: $color__text-light;
-                content: ",";
-            }
-
-            &:last-child a:after {
-                color: $color__text-light;
-                content: ".";
+            
+            &:not(.menu-item-has-children) {
+                padding-bottom: ( .75 * $size__spacing-unit );
+            }
+
+            a {
+                text-decoration: none;
+            }
+            
+            ul {
+                padding-left: $size__spacing-unit;
             }
         }
@@ -234 +247 @@
     }
 
-    // !Paragraphs
+    //! Paragraphs
     .has-drop-cap {
         &:not(:focus):first-letter {
@@ -245 +258 @@
     }
 
-    // !Pullquote
+    //! Pullquote
     .wp-block-pullquote {
         border: none;
@@ -251 +264 @@
 
         blockquote {
+            color: $color__text-main;
             border: none;
             padding-bottom: calc(2 * #{$size__spacing-unit});
@@ -262 +276 @@
             margin-bottom: 0.5em;
             margin-top: 0.5em;
-            color: $color__text-main;
 
             em {
@@ -279 +292 @@
             line-height: 1.6;
             text-transform: none;
-            color: $color__text-light;
         }
 
@@ -296 +308 @@
         &.is-style-solid-color {
 
+            background-color: $color__link;
+
             p {
                 font-size: $font__size-lg;
@@ -307 +321 @@
             }
 
+            a {
+                color: $color__background-body;
+            }
+
             blockquote {
+                color: $color__background-body;
                 margin: 0 auto;
             }
 
-            blockquote:not(.has-text-color) p,
-            cite {
-                color: white;
-            }
-
-            &:not(.has-background-color) {
+            .has-primary-background-color {
                 background-color: $color__link;
             }
@@ -406 +420 @@
 
     //! Cover Image
-    .wp-block-cover-image {
+    .wp-block-cover-image,
+    .wp-block-cover {
 
         .wp-block-cover-image-text,
+        .wp-block-cover-text,
         h2 {
             font-family: $font__heading;
@@ -433 +449 @@
         &.aligncenter {
             h2,
-            .wp-block-cover-image-text {
+            .wp-block-cover-image-text,
+            .wp-block-cover-text {
                 width: 100%;
                 z-index: 1;
@@ -447 +464 @@
 
             h2,
-            .wp-block-cover-image-text {
+            .wp-block-cover-image-text,
+            .wp-block-cover-text {
                 padding: $size__spacing-unit;
             }
@@ -456 +474 @@
 
             h2,
-            .wp-block-cover-image-text {
+            .wp-block-cover-image-text,
+            .wp-block-cover-text {
                 padding: $size__spacing-unit;
             }
@@ -629 +648 @@
         }
     }
+
+    //! Custom colors
+    .has-primary-background-color {
+        background-color: $color__link;
+
+        p,
+        h1, 
+        h2,
+        h3,
+        h4,
+        h5,
+        h6, 
+        a {
+            color: $color__background-body;
+        }
+    }
 }