From my previous example, to make the button consistently round:
.square {
width: var(--sq, 5em);
height: var(--sq, 5em);
border-radius: var(--sq, 5em);
}
The border radius needs to be the same as the width & height.
From my previous example, to make the button consistently round:
.square {
width: var(--sq, 5em);
height: var(--sq, 5em);
border-radius: var(--sq, 5em);
}
The border radius needs to be the same as the width & height.