penguin/AstroJS

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

raw · 695 bytes

.b_button {
	position: relative;

	font-family: custom-sans;
	font-size: 1em;

	padding: 0.2em 0.5em;
	margin:  0.5em 0.2em;

	background-color: grey;
	color: white;

	cursor: default;

	float: right;
}

.b_delete {
    color: crimson;
	background-color: crimson;
    position: relative;
}

.b_delete:after {
    content: "\2715";
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    right: 0;
}
.b_delete:hover:after {
    text-decoration: underline;
}

.b_scope { background-color: slategrey; }
.b_scope:before { content: 'Private'; background-color: purple; }
.b_scope:after { content: 'Public'; background-color: orangered; }