Finish the custom incrementer component

This commit is contained in:
Oliver-Akins 2024-04-10 21:27:10 -06:00
parent 878d278303
commit c5c5a71587
5 changed files with 112 additions and 89 deletions

View file

@ -11,9 +11,6 @@ $default-height: 1.25rem;
div {
display: grid;
grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);
// I dunno why this is needed for the height to not be calculated as 17px,
// but it is for some arcane reason
grid-template-rows: var(--height, $default-height);
border-radius: var(--border-radius, $default-border-radius);
@include material.elevate(2);
@ -34,8 +31,9 @@ span, input {
}
input {
font-family: inherit;
font-family: var(--font-family, inherit);
text-align: center;
font-size: var(--font-size, inherit);
padding: 2px 4px;
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button {