Ticket #28237: 28237.3.diff

wp-content/themes/twentyfourteen/css/ie.css

@@ -29 +29 @@
         border: 1px solid #b2b2b2;
 }
 
+.site-title {
+        max-width: 95%;
+}
+
 .site-content blockquote.alignleft,
 .site-content blockquote.alignright {
         border-top: 1px solid #e5e5e5;

wp-content/themes/twentyfourteen/style.css

@@ -863 +863 @@
         font-weight: 700;
         line-height: 48px;
         margin: 0;
+        max-width: -webkit-calc(100% - 86px);
+        max-width:         calc(100% - 86px);
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -3082 +3084 @@
 }
 
 @media screen and (max-width: 400px) {
-        .site-title {
-                max-width: 71%;
-        }
-
         .list-view .site-content .post-thumbnail {
                 background: none;
                 width: auto;
@@ -3160 +3158 @@
 }
 
 @media screen and (min-width: 401px) {
-        .site-title {
-                max-width: 77%;
-        }
-
         a.post-thumbnail:hover img {
                 opacity: 0.85;
         }
@@ -3292 +3286 @@
 }
 
 @media screen and (min-width: 594px) {
-        .site-title {
-                max-width: 85%;
-        }
-
         .site-content .entry-header {
                 padding-right: 30px;
                 padding-left: 30px;
@@ -3312 +3302 @@
         }
 
         .site-title {
-                max-width: 89%;
+                max-width: -webkit-calc(100% - 66px);
+                max-width:         calc(100% - 66px);
         }
 
         .search-toggle {
@@ -3451 +3442 @@
         }
 
         .site-title {
-                max-width: 93%;
+                max-width: -webkit-calc(100% - 48px);
+                max-width:         calc(100% - 48px);
         }
 
         .search-toggle {
@@ -3701 +3693 @@
 }
 
 @media screen and (min-width: 1008px) {
-        .site-title {
-                max-width: 95%;
-        }
-
         .search-box-wrapper {
                 padding-left: 182px;
         }