kogakure/website-11ty-kogakure.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-11ty-kogakure.de.git synced 2026-02-03 20:25:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: bug with multicolumn and pseudo selectors in Safari

Browse Source 
Safari has a bug that hides the content of pseudo selectors (::before,
::after) when `column-count` is applied to the container.

The null transform hack solves the issue: https://stackoverflow.com/a/60849697/331361
This commit is contained in:
Stefan Imhoff
2022-03-27 09:37:00 +02:00
parent 54faefb63d
commit 8f9316208d
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/styles/critical/homepage.css
View File

@@ -80,6 +80,9 @@
inset-inline-start: -2.5rem; inset-inline-start: -2.5rem;
position: absolute; position: absolute;
text-align: end; text-align: end;
/** Null transform hack to fix Safari bug
* https://stackoverflow.com/a/60849697/331361 **/
transform: translate3d(0, 0, 0);
width: 2rem; width: 2rem;
} }