Files
Popsu-coloque/web/themes/custom/popsu_colloque/css/pages/front.scss
T
2021-04-19 13:10:04 +02:00

181 lines
3.2 KiB
SCSS

header {
#block-mainnavigation {
ul {
li {
font-size: 0.8rem;
a {
color: black;
font-family: "truenoregular";
&.is-active {
font-family: "truenobold";
color: black;
text-decoration: none;
}
&:hover {
font-family: "truenobold";
color: black;
text-decoration: none;
}
}
}
}
}
}
#txt_present {
margin: 3rem 0;
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
& * {
color: $color2;
}
& > div {
margin: 2rem auto;
}
.__title-present {
h2 {
font-size: 1.9rem;
font-family: "truenoregular";
line-height: normal;
}
}
.__sub-title-present {
p {
font-family: "truenoregular_italic";
font-size: 0.9rem;
line-height: 1.3rem;
}
}
.__body-present {
p {
font-family: "truenolight";
font-size: 1.2rem;
line-height: 1.8rem;
}
}
.more_link {
padding: 0rem 1rem 0.2rem 1rem;
background: white;
a {
font-size: 0.7rem;
}
}
}
#block-views-block-dernieres-publications-block-1,
#block-views-block-slide-interviews-block-1 {
.views {
section:not(.wrap_head) {
margin: 1rem 0;
@media screen and (min-width: 768px) {
margin: 1rem calc(0rem - #{$gutter});
}
}
}
}
#block-views-block-gallerie-block-1 {
section:not(.wrap_head) {
display: flex;
flex-wrap: wrap;
margin: 0 -1rem !important;
figure {
padding: 1rem;
margin: 0;
width: 100%;
max-height: 400px;
@media screen and (min-width: 768px) {
width: calc(100% / 3);
max-height: 300px;
}
@media screen and (min-width: 1024px) {
width: calc(100% / 6);
max-height: 200px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.pager {
text-align: center;
margin: 2rem;
.wrap--btn {
a {
@include shadow;
background: white;
width: fit-content;
margin: auto;
padding: 0.5rem 1rem;
font-size: 12px;
display: block;
font-family: "truenobold";
color: $color2;
}
}
}
}
.lightbox {
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.lb-dataContainer {
width: 100%;
background: white;
.lb-details {
width: 100%;
}
span {
display: block;
text-align: center;
color: black;
}
.lb-number {
font-family: "truenobold";
padding-bottom: 0;
}
}
#block-views-block-gallerie-block-1,
#block-views-block-slide-programme-block-1,
#block-views-block-dernieres-publications-block-1,
#block-views-block-slide-interviews-block-1 {
margin: 2rem 0;
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
h3 {
text-transform: uppercase;
margin: 0;
font-family: "dukefill";
font-size: 2rem;
letter-spacing: $letter_spacingH;
color: $color2;
}
}
#block-views-block-slide-programme-block-1 {
h3 {
&::after {
display: inline-flex;
width: 60px;
height: 60px;
vertical-align: middle;
margin-left: 20px;
@include labelOnline;
}
}
}