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/meta';
|
||||
@import 'header/player';
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
|
@ -3,6 +3,10 @@
|
|||
|
||||
// currently playing track metadata
|
||||
#meta {
|
||||
margin-top: 2vmin;
|
||||
margin-bottom: none;
|
||||
flex: 1 1 auto;
|
||||
|
||||
@include icedream-font;
|
||||
color: $icedream-text-color;
|
||||
line-height: $icedream-extended-line-height;
|
||||
|
|
|
@ -2,6 +2,9 @@
|
|||
@import 'nav/bgfade';
|
||||
|
||||
#nav {
|
||||
margin-top: 1vmin;
|
||||
flex: 0 0 100%;
|
||||
|
||||
@include icedream-font;
|
||||
|
||||
// push in some air
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
// player container
|
||||
#player {
|
||||
flex: 0 0 auto;
|
||||
margin-top: 2vmin;
|
||||
}
|
Loading…
Reference in New Issue