About this line:
|
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+. |
This line renders links like this:
(← This is an image)
... instead of this:
(← This is an image, the difference is in the underlining of the g)
... in safari.
But:
- Other elements in Safari still use
-webkit-text-decoration-skip: ink if they are underlined
- In chrome,
text-decoration-skip: ink is used by default
IMO we should remove this line and let the browser/OS decide how the underline is rendered. What do you think?
About this line:
bootstrap/scss/_reboot.scss
Line 202 in 5266669
This line renders links like this:
(← This is an image)
... instead of this:
(← This is an image, the difference is in the underlining of the g)
... in safari.
But:
-webkit-text-decoration-skip: inkif they are underlinedtext-decoration-skip: inkis used by defaultIMO we should remove this line and let the browser/OS decide how the underline is rendered. What do you think?