ar-design
Version:
AR Design is a (react | nextjs) ui library.
38 lines (36 loc) • 774 B
CSS
.ar-button:is(.no-content) {
display: flex;
justify-content: center;
align-items: center;
padding: 0 ;
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
}
.ar-button:is(.no-content) > .text {
gap: 0 ;
}
.ar-button:is(.icon):not(.no-content) > .text {
gap: 0 0.5rem;
}
.ar-button:is(.icon-start):not(.no-content) > .text {
flex-direction: row;
}
.ar-button:is(.icon-end):not(.no-content) > .text {
flex-direction: row-reverse;
}
/* Custom Symbol */
.ar-button:is(.icon) .dotted::after {
position: absolute;
top: 50%;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
content: "⋮";
width: 100%;
height: 100%;
font-size: 1.25rem;
}