Begin working on a scoped CSS solution that uses a common design language across all sheets, and *just* does sheet-specific layout tasks

This commit is contained in:
Oliver-Akins 2024-03-26 22:36:40 -06:00
parent 5c5a1a8b56
commit eadaa53c75
32 changed files with 314 additions and 35 deletions

View file

@ -0,0 +1,17 @@
$iconSizes: 12, 14, 16, 18, 20, 22, 24;
.dotdungeon.style-v3 > .window-content {
.icon {
display: inline-flex;
justify-content: center;
align-items: center;
// The various icon sizes
@each $size in $iconSizes {
&--#{$size} {
height: #{$size}px;
width: #{$size}px;
};
}
}
}