penguin/AstroJS

botanjs/src/Astro/Blog/Components/ToggleButton/CommentToggle.css

raw · 785 bytes

.b_notify { background-color: #222 !important; }
.b_notify:before { content: 'Mute'; }
.b_notify:after { content: 'Notify'; }

.uc_ntoggle {
	font-family: custom-sans;
	vertical-align: top;
	padding: 0.2em 0em;
}
.uc_ntoggle:before { content: '..'; }
.uc_ntoggle:after { content: '!'; }

.cr_ntoggle {
	font-family: custom-sans;

	padding: 0;
	margin: 0;

	position: absolute;

	width: 1.5em;
	height: 1.5em;

	bottom: 0;
	right: -3em;

	border-radius: 2em 2em 2em 0em;
	border: 0.5em solid white;

	line-height: 1.5em !important;

	background-color: white;
	/* box-shadow: 2px 2px 10px -5px black; */
}

.cr_ntoggle:before, .cr_ntoggle:after {
	padding: 0;
	border-radius: 2em;
}

.cr_ntoggle:before {
	content: '..';
	background-color: orange;
}

.cr_ntoggle:after { content: '!'; }