Files
Popsu-coloque/web/themes/custom/popsu_colloque/css/pages/front.scss
T
2021-02-18 21:45:17 +01:00

180 lines
3.1 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{
.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{
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;
}
}
}