Changeset 43860 for branches/5.0/src/wp-content/themes/twentynineteen/style.css

Timestamp:

11/02/2018 11:52:16 PM (5 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/style.css (modified) (28 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/style.css

@@ -57 +57 @@
  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Calculates maximum width for post content */
 /* Normalize */
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@@ -959 +960 @@
 }
 
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-right: 0.5rem;
 }
@@ -1015 +1016 @@
 }
 
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-right: 0;
 }
@@ -1083 +1084 @@
 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
-  display: table;
-  margin-top: 0;
-  opacity: 1;
   /* Non-mobile position */
 }
@@ -1094 +1092 @@
   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+    display: table;
+    margin-top: 0;
+    opacity: 1;
     position: absolute;
     left: 0;
@@ -1479 +1480 @@
 /* Alignments */
 .alignleft {
+  /*rtl:ignore*/
   float: left;
   margin-right: 1rem;
@@ -1484 +1486 @@
 
 .alignright {
+  /*rtl:ignore*/
   float: right;
   margin-left: 1rem;
@@ -1540 +1543 @@
 }
 
+.site-header.featured-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+  margin-bottom: auto;
+}
+
 @media only screen and (min-width: 768px) {
   .site-header {
@@ -1546 +1560 @@
   }
   .site-header.featured-image {
-    display: flex;
     min-height: 100vh;
-    flex-direction: column;
-    justify-content: space-between;
     margin-bottom: 3rem;
-  }
-  .site-header.featured-image .site-branding-container {
-    margin-bottom: auto;
   }
 }
@@ -1755 +1763 @@
 
 .site-header.featured-image .site-featured-image .entry-header {
+  margin-top: calc( 4 * 1rem);
   margin-bottom: 0;
   margin-left: 0;
@@ -2402 +2411 @@
 }
 
+.comment-list .pingback .comment-body {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 0.71111em;
+  font-weight: 500;
+  margin-bottom: 1rem;
+}
+
+.comment-list .pingback .comment-body a:not(.comment-edit-link) {
+  font-weight: bold;
+  font-size: 19.55556px;
+  line-height: 1.5;
+  padding-right: 0.5rem;
+  display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 500;
+}
+
 .comment-reply {
   left: calc(1rem + 100%);
@@ -2430 +2461 @@
 }
 
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
-  opacity: 1;
-}
-
 .comment .comment-body {
   margin: calc(2 * 1rem) 0;
@@ -2444 +2470 @@
 
 @media only screen and (min-width: 768px) {
+  .comment .comment-meta {
+    display: flex;
+  }
+}
+
+@media only screen and (min-width: 768px) {
   .comment .comment-author {
-    display: inline-block;
+    flex: 0 0 auto;
     vertical-align: baseline;
   }
@@ -2513 +2545 @@
 @media only screen and (min-width: 768px) {
   .comment .comment-metadata {
-    display: inline-block;
+    flex: 1 0 auto;
     margin-left: 1rem;
     position: relative;
@@ -2546 +2578 @@
   color: #767676;
   margin: 0 0.2em;
-  opacity: 0;
-  transition: opacity 200ms ease-in-out;
   vertical-align: baseline;
 }
@@ -2553 +2583 @@
 .comment .comment-metadata .edit-link {
   color: #767676;
-  transition: opacity 200ms ease-in-out;
-  opacity: 0;
 }
 
@@ -2838 +2866 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -2876 +2904 @@
 .entry-content > *,
 .entry-summary > * {
+  max-width: calc(100vw - (2 * 1rem));
   margin: 32px 1rem;
-  max-width: calc(100vw - (2 * 1rem));
   /*
     // Set top margins for headings
@@ -2894 +2922 @@
   .entry-content > *,
   .entry-summary > * {
-    margin: 32px calc(2 * (100vw / 12));
     max-width: calc(8 * (100vw / 12));
   }
@@ -2903 +2930 @@
   .entry-summary > * {
     max-width: calc(6 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content > *,
+  .entry-summary > * {
+    margin: 32px calc(2 * (100vw / 12));
   }
 }
@@ -3023 +3057 @@
     max-width: 385.44px;
   }
+}
+
+.entry-content .wp-block-audio.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
 }
 
@@ -3087 +3126 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -3363 +3402 @@
 }
 
+.entry-content .wp-block-cover-image.aligncenter,
+.entry-content .wp-block-cover.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
+}
+
 .entry-content .wp-block-cover-image.has-left-content,
 .entry-content .wp-block-cover.has-left-content {
@@ -3406 +3451 @@
   margin: 0;
   padding: 0.5rem;
-  text-align: left;
+  text-align: center;
 }
 
@@ -3413 +3458 @@
   margin-bottom: 2rem;
   margin-top: 2rem;
+  text-align: left;
   /* Remove duplicate rule-line when a separator
          * is followed by an H1, or H2 */
@@ -3434 +3480 @@
 .entry-content hr + h2:before {
   display: none;
+}
+
+.entry-content .wp-block-separator.is-style-dots,
+.entry-content hr.is-style-dots {
+  max-width: calc(100vw - (2 * 1rem));
+  text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(8 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 1168px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(6 * (100vw / 12));
+  }
 }
 
@@ -3494 +3560 @@
 .entry-content .wp-block-code code {
   font-size: 1.125em;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 
@@ -3592 +3660 @@
 }
 
-.wp-caption .wp-caption-text {
-  margin: calc(0.875 * 1rem) 0;
-}
-
 .wp-caption-text {
+  color: #767676;
+  font-size: 0.71111em;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0.5rem;
   text-align: center;
 }