Merge "Fix portal heading border in Safari"

This commit is contained in:
jenkins-bot 2020-06-09 20:54:26 +00:00 committed by Gerrit Code Review
commit 23393d3685
2 changed files with 4 additions and 1 deletions

View file

@ -11,7 +11,7 @@
h3 { h3 {
display: block; 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 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
background-image: linear-gradient( to right, transparent 0, #c8ccd1 35%, #c8ccd1 70%, transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+) 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-position: center bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% @border-width-base; background-size: 100% @border-width-base;

View file

@ -66,6 +66,9 @@
@border-color-content: #a7d7f9; @border-color-content: #a7d7f9;
// Due to darker background gradient, border needs to be darkened for aligned visual perception. // Due to darker background gradient, border needs to be darkened for aligned visual perception.
@border-color-content--tabs-inactive: darken( @border-color-content, 10% ); @border-color-content--tabs-inactive: darken( @border-color-content, 10% );
@border-color-portal-heading: #c8ccd1;
// Use `rgba()` notation for better Safari support, see T254489.
@border-color-portal-heading-transparent: rgba( red( @border-color-portal-heading ), green( @border-color-portal-heading ), blue( @border-color-portal-heading ), 0 );
@padding-content: 1em; @padding-content: 1em;
// Navigation // Navigation