kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header

Browse Source
This commit is contained in:
ouidade
2024-04-30 14:47:03 +02:00
parent 9904a178e3
commit 083642718b
5 changed files with 238 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css/components/footer/footer.scss
+57 -22
View File
@@ -3,15 +3,24 @@ footer{
border-top: 1px solid black;
width: 100%;
height: auto;
padding: 2rem 0 0 0;
// padding: 2rem 0 0 0;
margin-top:2rem;
.container{
max-width: 90vw;
}
& > .d-flex{
& > div{
margin-bottom: 1.5rem;
padding-top: 2rem;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
& > div:not(:last-of-type){
border-right: 1px solid black;
}
}
@media (min-width: 992px) {
@@ -19,30 +28,55 @@ footer{
display: block !important;
}
}
#block-colloque2024-renderedsitesettingsblock-5{
.site_setting_entity{
& > div{
display: flex;
flex-wrap: nowrap;
@media screen and (min-width: 768px) {
display:block;
}
& > div{
width: calc((100% / 3) - #{$gutter});
@media screen and (min-width: 768px) {
width: calc((100% / 2) - #{$gutter});
max-width: 200px;
margin-bottom: 2rem;
}
&:first-child{
margin-right: $gutter;
}
}
#block-renderedsitesettingsblock-5{
max-width: 30%;
div.site_setting_entity div.grid{
display: grid;
grid-template-columns: 1fr 1fr;
div:nth-of-type(1){
grid-column: 1;
grid-row: 1 / span 3;
}
div:nth-of-type(2){
grid-column: 2;
grid-row: 1;
}
div:nth-of-type(3){
grid-column: 2;
grid-row: 2;
}
div:nth-of-type(4){
grid-column: 2;
grid-row: 3;
}
}
// & > div{
// // display: flex;
// // flex-wrap: nowrap;
// @media screen and (min-width: 768px) {
// display:block;
// }
// & > div{
// // width: calc((100% / 3) - #{$gutter});
// @media screen and (min-width: 768px) {
// width: calc((100% / 2) - #{$gutter});
// max-width: 200px;
// margin-bottom: 2rem;
// }
// // &:first-child{
// // margin-right: $gutter;
// }
// }
// }
}
#block-colloque2024-renderedsitesettingsblock-4{
#block-renderedsitesettingsblock-4{
@media (min-width: 992px) {
.d-lg-block {
display: block !important;
@@ -97,4 +131,5 @@ footer{
}
}
}
}
}