sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Fourteen: Apply max-width values to avoid site title breaking the layout in small screens. Props sixhours, rclations. See #28237.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@28691 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2014-06-06 17:30:38 +00:00
parent 0a0c1f9567
commit d17b15c793
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/wp-content/themes/twentyfourteen/style.css
View File

@ -863,8 +863,12 @@ span + .edit-link:before,
font-weight: 700;
line-height: 48px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.site-title,
.site-title a,
.site-title a:hover {
color: #fff;
@ -3005,6 +3009,10 @@ a.post-thumbnail:hover {
}
@media screen and (max-width: 400px) {
.site-title {
max-width: 71%;
}
.list-view .site-content .post-thumbnail {
background: none;
width: auto;
@ -3079,6 +3087,10 @@ a.post-thumbnail:hover {
}
@media screen and (min-width: 401px) {
.site-title {
max-width: 77%;
}
a.post-thumbnail:hover img {
opacity: 0.85;
}
@ -3207,6 +3219,10 @@ a.post-thumbnail:hover {
}
@media screen and (min-width: 594px) {
.site-title {
max-width: 85%;
}
.site-content .entry-header {
padding-right: 30px;
padding-left: 30px;
@ -3222,6 +3238,10 @@ a.post-thumbnail:hover {
padding: 0 30px;
}
.site-title {
max-width: 89%;
}
.search-toggle {
margin-right: 18px;
}
@ -3357,6 +3377,10 @@ a.post-thumbnail:hover {
padding-right: 0;
}
.site-title {
max-width: 93%;
}
.search-toggle {
margin-right: 0;
}
@ -3604,6 +3628,10 @@ a.post-thumbnail:hover {
}
@media screen and (min-width: 1008px) {
.site-title {
max-width: 95%;
}
.search-box-wrapper {
padding-left: 182px;
}
@ -4125,6 +4153,7 @@ a.post-thumbnail:hover {
display: none;
}
.site-title,
.site-title a,
.entry-meta,
.entry-meta a,