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;
&.inline {
@extend %flex_inline;
@extend %flex-inline;
}
&.stretch {

6
elements/_sections.scss
View file

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

34
elements/_tables.scss
View file

@ -39,7 +39,7 @@ table {
border: config.$width_border_basic solid transparent;
}
&.striped {
&.stripe {
td {
border-top: 0;
border-bottom: 0;
@ -54,21 +54,8 @@ table {
table-layout: fixed;
}
&.flexible {
tr {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
&:last-child td {
border-bottom: none;
}
td.truncate {
flex: 1;
min-width: 0;
}
}
&.table_file_simple {
@extend .width_full;
}
&.draggable tbody tr {
@ -205,12 +192,6 @@ th, td {
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 {
@ -232,6 +213,8 @@ td {
}
&.ellipsis {
width: 100%;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -251,6 +234,7 @@ td {
max-height: 44px;
}
}
}
td:last-child {
@ -260,3 +244,9 @@ td:last-child {
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_inline {
%flex-inline {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@ -172,18 +172,18 @@
gap: config.$space_half config.$space_basic;
}
%flex_column,
%flex_row {
%flex-column,
%flex-row {
display: flex;
flex-wrap: nowrap;
gap: config.$space_basic;
}
%flex_column {
%flex-column {
flex-direction: column;
}
%flex_row {
%flex-row {
flex-direction: row;
}
@ -255,7 +255,7 @@
}
}
#mouse_overlay {
#mouse-overlay {
@extend %viewport_fixed;
z-index: config.$z_heaven;
transition: background-color config.$duration_long config.$timing_basic config.$duration_long;

20
modules/io/_io_module.scss
View file

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