Compare commits

...

3 commits

Author SHA1 Message Date
848754c615 feat: Add nav group class 2026-03-22 19:38:19 +01:00
2ae30754f0 feat: Change grid classes
- Specific class for tables
- Rename utility class
2026-03-21 15:30:23 +01:00
5b5944e229 refactor: Standardize order of @use 2026-03-21 11:47:46 +01:00
5 changed files with 22 additions and 26 deletions

View file

@ -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_column_2 {
grid-template-columns: max-content max-content;
}
}
.grid_column_4 {
&.grid_column_4 {
grid-template-columns: max-content max-content max-content max-content;
}
}
// Sprites

View file

@ -1,10 +1,10 @@
@use "sass:map";
@use "../global/config";
@use "../global/common";
@use "../elements/interactive";
@use "../mixins/media_query" as *;
@use "sass:map";
// Root
// -----------------------------------------------------------------------------
html {

View file

@ -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;
}
}

View file

@ -1,7 +1,7 @@
@use "../global/config";
@use "sass:math";
@use "../global/config";
//Sections for Media Queries
@mixin forPhoneUp {
@media (min-width: #{config.$screen_tiny - 1}) { @content; } //599px

View file

@ -21,6 +21,7 @@ footer {
nav > span,
nav label,
.group_nav > span,
.a_button {
@extend %basic;
border: config.$width_border_io solid transparent;
@ -31,12 +32,12 @@ footer {
@extend .button_io;
}
.group-input {
.group_nav {
display: flex;
flex-flow: row nowrap;
}
.group-input-wrap {
.wrap_input {
border: config.$width_border_io solid transparent;
padding: config.$padding_basic;
background-color: config.$color_back_io;