67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
#footer{
|
|
padding-bottom: 45px;
|
|
width: 100%;
|
|
background: $light-grey;
|
|
.block{
|
|
@include inlineflex;
|
|
width: 100%;
|
|
margin: 20px 0;
|
|
justify-content: center;
|
|
p{
|
|
padding: 0 20px;
|
|
|
|
img{
|
|
width: 100%;
|
|
max-width: 150px;
|
|
height: auto;
|
|
}
|
|
&:nth-of-type(1){
|
|
img{
|
|
float: right;
|
|
}
|
|
}
|
|
&:not(:nth-of-type(1)){
|
|
border-left: 1px solid black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.opt-out{
|
|
height: auto;
|
|
-webkit-transform: translateY(70%);
|
|
transform: translateY(70%);
|
|
z-index: 9999;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: rgba(255,255,255,.5 );
|
|
text-align: center;
|
|
font-family: $Bold;
|
|
transition: background 0.3s ease, -webkit-transform 0.3s ease;
|
|
transition: transform 0.3s ease, background 0.3s ease;
|
|
transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
|
|
iframe{
|
|
height: 110px;
|
|
}
|
|
p{
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
}
|
|
img{
|
|
width: 20px;
|
|
height: auto;
|
|
cursor: pointer;
|
|
}
|
|
&.open{
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
background: white;
|
|
transition: all 0.3s ease;
|
|
img{
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
}
|
|
}
|