feat: Change grid classes
- Specific class for tables - Rename utility class
This commit is contained in:
parent
5b5944e229
commit
2ae30754f0
2 changed files with 15 additions and 20 deletions
|
|
@ -318,7 +318,7 @@ div {
|
|||
}
|
||||
|
||||
// Grid
|
||||
.grid {
|
||||
.dis_grid {
|
||||
display: grid;
|
||||
grid-gap: config.$space_basic;
|
||||
|
||||
|
|
@ -332,15 +332,15 @@ div {
|
|||
margin: config.$width_border_io;
|
||||
padding: config.$space_half;
|
||||
}
|
||||
}
|
||||
|
||||
.grid_column_2 {
|
||||
grid-template-columns: max-content max-content;
|
||||
&.grid_column_2 {
|
||||
grid-template-columns: max-content max-content;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.grid_column_4 {
|
||||
grid-template-columns: max-content max-content max-content max-content;
|
||||
&.grid_column_4 {
|
||||
grid-template-columns: max-content max-content max-content max-content;
|
||||
}
|
||||
}
|
||||
|
||||
// Sprites
|
||||
|
|
|
|||
|
|
@ -58,20 +58,15 @@ table {
|
|||
table-layout: fixed;
|
||||
}
|
||||
|
||||
&.flexible {
|
||||
&.grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
border-bottom: 0;
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tr {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: stretch;
|
||||
|
||||
&:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
td.truncate {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
display: contents;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue