[wp-trac] [WordPress Trac] #40940: Twenty Twelve uses invalid linear-gradient() syntax

[WordPress Trac]

#40940: Twenty Twelve uses invalid linear-gradient() syntax
---------------------------+------------------------------
 Reporter:  vrubleg        |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  4.7.5
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------

Comment (by vrubleg):

 Also I figured out that this huge style isn't used at all:
 {{{
 .comments-area article header h4 {
         position: absolute;
         top: 0;
         right: 0;
         padding: 6px 12px;
         padding: 0.428571429rem 0.857142857rem;
         font-size: 12px;
         font-size: 0.857142857rem;
         font-weight: normal;
         color: #fff;
         background-color: #0088d0;
         background-repeat: repeat-x;
         background-image: -moz-linear-gradient(top, #009cee, #0088d0);
         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);
         border-radius: 3px;
         border: 1px solid #007cbd;
 }
 }}}
 So, linear gradients are really used only for buttons (in 3 places).
 That's it.

 Also the author forgot to put "button," here:
 {{{
 .menu-toggle,
 input[type="submit"],
 input[type="button"],
 input[type="reset"],
 article.post-password-required input[type=submit],
 .bypostauthor cite span {
 }}}
 It has to be just after the ".menu-toggle,", like in the next styles:
 {{{
 .menu-toggle:hover,
 .menu-toggle:focus,
 button:hover,
 input[type="submit"]:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 article.post-password-required input[type=submit]:hover {
 }}}
 And:
 {{{
 .menu-toggle:active,
 .menu-toggle.toggled-on,
 button:active,
 input[type="submit"]:active,
 input[type="button"]:active,
 input[type="reset"]:active {
 }}}
 And the last. In the first style for buttons this part is useless:
 {{{
 .bypostauthor cite span
 }}}
 It is overwritten completely in further CSS rules which reset all values,
 remove shadow, etc. So, the same thing could be done without this
 unnecessary redundancy.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40940#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform