Changeset 43860 for branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

Timestamp:

11/02/2018 11:52:16 PM (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, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss (modified) (2 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

@@ -43 +43 @@
         opacity: .8;
         z-index: 3;
-        
+
         /* Browsers supporting mix-blend-mode don't need opacity < 1 */
         @supports (mix-blend-mode: multiply) {
@@ -88 +88 @@
 }
 
+/* Calculates maximum width for post content */
+@mixin postContentMaxWidth() {
+    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
+
+    @include media(tablet) {
+        max-width: calc(8 * (100vw / 12));
+    }
+
+    @include media(desktop) {
+        max-width: calc(6 * (100vw / 12));
+    }
+}
+
 @import "utilities";