css header footer en cours

This commit is contained in:
2023-11-21 12:57:05 +01:00
parent b2d979ad98
commit 8b9c030d89
10 changed files with 456 additions and 8 deletions
@@ -0,0 +1,42 @@
footer{
// box-shadow: 1px 0px 8px $black;
// display: flex;
// flex-direction: row;
background-color: white;
// padding-top: 3rem;
div{
display: flex;
flex: 1 1 120px;
flex-direction: row;
}
}
#block-reha-logoreha-2{
}
#block-reha-pieddepage{
font-family: 'Marianne-Bold';
}
#block-reha-operateurduprogramme{
display: flex;
flex-direction: column;
border-left: #fdc300 solid 1px;
border-right: #fdc300 solid 1px;
padding-left: 3rem;
font-family: 'Marianne-Bold';
}
#block-reha-config-pages-2{
margin-left: 3rem;
border: none;
width: 20%;
display: flex;
flex-direction: column;
}
@@ -0,0 +1,32 @@
.layout-container{
position: relative;
width: 100vw;
background-color: rgba(153, 147, 174, 0.1);
header{
display: block;
width: 100%;
background-color: white;
position: fixed;
z-index: 99;
width: 100vw;
position: -webkit-sticky;
position: sticky;
top: 0;
.sticky{
position: fixed;
}
div{
display:flex;
flex-direction: row;
}
}
}