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

Compare commits

base: interaktionsweise:b42c8cdd7e29aff34a108266a72a1be603145984
Branches Tags
interaktionsweise:development
interaktionsweise:main
..
compare: interaktionsweise:b4c56320060548dacde62639876c6aee72b297ea
Branches Tags
interaktionsweise:development
interaktionsweise:main

No commits in common. "b42c8cdd7e29aff34a108266a72a1be603145984" and "b4c56320060548dacde62639876c6aee72b297ea" have entirely different histories.
b42c8cdd7e ... b4c5632006

5 changed files with 29 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

2
elements/_grouping.scss
View file

@ -302,7 +302,7 @@ div {
display: flex; display: flex;
&.inline { &.inline {
@extend %flex_inline; @extend %flex-inline;
} }
&.stretch { &.stretch {

6
elements/_sections.scss
View file

@ -44,7 +44,7 @@ body {
} }
&:hover { &:hover {
#mouse_overlay { #mouse-overlay {
background-color: transparent !important; background-color: transparent !important;
transition: background-color config.$duration_basic config.$timing_basic 0s !important; transition: background-color config.$duration_basic config.$timing_basic 0s !important;
} }
@ -244,7 +244,7 @@ header {
nav, nav,
ul { ul {
@extend %flex_inline; @extend %flex-inline;
align-items: stretch; align-items: stretch;
} }
@ -276,7 +276,7 @@ header {
footer { footer {
&.io { &.io {
nav { nav {
@extend %flex_inline; @extend %flex-inline;
align-items: stretch; align-items: stretch;
input, input,

34
elements/_tables.scss
View file

@ -39,7 +39,7 @@ table {
border: config.$width_border_basic solid transparent; border: config.$width_border_basic solid transparent;
} }
&.striped { &.stripe {
td { td {
border-top: 0; border-top: 0;
border-bottom: 0; border-bottom: 0;
@ -54,21 +54,8 @@ table {
table-layout: fixed; table-layout: fixed;
} }
&.flexible { &.table_file_simple {
tr { @extend .width_full;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
&:last-child td {
border-bottom: none;
}
td.truncate {
flex: 1;
min-width: 0;
}
}
} }
&.draggable tbody tr { &.draggable tbody tr {
@ -205,12 +192,6 @@ th, td {
display: none; display: none;
} }
} }
&.pre {
// border-right-width: $width_border_4;
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}
} }
th { th {
@ -232,6 +213,8 @@ td {
} }
&.ellipsis { &.ellipsis {
width: 100%;
max-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -251,6 +234,7 @@ td {
max-height: 44px; max-height: 44px;
} }
} }
} }
td:last-child { td:last-child {
@ -260,3 +244,9 @@ td:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
.cell_pre {
// border-right-width: $width_border_4;
// border-right-color: color.scale($color_back_basic, $lightness: $color_diff_basic);
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
}

12
global/_common.scss
View file

@ -163,7 +163,7 @@
// Flex & grid // Flex & grid
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
%flex_inline { %flex-inline {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@ -172,18 +172,18 @@
gap: config.$space_half config.$space_basic; gap: config.$space_half config.$space_basic;
} }
%flex_column, %flex-column,
%flex_row { %flex-row {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
gap: config.$space_basic; gap: config.$space_basic;
} }
%flex_column { %flex-column {
flex-direction: column; flex-direction: column;
} }
%flex_row { %flex-row {
flex-direction: row; flex-direction: row;
} }
@ -255,7 +255,7 @@
} }
} }
#mouse_overlay { #mouse-overlay {
@extend %viewport_fixed; @extend %viewport_fixed;
z-index: config.$z_heaven; z-index: config.$z_heaven;
transition: background-color config.$duration_long config.$timing_basic config.$duration_long; transition: background-color config.$duration_long config.$timing_basic config.$duration_long;

12
modules/io/_io_module.scss
View file

@ -78,14 +78,13 @@ aside {
header, header,
footer { footer {
&.io { &.io {
@extend %flex_inline; @extend %flex-inline;
align-items: stretch; align-items: stretch;
} }
} }
table { table .io nav {
.io nav { @extend %flex-inline;
@extend %flex_inline;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: stretch; align-items: stretch;
@ -93,8 +92,3 @@ table {
margin: config.$margin_io; margin: config.$margin_io;
} }
} }
.io:last-child nav {
justify-content: flex-end;
}
}