Get the icon component coded and being used in the incrementer component

This commit is contained in:
Oliver-Akins 2024-04-11 22:32:04 -06:00
parent 3ace1df5a2
commit f15f3a4456
5 changed files with 141 additions and 70 deletions

View file

@ -6,11 +6,12 @@ the corresponding web component. Importing this into other files is forbidden.
@use "../mixins/material";
$default-border-radius: 4px;
$default-height: 1.25rem;
$default-height: 1.5rem;
div {
display: grid;
grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);
grid-template-rows: var(--height, 1fr);
border-radius: var(--border-radius, $default-border-radius);
@include material.elevate(2);
@ -44,7 +45,7 @@ input {
}
}
span {
.increment, .decrement {
aspect-ratio: 1 / 1;
padding: 0;
display: flex;