kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-04 04:25:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add Image component

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-06 15:12:24 +02:00
parent bfeb8d3ea5
commit a28dd5bd11
4 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/global.css
View File

@@ -84,4 +84,28 @@
cite {
@apply pie-[0.1em];
}
/** Images */
img[src$='.svg'] {
@apply border-0 bg-transparent shadow-none;
}
}
@layer components {
.image-shadow {
@apply relative transition-transform duration-500 ease-in-out;
&::after {
@apply absolute -z-[1] h-full w-full opacity-0 shadow-subtle transition-opacity duration-500 ease-in-out content-[''] block-start-0 inline-start-0;
}
&:hover,
&:focus {
@apply scale-[1.03];
&::after {
@apply opacity-100;
}
}
}
}