Make WordPress Core

Ticket #46704: 46704.diff

File 46704.diff, 3.8 KB (added by ianbelanger, 6 years ago)

Fixes word-wrap issues

  • src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

     
    1515                display: flex;
    1616                flex-wrap: wrap;
    1717                .widget {
     18                        -webkit-hyphens: auto;
     19                        -moz-hyphens: auto;
     20                        hyphens: auto;
    1821                        width: 100%;
     22                        word-wrap: break-word;
    1923                        @include media(desktop) {
    2024                                margin-right: calc(3 * #{$size__spacing-unit});
    2125                                width: calc(50% - (3 * #{$size__spacing-unit}));
     
    2529
    2630        .site-info {
    2731                color: $color__text-light;
     32                -webkit-hyphens: auto;
     33                -moz-hyphens: auto;
     34                hyphens: auto;
     35                word-wrap: break-word;
    2836
    2937                a {
    3038                        color: inherit;
  • src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

     
    3030.site-branding {
    3131
    3232        color: $color__text-light;
     33        -webkit-hyphens: auto;
     34        -moz-hyphens: auto;
     35        hyphens: auto;
    3336        position: relative;
     37        word-wrap: break-word;
    3438
    3539        @include media(tablet) {
    3640                margin: 0 $size__site-margins;
  • src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

     
    77}
    88
    99.comments-area {
     10        -webkit-hyphens: auto;
     11        -moz-hyphens: auto;
     12        hyphens: auto;
    1013        margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
     14        word-wrap: break-word;
    1115        @include postContentMaxWidth();
    1216
    1317        @include media(tablet) {
  • src/wp-content/themes/twentynineteen/sass/typography/_headings.scss

     
    147147blockquote {
    148148        hyphens: auto;
    149149        word-break: break-word;
     150        word-wrap: break-word;
    150151}
    151152
    152153/* Do not hyphenate entry title on tablet view and bigger. */
  • src/wp-content/themes/twentynineteen/style.css

     
    23892389blockquote {
    23902390  hyphens: auto;
    23912391  word-break: break-word;
     2392  word-wrap: break-word;
    23922393}
    23932394
    23942395/* Do not hyphenate entry title on tablet view and bigger. */
     
    37343735
    37353736.site-branding {
    37363737  color: #767676;
     3738  -webkit-hyphens: auto;
     3739  -moz-hyphens: auto;
     3740  hyphens: auto;
    37373741  position: relative;
     3742  word-wrap: break-word;
    37383743}
    37393744
    37403745@media only screen and (min-width: 768px) {
     
    45144519}
    45154520
    45164521.comments-area {
     4522  -webkit-hyphens: auto;
     4523  -moz-hyphens: auto;
     4524  hyphens: auto;
    45174525  margin: calc(2 * 1rem) 1rem;
    45184526  /* Add extra margin when the comments section is located immediately after the
    45194527         * post itself (this happens on pages).
    45204528         */
     4529  word-wrap: break-word;
    45214530}
    45224531
    45234532@media only screen and (min-width: 768px) {
     
    50295038}
    50305039
    50315040#colophon .widget-column .widget {
     5041  -webkit-hyphens: auto;
     5042  -moz-hyphens: auto;
     5043  hyphens: auto;
    50325044  width: 100%;
     5045  word-wrap: break-word;
    50335046}
    50345047
    50355048@media only screen and (min-width: 1168px) {
     
    50415054
    50425055#colophon .site-info {
    50435056  color: #767676;
     5057  -webkit-hyphens: auto;
     5058  -moz-hyphens: auto;
     5059  hyphens: auto;
     5060  word-wrap: break-word;
    50445061}
    50455062
    50465063#colophon .site-info a {