WordPress/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss
laurelfulford c7f2bda6f2 Twenty Nineteen: Prevent too-long strings from causing horizontal scrolling.
Add hyphen and word-wrap styles to the site title, comments, and widget areas to break too-long strings and prevent horizontal scrolling.

Props ianbelanger, dswebsme, mukesh27.
Fixes #46704.


Built from https://develop.svn.wordpress.org/trunk@45258


git-svn-id: http://core.svn.wordpress.org/trunk@45067 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-04-23 19:48:53 +00:00

53 lines
908 B
SCSS

/* Site footer */
#colophon {
.widget-area,
.site-info {
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
}
.widget-column {
display: flex;
flex-wrap: wrap;
.widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width: 100%;
word-wrap: break-word;
@include media(desktop) {
margin-right: calc(3 * #{$size__spacing-unit});
width: calc(50% - (3 * #{$size__spacing-unit}));
}
}
}
.site-info {
color: $color__text-light;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
a {
color: inherit;
&:hover {
text-decoration: none;
color: $color__link;
}
}
.imprint,
.privacy-policy-link {
margin-right: $size__spacing-unit;
}
}
}