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:
parent
5c5a1a8b56
commit
eadaa53c75
32 changed files with 314 additions and 35 deletions
17
styles/v3/elements/icons.scss
Normal file
17
styles/v3/elements/icons.scss
Normal 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;
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue