forked from laurens/fediversity_website
Toon op normaal scherm de menu-items aan rechterzijde, op mobiel linkerzijde (als onderdeel van hamburgermenu) en op mobiel standaard uitgeklapt
This commit is contained in:
parent
bc55f0ae0e
commit
8d0a297fa3
|
@ -60,26 +60,6 @@ h1, h2, h3, h4, h5, strong, b {
|
||||||
//text-transform: uppercase;
|
//text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
//header {
|
|
||||||
// //display: flex;
|
|
||||||
// //justify-content: space-between;
|
|
||||||
// //padding-bottom: 0.5rem;
|
|
||||||
// line-height: 2;
|
|
||||||
// padding-bottom: 1.5rem;
|
|
||||||
//}
|
|
||||||
|
|
||||||
//.header {
|
|
||||||
// padding:0;
|
|
||||||
// margin:0;
|
|
||||||
// background-color: $color-header;
|
|
||||||
// color: $color-text-inverse;
|
|
||||||
// text-align:right;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//.header ul li:last-child {
|
|
||||||
// padding-right: 10px;
|
|
||||||
//}
|
|
||||||
|
|
||||||
.header{
|
.header{
|
||||||
background-color: $color-header;
|
background-color: $color-header;
|
||||||
box-shadow: 1px 1px 5px 0px grey;
|
box-shadow: 1px 1px 5px 0px grey;
|
||||||
|
@ -173,7 +153,7 @@ h1, h2, h3, h4, h5, strong, b {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
padding: 10px 0 ;
|
padding: 10px 0 ;
|
||||||
display: none;
|
//display: none;
|
||||||
}
|
}
|
||||||
.subnav-content a {
|
.subnav-content a {
|
||||||
color: $color-text-inverse;
|
color: $color-text-inverse;
|
||||||
|
@ -198,15 +178,15 @@ h1, h2, h3, h4, h5, strong, b {
|
||||||
background-color: $color-header;
|
background-color: $color-header;
|
||||||
color: $color-text-inverse;
|
color: $color-text-inverse;
|
||||||
}
|
}
|
||||||
.header {
|
.header ul {
|
||||||
text-align: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.nav{
|
.nav{
|
||||||
max-height: none;
|
max-height: none;
|
||||||
top: 0;
|
top: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
float: right;
|
float: right;
|
||||||
width: fit-content;
|
//width: fit-content;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.menu li{
|
.menu li{
|
||||||
|
|
Reference in a new issue