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

Begin making the proper CSS for the component

Browse source
This commit is contained in:
Oliver-Akins 2024-04-04 22:48:19 -06:00
parent 566faf61d2
commit e0a3b4985b
3 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
styles/components/incrementer.scss
View file

@ -6,13 +6,9 @@ the corresponding web component. Importing this into other files is forbidden.
$default-border-radius: 4px;
$default-height: 1.25rem;
:host {
min-width: max-content;
}
div {
display: grid;
grid-template-columns: var(--height, $default-height) 50px var(--height, $default-height);
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);
@ -41,6 +37,7 @@ button {
display: flex;
justify-content: center;
align-items: center;
background-color: color-mix(in lab, white 5%, transparent);
&:hover {
cursor: pointer;