Index: src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss =================================================================== --- src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (revision 43951) +++ src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (working copy) @@ -198,9 +198,9 @@ &.is-style-outline .wp-block-button__link, &.is-style-outline .wp-block-button__link:focus, &.is-style-outline .wp-block-button__link:active { - @include button-all-transition; + @include button-all-transition; border-width: 2px; - border-style: solid; + border-style: solid; &:not(.has-background) { background: transparent; @@ -244,6 +244,14 @@ } } + .wp-block-archives, + .wp-block-categories { + + &.aligncenter { + text-align: center; + } + } + //! Latest categories .wp-block-categories { @@ -316,6 +324,7 @@ margin-top: calc(4 * #{ $size__spacing-unit}); margin-bottom: calc(4.33 * #{ $size__spacing-unit}); margin-right: 0; + padding-left: 0; } p { @@ -354,10 +363,14 @@ padding: 0; blockquote { - margin-left: 0; + margin: $size__spacing-unit 0; padding: 0; text-align: left; max-width: 100%; + + p:first-child { + margin-top: 0; + } } } @@ -391,10 +404,11 @@ } blockquote { - max-width: calc(100% - (2 * #{$size__spacing-unit})); + max-width: 100%; color: $color__background-body; padding-left: 0; margin-left: $size__spacing-unit; + margin-right: $size__spacing-unit; &.has-text-color p, &.has-text-color a, @@ -412,6 +426,14 @@ } } + &.alignright, + &.alignleft { + + @include media(tablet) { + padding: $size__spacing-unit calc(2 * #{$size__spacing-unit}); + } + } + &.alignfull { @include media(tablet) { @@ -520,10 +542,6 @@ line-height: 1.25; padding: 0; color: #fff; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; @include media(tablet) { font-size: $font__size-xl; @@ -536,7 +554,7 @@ width: 100%; @include media(tablet) { - padding: $size__spacing-unit; + padding: $size__spacing-unit calc(2 * #{$size__spacing-unit}); } } @@ -570,6 +588,10 @@ .blocks-gallery-item:last-child { margin-bottom: 16px; } + + figcaption a { + color: #fff; + } } //! Captions @@ -700,6 +722,10 @@ padding-right: $size__spacing-unit; } + @include media(mobile) { + flex-wrap: nowrap; + } + @include media(tablet) { .wp-block-column > * { @@ -784,7 +810,7 @@ .has-secondary-background-color, .has-dark-gray-background-color, .has-light-gray-background-color { - + // Use white text against these backgrounds by default. color: $color__background-body; Index: src/wp-content/themes/twentynineteen/style-editor.css =================================================================== --- src/wp-content/themes/twentynineteen/style-editor.css (revision 43951) +++ src/wp-content/themes/twentynineteen/style-editor.css (working copy) @@ -3,13 +3,6 @@ Twenty Nineteen Editor Styles */ /** === Includes === */ -/* If we add the border using a regular CSS border, it won't look good on non-retina devices, - * 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. */ -/* Fallback for non-latin fonts */ -/* Calculates maximum width for post content */ -/* Nested sub-menu padding: 10 levels deep */ -/** === Font Overide === */ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block @@ -22,6 +15,12 @@ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } +/* If we add the border using a regular CSS border, it won't look good on non-retina devices, + * 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. */ +/* Fallback for non-latin fonts */ +/* Calculates maximum width for post content */ +/* Nested sub-menu padding: 10 levels deep */ /** === Editor Frame === */ body .wp-block[data-align="full"] { width: 100%; @@ -59,12 +58,6 @@ } } -/** === Editor Block Toolbar Position === */ -.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar, -.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar { - max-width: none; -} - /** === Content Width === */ .wp-block { width: calc(100vw - (2 * 1rem)); @@ -339,12 +332,19 @@ .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { width: 100%; max-width: 100%; + padding: calc(1.375 * 1rem); } +.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover p, +.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover p { + padding-left: 0; + padding-right: 0; +} + @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { - padding: 1rem; + padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem); } } @@ -531,16 +531,41 @@ max-width: 50%; } -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color), -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) { +.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote, +.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote, +.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote { padding: 0; } -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color, -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color { - padding: 1em; +.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote, +.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote { + width: 100%; + max-width: 100%; + padding: calc(1.375 * 1rem); } +@media only screen and (min-width: 768px) { + .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote, + .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote { + padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem); + } +} + +.wp-block[data-type="core/pullquote"][data-align="left"] blockquote, +.wp-block[data-type="core/pullquote"][data-align="right"] blockquote { + margin: 1rem 0; +} + +.wp-block[data-type="core/pullquote"][data-align="left"] blockquote p:first-child, +.wp-block[data-type="core/pullquote"][data-align="right"] blockquote p:first-child { + margin-top: 0; +} + .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, .wp-block[data-type="core/pullquote"][data-align="left"] p, @@ -621,6 +646,13 @@ padding-left: calc(2 * 1rem); } +/* Remove duplicate rule-line when a separator + * is followed by an H1, or H2 */ +.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before, +.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h2:before { + display: none; +} + /** === Latest Posts, Archives, Categories === */ ul.wp-block-archives, .wp-block-categories, @@ -757,3 +789,8 @@ line-height: 1.6; color: #767676; } + +/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */ +.wp-block[data-type="core/freeform"] .mce-btn i { + font-family: dashicons !important; +} Index: src/wp-content/themes/twentynineteen/style-editor.scss =================================================================== --- src/wp-content/themes/twentynineteen/style-editor.scss (revision 43951) +++ src/wp-content/themes/twentynineteen/style-editor.scss (working copy) @@ -7,23 +7,6 @@ @import "sass/variables-site/variables-site"; @import "sass/mixins/mixins-master"; -/** === Font Overide === */ - -/* - * Chrome renders extra-wide   characters for the Hoefler Text font. - * This results in a jumping cursor when typing in both the Classic and block - * editors. The following font-face override fixes the issue by manually inserting - * a custom font that includes just a Hoefler Text space replacement for that - * character instead. - */ -@font-face { - font-family: 'NonBreakingSpaceOverride'; - src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'), - url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff'); -} - -$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - /** === Editor Frame === */ body { @@ -71,14 +54,6 @@ } } -/** === Editor Block Toolbar Position === */ - -// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too. -.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar, -.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar { - max-width: none; -} - /** === Content Width === */ .wp-block { @@ -319,12 +294,15 @@ .wp-block-cover { width: 100%; max-width: 100%; - } + padding: calc(1.375 * #{$size__spacing-unit}); - @include media(tablet) { + p { + padding-left: 0; + padding-right: 0; + } - .wp-block-cover { - padding: $size__spacing-unit; + @include media(tablet) { + padding: calc(2.75 * #{$size__spacing-unit}) calc(2.75 * #{$size__spacing-unit}) calc(3.125 * #{$size__spacing-unit}); } } } @@ -522,15 +500,37 @@ width: calc(4 * (100vw / 12)); max-width: 50%; - .wp-block-pullquote:not(.is-style-solid-color) { + .wp-block-pullquote { + margin-top: 0; + margin-bottom: 0; + } + + .wp-block-pullquote { padding: 0; } .wp-block-pullquote.is-style-solid-color { - padding: 1em; + + blockquote { + width: 100%; + max-width: 100%; + padding: calc(1.375 * #{$size__spacing-unit}); + + @include media(tablet) { + padding: calc(2.75 * #{$size__spacing-unit}) calc(2.75 * #{$size__spacing-unit}) calc(3.125 * #{$size__spacing-unit}); + } + } } } + blockquote { + margin: $size__spacing-unit 0; + + p:first-child { + margin-top: 0; + } + } + blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, blockquote > .editor-rich-text p, p, @@ -625,6 +625,18 @@ } } +/* Remove duplicate rule-line when a separator + * is followed by an H1, or H2 */ +.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] { + + h1, + h2 { + &:before { + display: none; + } + } +} + /** === Latest Posts, Archives, Categories === */ ul.wp-block-archives, @@ -753,3 +765,8 @@ } } } + +/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */ +.wp-block[data-type="core/freeform"] .mce-btn i { + font-family: dashicons !important; +} Index: src/wp-content/themes/twentynineteen/style-rtl.css =================================================================== --- src/wp-content/themes/twentynineteen/style-rtl.css (revision 43951) +++ src/wp-content/themes/twentynineteen/style-rtl.css (working copy) @@ -53,6 +53,18 @@ ## Captions ## Galleries --------------------------------------------------------------*/ +/* + * Chrome renders extra-wide   characters for the Hoefler Text font. + * This results in a jumping cursor when typing in both the Classic and block + * editors. The following font-face override fixes the issue by manually inserting + * a custom font that includes just a Hoefler Text space replacement for that + * character instead. + */ +@font-face { + font-family: 'NonBreakingSpaceOverride'; + src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); +} + /* If we add the border using a regular CSS border, it won't look good on non-retina devices, * 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. */ @@ -401,7 +413,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #111; - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; font-size: 1em; line-height: 1.8; @@ -415,7 +427,7 @@ optgroup, textarea { color: #111; - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; line-height: 1.8; text-rendering: optimizeLegibility; @@ -476,7 +488,7 @@ } .page-title { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .site-branding, @@ -1342,7 +1354,7 @@ } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1349,7 +1361,7 @@ } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1445,7 +1457,7 @@ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1592,6 +1604,7 @@ display: block; width: 32px; height: 32px; + transform: translateZ(0); } .social-navigation ul.social-links-menu li a svg#ui-icon-link { @@ -3340,7 +3353,7 @@ .widget_recent_comments ul ul > li > a::before, .widget_recent_entries ul ul > li > a::before, .widget_rss ul ul > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -3677,6 +3690,11 @@ text-decoration: none; } +.entry .entry-content .wp-block-archives.aligncenter, +.entry .entry-content .wp-block-categories.aligncenter { + text-align: center; +} + .entry .entry-content .wp-block-categories ul { padding-top: 0.75rem; } @@ -3691,7 +3709,7 @@ } .entry .entry-content .wp-block-categories ul > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -3722,7 +3740,7 @@ } .entry .entry-content .wp-block-verse { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 22px; line-height: 1.8; } @@ -3747,6 +3765,7 @@ margin-top: calc(4 * 1rem); margin-bottom: calc(4.33 * 1rem); margin-left: 0; + padding-right: 0; } .entry .entry-content .wp-block-pullquote p { @@ -3786,12 +3805,16 @@ } .entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { - margin-right: 0; + margin: 1rem 0; padding: 0; text-align: right; max-width: 100%; } +.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child { + margin-top: 0; +} + .entry .entry-content .wp-block-pullquote.is-style-solid-color { background-color: #0073aa; padding-right: 0; @@ -3827,10 +3850,11 @@ } .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - max-width: calc(100% - (2 * 1rem)); + max-width: 100%; color: #fff; padding-right: 0; margin-right: 1rem; + margin-left: 1rem; } .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, @@ -3846,6 +3870,12 @@ } @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft { + padding: 1rem calc(2 * 1rem); + } +} + +@media only screen and (min-width: 768px) { .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { padding-right: calc(10% + 58px + (2 * 1rem)); padding-left: calc(10% + 58px + (2 * 1rem)); @@ -3949,10 +3979,6 @@ line-height: 1.25; padding: 0; color: #fff; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; } @media only screen and (min-width: 768px) { @@ -3977,7 +4003,7 @@ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { - padding: 1rem; + padding: 1rem calc(2 * 1rem); } } @@ -4029,6 +4055,10 @@ margin-bottom: 16px; } +.entry .entry-content .wp-block-gallery figcaption a { + color: #fff; +} + .entry .entry-content .wp-block-audio figcaption, .entry .entry-content .wp-block-video figcaption, .entry .entry-content .wp-block-image figcaption, @@ -4175,6 +4205,12 @@ padding-left: 1rem; } +@media only screen and (min-width: 600px) { + .entry .entry-content .wp-block-columns { + flex-wrap: nowrap; + } +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; Index: src/wp-content/themes/twentynineteen/style.css =================================================================== --- src/wp-content/themes/twentynineteen/style.css (revision 43951) +++ src/wp-content/themes/twentynineteen/style.css (working copy) @@ -53,6 +53,18 @@ ## Captions ## Galleries --------------------------------------------------------------*/ +/* + * Chrome renders extra-wide   characters for the Hoefler Text font. + * This results in a jumping cursor when typing in both the Classic and block + * editors. The following font-face override fixes the issue by manually inserting + * a custom font that includes just a Hoefler Text space replacement for that + * character instead. + */ +@font-face { + font-family: 'NonBreakingSpaceOverride'; + src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); +} + /* If we add the border using a regular CSS border, it won't look good on non-retina devices, * 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. */ @@ -401,7 +413,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #111; - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; font-size: 1em; line-height: 1.8; @@ -415,7 +427,7 @@ optgroup, textarea { color: #111; - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; line-height: 1.8; text-rendering: optimizeLegibility; @@ -476,7 +488,7 @@ } .page-title { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .site-branding, @@ -1342,7 +1354,7 @@ } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1349,7 +1361,7 @@ } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1445,7 +1457,7 @@ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -1592,6 +1604,7 @@ display: block; width: 32px; height: 32px; + transform: translateZ(0); } .social-navigation ul.social-links-menu li a svg#ui-icon-link { @@ -3346,7 +3359,7 @@ .widget_recent_comments ul ul > li > a::before, .widget_recent_entries ul ul > li > a::before, .widget_rss ul ul > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -3689,6 +3702,11 @@ text-decoration: none; } +.entry .entry-content .wp-block-archives.aligncenter, +.entry .entry-content .wp-block-categories.aligncenter { + text-align: center; +} + .entry .entry-content .wp-block-categories ul { padding-top: 0.75rem; } @@ -3703,7 +3721,7 @@ } .entry .entry-content .wp-block-categories ul > li > a::before { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); counter-increment: submenu; @@ -3734,7 +3752,7 @@ } .entry .entry-content .wp-block-verse { - font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 22px; line-height: 1.8; } @@ -3759,6 +3777,7 @@ margin-top: calc(4 * 1rem); margin-bottom: calc(4.33 * 1rem); margin-right: 0; + padding-left: 0; } .entry .entry-content .wp-block-pullquote p { @@ -3798,12 +3817,16 @@ } .entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { - margin-left: 0; + margin: 1rem 0; padding: 0; text-align: left; max-width: 100%; } +.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child { + margin-top: 0; +} + .entry .entry-content .wp-block-pullquote.is-style-solid-color { background-color: #0073aa; padding-left: 0; @@ -3839,10 +3862,11 @@ } .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - max-width: calc(100% - (2 * 1rem)); + max-width: 100%; color: #fff; padding-left: 0; margin-left: 1rem; + margin-right: 1rem; } .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, @@ -3858,6 +3882,12 @@ } @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft { + padding: 1rem calc(2 * 1rem); + } +} + +@media only screen and (min-width: 768px) { .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { padding-left: calc(10% + 58px + (2 * 1rem)); padding-right: calc(10% + 58px + (2 * 1rem)); @@ -3961,10 +3991,6 @@ line-height: 1.25; padding: 0; color: #fff; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; } @media only screen and (min-width: 768px) { @@ -3989,7 +4015,7 @@ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { - padding: 1rem; + padding: 1rem calc(2 * 1rem); } } @@ -4041,6 +4067,10 @@ margin-bottom: 16px; } +.entry .entry-content .wp-block-gallery figcaption a { + color: #fff; +} + .entry .entry-content .wp-block-audio figcaption, .entry .entry-content .wp-block-video figcaption, .entry .entry-content .wp-block-image figcaption, @@ -4187,6 +4217,12 @@ padding-right: 1rem; } +@media only screen and (min-width: 600px) { + .entry .entry-content .wp-block-columns { + flex-wrap: nowrap; + } +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0;