mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-19 11:01:23 +02:00
c7f2bda6f2
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
53 lines
908 B
SCSS
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;
|
|
}
|
|
}
|
|
} |