1
0
mirror of https://github.com/XFox111/my-website.git synced 2026-04-22 07:28:01 +03:00

fix: improved css compatibility with Safari

This commit is contained in:
2024-08-21 14:26:24 +00:00
parent 9800a796d5
commit 812bd34ee5
2 changed files with 7 additions and 2 deletions
+6 -1
View File
@@ -22,7 +22,12 @@
// Since colors use variables, and dialog is rendered outside of the regular DOM, // Since colors use variables, and dialog is rendered outside of the regular DOM,
// we need to specify them as literals (or add variables to the dialog scope, but that's too complicated). // we need to specify them as literals (or add variables to the dialog scope, but that's too complicated).
background-color: light-dark(rgba(255, 255, 255, 0.5), rgba(26, 26, 26, 0.5)); background-color: rgba(255, 255, 255, 0.5);
@media (prefers-color-scheme: dark)
{
background-color: rgba(26, 26, 26, 0.5);
}
} }
.wrapper .wrapper
@@ -66,7 +66,7 @@
> span > span
{ {
margin: $spacingS $spacingM; margin: $spacingS $spacingM;
text-wrap: nowrap; white-space: nowrap;
} }
color: $colorNeutralForegroundStaticInverted; color: $colorNeutralForegroundStaticInverted;