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

feat: New io module

Browse source 
- Add module for io
- Move common io parts to new module
This commit is contained in:
sthag 2025-06-22 15:48:01 +02:00
parent c7179c7a3d
commit 3d23ba55d4
3 changed files with 106 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

118
elements/_sections.scss
View file

@ -144,6 +144,18 @@ aside {
button {
@extend .button_io;
}
.a_button {
display: flex;
}
ul.vertical li {
margin-bottom: $space_half;
.a_button > *:last-child {
margin-left: auto;
}
}
}
}
@ -203,7 +215,33 @@ h6 {
// Header
// -----------------------------------------------------------------------------
header {}
header {
&.io {
z-index: map.get($z-indexes, "content-top");
&>*:last-child *:last-child {
margin-right: 0;
}
&>*:first-child *:first-child {
margin-left: 0;
}
nav,
ul {
@extend %flex-inline;
align-items: stretch;
}
nav:last-child {
margin-left: auto;
}
h1 {
margin: 0;
}
}
}
.header_page {
overflow: auto;
@ -218,84 +256,8 @@ header {}
}
}
header,
aside,
footer {
&.io {
.span_solo {
border: $width_border_io solid transparent;
padding: $padding_basic;
}
}
}
header // Footer
header.io,
aside.io {
padding: $space_basic;
input,
button,
textarea,
select {
margin-inline: $space_half;
}
input {
@extend .input_io;
}
textarea {
@extend .io_textarea;
}
select {
@extend .io_select;
}
button {
@extend .button_io;
}
}
header,
footer {
&.io {
@extend %flex-inline;
align-items: stretch;
}
}
header.io {
z-index: map.get($z-indexes, "content-top");
&>*:last-child *:last-child {
margin-right: 0;
}
&>*:first-child *:first-child {
margin-left: 0;
}
nav,
ul {
@extend %flex-inline;
align-items: stretch;
}
nav li {
margin: 0;
}
nav:last-child {
margin-left: auto;
}
h1 {
margin: 0;
}
}
// Footer
// -----------------------------------------------------------------------------
footer {
&.io {