Start working on logo/meta side-by-side design.
gitea/icedream/rekt-theme/header%2Fmeta%2Fside-by-side This commit looks good
Details
gitea/icedream/rekt-theme/header%2Fmeta%2Fside-by-side This commit looks good
Details
parent
88d93f3f70
commit
1d23a5fa67
|
@ -1,2 +1,10 @@
|
||||||
@import 'header/nav';
|
@import 'header/nav';
|
||||||
@import 'header/meta';
|
@import 'header/meta';
|
||||||
|
@import 'header/player';
|
||||||
|
|
||||||
|
header {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
|
@ -3,6 +3,10 @@
|
||||||
|
|
||||||
// currently playing track metadata
|
// currently playing track metadata
|
||||||
#meta {
|
#meta {
|
||||||
|
margin-top: 2vmin;
|
||||||
|
margin-bottom: none;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
|
||||||
@include icedream-font;
|
@include icedream-font;
|
||||||
color: $icedream-text-color;
|
color: $icedream-text-color;
|
||||||
line-height: $icedream-extended-line-height;
|
line-height: $icedream-extended-line-height;
|
||||||
|
|
|
@ -2,6 +2,9 @@
|
||||||
@import 'nav/bgfade';
|
@import 'nav/bgfade';
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
|
margin-top: 1vmin;
|
||||||
|
flex: 0 0 100%;
|
||||||
|
|
||||||
@include icedream-font;
|
@include icedream-font;
|
||||||
|
|
||||||
// push in some air
|
// push in some air
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
// player container
|
||||||
|
#player {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
margin-top: 2vmin;
|
||||||
|
}
|
Loading…
Reference in New Issue