Iceshrimp.NET/Iceshrimp.Frontend/Components/FollowButton.razor.css

36 lines
No EOL
673 B
CSS

.btn {
font-weight: 600;
display: flex;
height: 2.5rem;
align-items: center;
justify-content: start;
border-radius: 1.25rem;
border: var(--notice-color) solid 0.1rem;
padding-inline: 1rem;
padding: 1rem;
margin-bottom: 0.5rem;
margin-inline: 1rem;
> i {
padding-left: 0.5rem;
}
}
.btn:hover {
background-color: var(--hover-color);
}
.btn.inverted {
background-color: var(--notice-color);
color: var(--background-color);
}
.text {
margin-right: 0.5rem;
}
.follow-button {
display: flex;
align-items: center;
margin-left: auto;
}
::deep {.icon {
vertical-align: text-bottom;
}}