💄 improve grain styles

antistatique · Feb 13, 2024 · b42c393 · b42c393
1 parent 2d40bee
commit b42c393
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Image.astro b/src/components/Image.astro
@@ -30,7 +30,7 @@ if (!img)
 <figure class:list={['relative overflow-clip bg-neutral-900 isolate', classes]}>
   <div
     aria-hidden
-    class="absolute inset-0 z-10 bg-[url(../assets/images/grain.gif)] mix-blend-soft-light opacity-30"
+    class="absolute inset-0 z-10 bg-[url(../assets/images/grain.gif)] mix-blend-soft-light opacity-25 [background-size:125px] md:[background-size:150px]"
   >
   </div>
   <Picture

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -4,7 +4,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-  safelist: ['animate-spin'],
+  safelist: ['animate-spin', 'origin-center'],
   theme: {
     colors: {
       core: '#C69754',