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

Compare commits

base: interaktionsweise:848754c6150df95207dffa36f388c696330cf56b
Branches Tags
interaktionsweise:development
interaktionsweise:main
..
compare: interaktionsweise:43f66d8178c7225931d6358d1f37797461a0a94d
Branches Tags
interaktionsweise:development
interaktionsweise:main

No commits in common. "848754c6150df95207dffa36f388c696330cf56b" and "43f66d8178c7225931d6358d1f37797461a0a94d" have entirely different histories.
848754c615 ... 43f66d8178

5 changed files with 26 additions and 22 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
.dis_grid { .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

4
elements/_sections.scss
View file

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

21
elements/_tables.scss
View file

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

4
mixins/_media_query.scss
View file

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

5
modules/io/_io_module.scss
View file

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