Title: [203410] trunk/Websites/webkit.org
Revision
203410
Author
[email protected]
Date
2016-07-19 10:23:59 -0700 (Tue, 19 Jul 2016)

Log Message

Adjust margins for first-line floating elements and add preset floating video sizing
https://bugs.webkit.org/show_bug.cgi?id=159898

Reviewed by Benjamin Poulain.

* wp-content/themes/webkit/style.css:
(article video.alignright):
(article .alignright:first-child):
(@media only screen and (max-width: 690px)):
    (article .alignright:first-child):
(@media only screen and (max-width: 415px)):
    (article video.alignright):
    (article .alignright:first-child):

Modified Paths

Diff

Modified: trunk/Websites/webkit.org/ChangeLog (203409 => 203410)


--- trunk/Websites/webkit.org/ChangeLog	2016-07-19 16:10:40 UTC (rev 203409)
+++ trunk/Websites/webkit.org/ChangeLog	2016-07-19 17:23:59 UTC (rev 203410)
@@ -1,3 +1,19 @@
+2016-07-19  Jon Davis  <[email protected]>
+
+        Adjust margins for first-line floating elements and add preset floating video sizing
+        https://bugs.webkit.org/show_bug.cgi?id=159898
+
+        Reviewed by Benjamin Poulain.
+
+        * wp-content/themes/webkit/style.css:
+        (article video.alignright):
+        (article .alignright:first-child):
+        (@media only screen and (max-width: 690px)):
+            (article .alignright:first-child):
+        (@media only screen and (max-width: 415px)):
+            (article video.alignright):
+            (article .alignright:first-child):
+
 2016-07-17  Filip Pizlo  <[email protected]>
 
         Implement table-based switches in B3/Air

Modified: trunk/Websites/webkit.org/wp-content/themes/webkit/style.css (203409 => 203410)


--- trunk/Websites/webkit.org/wp-content/themes/webkit/style.css	2016-07-19 16:10:40 UTC (rev 203409)
+++ trunk/Websites/webkit.org/wp-content/themes/webkit/style.css	2016-07-19 17:23:59 UTC (rev 203410)
@@ -1188,6 +1188,17 @@
     max-width: 66%;
 }
 
+article video.alignleft,
+article video.alignright {
+    max-width: 50%;
+}
+
+article .alignleft:first-child,
+article .alignright:first-child {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
 article figcaption {
     text-align: left;
     margin-top: 1.5rem;
@@ -1988,6 +1999,11 @@
         border-right: none;
     }
 
+    article video.alignleft,
+    article video.alignright {
+        min-width: 30rem;
+    }
+
     .scrollable .scrollable-padding {
         display: inline-block;
         padding: 0 3rem;
@@ -2093,6 +2109,19 @@
     #post-4132 pre:nth-child(-n+8) {
         width: 100vw;
     }
+
+    article video.alignleft,
+    article video.alignright {
+        max-width: 100%;
+        min-width: none;
+        width: 100%;
+    }
+
+    article .alignleft:first-child,
+    article .alignright:first-child {
+        margin-bottom: 3rem;
+    }
+
 }
 
 @media only screen and (max-width: 415px) {
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to