diff --git a/media/church.png b/media/church.png new file mode 100644 index 0000000..4ecf6cc --- /dev/null +++ b/media/church.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c654930a72f5948cbcc07c93fb3de6c77e24682f2db39971a61b2031a93ceb54 +size 8014 diff --git a/style/base.css b/style/base.css index 8b1e179..6198e23 100644 --- a/style/base.css +++ b/style/base.css @@ -55,12 +55,14 @@ actually exists } --shadow-hsl: 330deg 40% 40%; - --base-background: var(--gradient) fixed; + --base-background: url(../media/church.png), var(--gradient) fixed; background: var(--base-background); font-family: Muller, sans-serif; font-weight: 500; + @media (prefers-reduced-data: reduce) { + --base-background: var(--gradient) fixed; font-family: sans-serif; font-weight: normal; } diff --git a/style/properties.css b/style/properties.css index 0a3c261..a3fefe4 100644 --- a/style/properties.css +++ b/style/properties.css @@ -1,3 +1,9 @@ +@property --base-background { + syntax: "*"; + inherits: false; + initial-value: transparent; +} + /* face backgrounds */ @property --hue {