interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: Change grid classes

Browse source 
- Specific class for tables
- Rename utility class
This commit is contained in:
sthag 2026-03-21 15:30:23 +01:00
parent 5b5944e229
commit 2ae30754f0
2 changed files with 15 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

14
elements/_grouping.scss
View file

@ -318,7 +318,7 @@ div {
} }
// Grid // Grid
.grid { .dis_grid {
display: grid; display: grid;
grid-gap: config.$space_basic; grid-gap: config.$space_basic;
@ -332,15 +332,15 @@ div {
margin: config.$width_border_io; margin: config.$width_border_io;
padding: config.$space_half; padding: config.$space_half;
} }
}
.grid_column_2 { &.grid_column_2 {
grid-template-columns: max-content max-content; grid-template-columns: max-content max-content;
} }
.grid_column_4 { &.grid_column_4 {
grid-template-columns: max-content max-content max-content max-content; grid-template-columns: max-content max-content max-content max-content;
}
} }
// Sprites // Sprites

21
elements/_tables.scss
View file

@ -58,20 +58,15 @@ table {
table-layout: fixed; table-layout: fixed;
} }
&.flexible { &.grid {
display: grid;
grid-template-columns: auto 1fr auto;
border-bottom: 0;
thead,
tbody,
tr { tr {
display: flex; display: contents;
flex-flow: row nowrap;
align-items: stretch;
&:last-child td {
border-bottom: none;
}
td.truncate {
flex: 1;
min-width: 0;
}
} }
} }