Www-styles: Difference between revisions

From Hackers & Designers
No edit summary
No edit summary
Line 21: Line 21:
filter:  
filter:  
drop-shadow(0 0 2px var(--blue))
drop-shadow(0 0 2px var(--blue))
drop-shadow(0 0 25px var(--pink))
drop-shadow(0 0 15px var(--pink))
drop-shadow(0 0 60px var(--orange))
drop-shadow(0 0 10px var(--orange))
;
;
}
}

Revision as of 15:07, 1 July 2024

html {
	/* background-color: yellow; */
}

.type-hdsc2024 {
	--pink: hsl(303, 95%, 70%);
	--orange: hsl(26, 86%, 58%);
	--fore: hsl(303, 95%, 60%);
	--blue: hsl(193, 100%, 50%);
	filter: 
		drop-shadow(0 0 2px var(--blue))
		drop-shadow(0 0 25px var(--pink))
		drop-shadow(0 0 600px var(--orange))
	;
}
.type-hdsc2024 img {
	filter: unset !important;
}
/* on index page smaller shadow */
.index_row .type-hdsc2024 {
	filter: 
		drop-shadow(0 0 2px var(--blue))
		drop-shadow(0 0 15px var(--pink))
		drop-shadow(0 0 10px var(--orange))
	;
}