penguin/AstroJS

botanjs/src/Astro/Blog/Components/Spoiler.css

raw · 446 bytes

.spoiler {

}

.spoiler .title {
	background: cornflowerblue;
	color: white;
	padding: 0.2em 0.5em;
	cursor: default;
}

.spoiler .title:hover {
	background: royalblue;
}

.spoiler .title[clicked] {
	opacity: 0.8;
}

.spoiler .title:before {
    padding-right: 0.5em;
    content: "\25BC";
}
.spoiler .title[clicked]:before {
    content: "\25B2";
}

.spoiler .content {
	padding: 0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
	display: none;
}