mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 01:20:07 +00:00
[docs] Add support note to linear-gradient
fallback
Change-Id: I9db03e4f2a0fe3eb52aeb9273f871150d2c93375
This commit is contained in:
parent
eaa51f97eb
commit
b23a809c44
|
@ -72,7 +72,7 @@
|
|||
}
|
||||
|
||||
// This is in a separate block, so that browsers supporting :hover but not :checked still apply the rule above
|
||||
// Support: IE8
|
||||
// Support: IE 8
|
||||
.vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
|
@ -121,6 +121,7 @@
|
|||
.vector-menu-tabs,
|
||||
.vector-menu-tabs a,
|
||||
#mw-head .vector-menu-dropdown h3 {
|
||||
// Support: IE 9, which doesn't understand `linear-gradient`.
|
||||
background-image: url( images/tab-separator.png );
|
||||
background-image: linear-gradient( to bottom, rgba( 167, 215, 249, 0 ) 0, @border-color-content 100% );
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
h3 {
|
||||
display: block;
|
||||
background-image: url( images/portal-separator.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
|
||||
background-image: url( images/portal-separator.png ); // Support: IE 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
|
||||
background-image: linear-gradient( to right, @border-color-portal-heading-transparent 0, @border-color-portal-heading 33%, @border-color-portal-heading 66%, @border-color-portal-heading-transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
li {
|
||||
// Tab fade background: Fade inside from light grey to white.
|
||||
background-image: url( images/tab-normal-fade.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
|
||||
background-image: url( images/tab-normal-fade.png ); // Support: IE 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
|
||||
background-image: linear-gradient( to top, @border-color-content--tabs-inactive 0, #e8f2f8 1px, #fff 100% ); // Support: Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
|
||||
background-position: left bottom;
|
||||
background-repeat: repeat-x;
|
||||
|
|
Loading…
Reference in a new issue