From 3f14f7ea2a585d3ad5b8109de3e6b5516aad45d4 Mon Sep 17 00:00:00 2001 From: Sergey Biryukov Date: Sat, 6 Apr 2019 16:17:50 +0000 Subject: [PATCH] Twenty Twelve: Correct `linear-gradient` direction argument syntax. In CSS, the `linear-gradient` function requires that the direction value explicitly use `to` instead of an implicit `from`. Props: ianbelanger, joyously, man4toman. Fixes #46786. Built from https://develop.svn.wordpress.org/trunk@45124 git-svn-id: http://core.svn.wordpress.org/trunk@44933 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- css/blocks.css | 12 ++++++------ css/editor-blocks.css | 4 ++-- style.css | 8 ++++---- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/css/blocks.css b/css/blocks.css index f72a61b76..a88ffcbfe 100644 --- a/css/blocks.css +++ b/css/blocks.css @@ -143,7 +143,7 @@ p.has-drop-cap:not(:focus)::first-letter { background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); @@ -164,7 +164,7 @@ p.has-drop-cap:not(:focus)::first-letter { background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); background-repeat: repeat-x; color: #5e5e5e; } @@ -175,7 +175,7 @@ p.has-drop-cap:not(:focus)::first-letter { background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); background-repeat: repeat-x; border-color: transparent; box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; @@ -285,7 +285,7 @@ pre.wp-block-code { background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); } .wp-block-button__link:not(.has-text-color) { @@ -298,7 +298,7 @@ pre.wp-block-code { background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); background-repeat: repeat-x; } @@ -307,7 +307,7 @@ pre.wp-block-code { background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); background-repeat: repeat-x; border-color: transparent; } diff --git a/css/editor-blocks.css b/css/editor-blocks.css index bd5313b46..8c3d66cdb 100644 --- a/css/editor-blocks.css +++ b/css/editor-blocks.css @@ -241,7 +241,7 @@ p.has-drop-cap:not(:focus)::first-letter { background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); @@ -366,7 +366,7 @@ p.has-drop-cap:not(:focus)::first-letter { background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); background-repeat: repeat-x; } diff --git a/style.css b/style.css index d5e9127b9..3aebc50fa 100644 --- a/style.css +++ b/style.css @@ -255,7 +255,7 @@ article.post-password-required input[type=submit], background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); @@ -285,7 +285,7 @@ article.post-password-required input[type=submit]:hover { background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); } .menu-toggle:active, .menu-toggle.toggled-on, @@ -300,7 +300,7 @@ input[type="reset"]:active { background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; } @@ -1276,7 +1276,7 @@ article.format-quote .entry-content blockquote { background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); - background-image: linear-gradient(top, #009cee, #0088d0); + background-image: linear-gradient(to bottom, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }