Vulcan/packages/nova-base-styles/lib/stylesheets/_header.scss

79 lines
1.2 KiB
SCSS
Raw Normal View History

2016-03-25 10:45:28 +09:00
.header-wrapper{
2016-03-25 11:30:01 +09:00
background: $header-bg;
2016-03-25 10:45:28 +09:00
margin-bottom: $vmargin;
2016-03-25 11:22:35 +09:00
}
.header{
2016-03-30 10:06:12 +09:00
@include medium-large{
@include flex-center;
justify-content: space-between;
}
2016-04-19 09:39:09 +09:00
padding-top: $vmargin;
padding-bottom: $vmargin;
2016-03-25 11:22:35 +09:00
}
.logo{
2016-04-18 12:16:07 +09:00
@include small{
text-align: center;
}
2016-03-30 10:06:12 +09:00
@include medium-large{
display: flex;
align-items: baseline;
.logo-text{
margin-right: $hmargin;
}
.logo-image{
margin-right: $hmargin;
}
2016-03-25 11:22:35 +09:00
}
.tagline{
font-size: 1.35rem;
}
}
.nav{
@include flex-center;
2016-04-18 12:16:07 +09:00
@include small{
border-top: 1px solid $medium-grey;
margin-top: $vmargin;
padding-top: $vmargin;
justify-content: space-between;
}
@include medium-large{
.nav-user{
margin-right: $hmargin;
}
2016-03-25 11:22:35 +09:00
}
.nav-new-post{
2016-04-18 12:16:07 +09:00
@include small{
2016-03-25 11:22:35 +09:00
2016-04-18 12:16:07 +09:00
}
2016-03-25 11:22:35 +09:00
}
2016-03-25 12:42:25 +09:00
}
2016-04-19 15:54:53 +09:00
.users-account-menu, .users-menu{
2016-03-25 12:42:25 +09:00
.dropdown-toggle{
@include flex-center;
padding: 0;
background: none;
img{
margin-right: 5px;
}
}
}
.accounts-ui{
padding: $vmargin;
min-width: 240px;
.buttons{
.btn{
display: block;
width: 100%;
text-align: center;
margin-bottom: $vmargin;
&:last-child{
margin-bottom: 0;
}
}
}
2016-03-25 10:45:28 +09:00
}