Das hatte ich auch so vor und habe mir die Definition von Header kopiert, aber irgendwas fehlt da.
Ich bekomme den Inhalt nicht nach rechts.
Code:
// #socialbar
[id='socialbar'] {
.inside {
// padding-top: var(--base-spacing-unit);
// padding-bottom: var(--base-spacing-unit);
display: grid;
grid-template-columns: auto auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
position: relative;
@supports not (display: grid) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
html {
&.html--fixed & {
pointer-events: none;
}
}
}
// #header
[id='header'] {
.inside {
// padding-top: var(--base-spacing-unit);
padding-bottom: var(--base-spacing-unit);
display: grid;
grid-template-columns: auto auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
position: relative;
@supports not (display: grid) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
html {
&.html--fixed & {
pointer-events: none;
}
}
}
Lesezeichen