header et menu v0

This commit is contained in:
armansansd
2021-06-24 16:04:02 +02:00
parent c87d8dbf9b
commit e1c693f94c
10 changed files with 303 additions and 164 deletions

View File

@@ -14,96 +14,6 @@ main{
a{
color:inherit;
}
.close-block, .open-block{
background: red;
cursor:pointer;
}
//header
.header_top_left_container{
height: 3rem;
#block-identitedusite{
height: 100%;
// max-height: 5rem;
a[rel~='home']{
height: 100%;
display: block;
color: transparent;
background: left / contain no-repeat url(../images/popsu-home-logo.png);
}
}
}
.header_top_middle_container{
background: red;
// div{
// div{
// div:first-child{
// display: grid;
// grid-template-columns: repeat(3, 1fr);
// }
// }
// }
//how to access the view js id
.views-row{
display: inline-block;
width: auto;
}
}
#header-top-right{
.header_top_right_container{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgb(161, 161, 161);
display: none;
grid-template-columns: 5% 30% 30% 30% 5%;
padding: 1rem 0;
z-index: 100;
line-height: 2;
nav{
grid-column-start: 2;
}
// padding: 1rem .5rem 1rem .5rem;
a{
text-decoration: none;
font-weight: 400;
&:hover{
text-decoration: underline;
}
}
h2{
font-weight: 100;
margin-bottom: .3rem;
}
.is-active{
font-weight: 800;
}
#block-views-block-programmes-block-2-2{
.views-row{
width: 100%;
}
}
}
}
nav{
// position: absolute;
// display: none;
}
//footer
footer{
*{
word-wrap: break-word;
}
}
//TEMP
iframe{

View File

@@ -5,7 +5,7 @@ $font-normal: .6rem;
$col-met: red;
$col-eur: blue;
$col-reg: green;
$col-mond: wheat;
@media (min-width: 48rem) {
:root {
font-size: calc(1rem + ((1vw - .48rem) * 1.389));