css header footer en cours
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user