Files
Popsu-coloque/web/themes/custom/colloque2024/css/components/footer/footer.scss
T
2024-04-30 15:53:33 +02:00

143 lines
2.8 KiB
SCSS

footer{
background: white;
border-top: 1px solid black;
width: 100%;
height: auto;
// 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 screen and (min-width: 300px) {
border-right: none;
}
}
}
@media (min-width: 992px) {
.d-lg-block {
display: block !important;
}
}
#block-renderedsitesettingsblock-5{
max-width: 30%;
@media screen and (max-width: 300px) {
max-width: 100%;
}
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;
}
@media screen and (max-width: 300px) {
display: flex;
flex-direction: column;
}
}
// & > 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-4{
@media (min-width: 992px) {
.d-lg-block {
display: block !important;
}
}
.site_setting_entity{
& > div{
margin: 1rem 0;
&:first-child{
&::after,&:before{
margin: 0.5rem 0;
display: block;
content: " ";
width: 1rem;
height: 1px;
background: black;
}
}
}
.sub-title{
font-size: 1rem;
}
.d-flex{
margin-top: 1rem;
& > div{
width: 30px;
margin-right: 1rem;
}
}
}
}
.site_setting_entity{
img{
height: auto;
}
}
& > div{
display: flex;
flex-wrap: nowrap;
.__slide{
.flickity-slider{
& > div{
width: max-content;
margin: 0 1rem;
img{
width: auto!important;
height: 100px;
max-width: 70px;
object-fit: contain;
}
}
}
}
}
}