Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

21
styles/v3/components/icon.scss Normal file
View file

@ -0,0 +1,21 @@
/*
Disclaimer: This CSS is used by a custom web component and is scoped to JUST
the corresponding web component. Importing this into other files is forbidden.
*/
$default-size: 1rem;
div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
svg {
width: var(--size, $default-size);
height: var(--size, $default-size);
fill: var(--fill);
stroke: var(--stroke);
}

5
styles/v3/components/incrementer.scss
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;