webapp/src/components/Discours/Footer.module.scss

108 lines
1.4 KiB
SCSS

.discoursFooter {
background: #000;
color: rgb(255 255 255 / 64%);
@include font-size(1.7rem);
padding: 2.4rem 0 4.2rem;
a {
border: none;
color: #fff;
}
h5 {
color: #fff;
margin-bottom: 1.2rem;
}
ul {
list-style: none;
margin: 0 0 6.4rem;
padding: 0;
a {
color: rgb(255 255 255 / 64%);
transition: color 0.3s;
&:hover {
color: #fff;
}
}
}
li {
margin-top: 0.8rem;
}
.wideContainer {
@include media-breakpoint-down(sm) {
padding: 0 $container-padding-x;
}
}
::selection {
background: #fff;
color: #000;
}
}
.discoursFooterContent {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: $grid-gutter-width;
}
.footerCopyright {
border-top: 5px solid #404040;
color: #696969;
@include font-size(1.5rem);
padding-top: 1.6rem;
a {
color: rgba(255, 255, 255, 0.7);
&:hover {
color: #fff;
}
}
}
.footerCopyrightSocial {
display: flex;
.icon {
opacity: 0.5;
transition: 0.3s;
&:hover {
opacity: 1;
}
}
img {
max-height: 20px;
max-width: 20px;
vertical-align: middle;
}
}
.socialItem {
margin-top: 1em;
text-align: center;
width: 25%;
@include media-breakpoint-up(md) {
margin-top: 0;
margin-left: 0.3em;
text-align: right;
}
}
.socialItemvk {
img {
max-width: 25px;
}
}