1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2025-12-11 09:11:50 +00:00
tobspr_shapez.io/src/css/states/mods.scss
Даниїл Григор'єв d95fce7033
Fix broken mods state appearance
Not a complete rework. This is just a temporary improvement.
2025-04-13 03:44:30 +03:00

42 lines
856 B
SCSS

#state_ModsState {
// TODO: Update dimensions to use less build-time logic
.modsGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@include S(gap, 10px);
}
.modsGrid.noMods {
grid-template-columns: unset;
place-items: center;
}
.mod {
width: 100%;
box-sizing: border-box;
@include S(padding, 10px);
@include S(border-radius, 4px);
background: #eee;
@include DarkThemeOverride {
background: lighten($darkModeControlsBackground, 5);
}
}
.mod > .title {
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mod > .description {
@include PlainText();
}
.mod > .advanced {
@include PlainText();
color: $accentColorDark;
}
}