autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

header is responsive

Browse Source
This commit is contained in:
gaelle morin 2020-01-19 13:57:34 +01:00
parent 3e281edc5c
commit 5a20cfe3a8
No known key found for this signature in database
GPG Key ID: BC97AADCB48B7F27
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/base/header.scss
View File

@ -8,13 +8,10 @@
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
// padding: 1.6rem 0.64rem; // padding: 1.6rem 0.64rem;
padding: 0 2.5rem;
position: relative; position: relative;
z-index: 1; z-index: 1;
> *:not(sib-widget) {
padding: 0 2.5rem;
}
#logo { #logo {
flex: 1 1 0; flex: 1 1 0;
} }
@ -59,9 +56,20 @@
} }
} }
sib-notifications {
@include breakpoint(sm) {
padding: 0;
}
}
details { details {
margin-right: 2.5rem; margin-right: 2.5rem;
@include breakpoint(sm) {
margin-right: 0;
}
summary { summary {
&::-moz-list-bullet { &::-moz-list-bullet {
@ -142,6 +150,10 @@
margin-right: 2rem; margin-right: 2rem;
overflow: hidden; overflow: hidden;
width: 4.8rem; width: 4.8rem;
@include breakpoint(sm) {
margin-right: 0;
}
} }
img { img {
@ -246,6 +258,7 @@
@include breakpoint(sm) { @include breakpoint(sm) {
display: block; display: block;
padding-left: 0;
} }
} }
} }