created colloque 2024 theme
This commit is contained in:
@@ -0,0 +1,121 @@
|
||||
.flickity-button {
|
||||
background: transparent;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.flickity-button-icon {
|
||||
fill: $col_black;
|
||||
}
|
||||
|
||||
.flickity-button:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-slide-programme-node-intervenant-block-1 {
|
||||
.__slide {
|
||||
article {
|
||||
width: calc(100% - 30px);
|
||||
height: 325px;
|
||||
// background: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 3rem $gutter 1.5rem $gutter;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
width: calc(100% / 3 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
@include shadow;
|
||||
.__wrap {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
&.first {
|
||||
& > span {
|
||||
font-family: "truenolight";
|
||||
position: absolute;
|
||||
top: -2.5rem;
|
||||
width: max-content;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
&:not(:first-child) {
|
||||
&::before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: " ";
|
||||
width: 1px;
|
||||
height: calc(100% + 3rem);
|
||||
margin: -2.5rem 0 0 0;
|
||||
background: $color1;
|
||||
left: -0.5rem;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-views-block-gallerie-block-1,
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-slide-programme-node-intervenant-block-1,
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.views {
|
||||
section.wrap_head {
|
||||
@include croix_or;
|
||||
.head {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 576px) {
|
||||
.views {
|
||||
section {
|
||||
.head {
|
||||
display: flex !important;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph--type--role-de-l-intervenant {
|
||||
margin-bottom: 2rem;
|
||||
.__slide {
|
||||
&:after {
|
||||
content: "flickity";
|
||||
display: none;
|
||||
@media screen and (min-width: 768px) {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.flickity-viewport {
|
||||
// overflow: initial;
|
||||
}
|
||||
.flickity-slider > div {
|
||||
width: 70%;
|
||||
padding: 0 0.5rem;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user