cleané
This commit is contained in:
@@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
function slides() {
|
||||
var Home = $('.accueil .hero .main-carousel');
|
||||
$('.main-carousel').flickity({
|
||||
@@ -8,8 +6,6 @@ function slides() {
|
||||
prevNextButtons: false,
|
||||
});
|
||||
|
||||
|
||||
|
||||
// console.log('carrousell');
|
||||
// if (Home != null) {
|
||||
// var flkty = new Flickity( Home, {
|
||||
@@ -60,7 +56,7 @@ function masonry() {
|
||||
//columnWidth: '.engagement',
|
||||
columnWidth: '.engagement',
|
||||
itemSelector: '.engagement',
|
||||
gutter: '.gutter-sizer',
|
||||
gutter: 10,
|
||||
percentPosition: true
|
||||
});
|
||||
|
||||
@@ -96,6 +92,12 @@ function isotope() {
|
||||
$('.cat-list li').on( 'click', function(evt) {
|
||||
var filterValue = $(this).attr('data-filter');
|
||||
$grid.isotope({ filter: filterValue });
|
||||
|
||||
if ($('.cat-list li').hasClass('is-active')) {
|
||||
$('.cat-list li').removeClass('is-active');
|
||||
}
|
||||
|
||||
$(this).toggleClass('is-active');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@@ -47,7 +47,7 @@ header{
|
||||
}
|
||||
}
|
||||
&.nav-main{
|
||||
justify-content: end;
|
||||
justify-content: flex-end;
|
||||
align-items: baseline;
|
||||
padding-top: $padTopNav;
|
||||
& > * {
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import "header.scss";
|
||||
@import "thumbnails.scss";
|
||||
@import "hero.scss";
|
||||
@import "hero.scss";
|
||||
@import "forms.scss";
|
||||
@@ -0,0 +1,28 @@
|
||||
.la-collecte{
|
||||
aside{
|
||||
form{
|
||||
border: 5px solid black;
|
||||
padding: 1rem;
|
||||
.acf-form-submit{
|
||||
text-align: center;
|
||||
button {
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
&:hover{
|
||||
color: white;
|
||||
background: black;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
label{
|
||||
display: none!important;
|
||||
}
|
||||
input{
|
||||
border: 0px solid black!important;
|
||||
border-bottom: 1px solid black!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -19,12 +19,22 @@ body{
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@mixin reset-list{
|
||||
@mixin reset-list{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@mixin full-width {
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;
|
||||
}
|
||||
|
||||
|
||||
@mixin horizontal-list {
|
||||
& > li {
|
||||
display: inline-block;
|
||||
|
||||
@@ -32,7 +32,23 @@ li,ul,ol{
|
||||
@include reset-list;
|
||||
}
|
||||
|
||||
footer, iframe{
|
||||
|
||||
#section_MineVideo{
|
||||
figure{
|
||||
position: relative;
|
||||
padding-bottom: 56.25%; /* 16:9 */
|
||||
height: 0;
|
||||
iframe{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
&.agenda{
|
||||
&.agenda, &.archive{
|
||||
main{
|
||||
padding-top: 10rem;
|
||||
section{
|
||||
@@ -11,6 +11,17 @@
|
||||
border: 5px solid black;
|
||||
padding: 0.5rem 1rem;
|
||||
margin-left: 1rem;
|
||||
cursor:pointer;
|
||||
transition: background 0.3s ease, color 0.3s ease;
|
||||
&:hover{
|
||||
background:black;
|
||||
color: white;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
&.is-active{
|
||||
background:black;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.thumbnails{
|
||||
@@ -30,4 +41,5 @@
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,36 @@
|
||||
&.association{
|
||||
aside{
|
||||
height: 100%;
|
||||
& > .wrapper{
|
||||
border:5px solid yellow;
|
||||
padding: 1rem 2rem;
|
||||
}
|
||||
#bouton_asso{
|
||||
margin: 2rem 0;
|
||||
text-align: center;
|
||||
a{
|
||||
padding: 0.5rem 1rem;
|
||||
border:5px solid yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tableau_engagements{
|
||||
&.card-columns {
|
||||
column-count: 1;
|
||||
@include media-breakpoint-only(md) {
|
||||
column-count: 1;
|
||||
}
|
||||
@include media-breakpoint-only(lg) {
|
||||
column-count: 2;
|
||||
}
|
||||
@include media-breakpoint-only(xl) {
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
article{
|
||||
border: 5px solid yellow;
|
||||
margin-bottom: 20px;
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
&.la-benevole-zone{
|
||||
main{
|
||||
aside{
|
||||
.__content{
|
||||
padding: 1rem;
|
||||
border: 5px solid black;
|
||||
}
|
||||
.__bouttons{
|
||||
& > div{
|
||||
text-align: center;
|
||||
margin: 0.5rem 0;
|
||||
a{
|
||||
display: block;
|
||||
width: max-content;
|
||||
margin: auto;
|
||||
padding: 0.5rem 1em;
|
||||
border: 2px solid black;
|
||||
color: black;
|
||||
background: white;
|
||||
&:hover{
|
||||
color: white;
|
||||
background: black;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -11,6 +11,26 @@
|
||||
}
|
||||
padding: 5rem 0;
|
||||
}
|
||||
.container-fluid{
|
||||
& > h3{
|
||||
border: 5px solid black;
|
||||
width: max-content;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1.5rem;
|
||||
z-index: 999;
|
||||
left: -0rem;
|
||||
background: white;
|
||||
position: relative;
|
||||
margin-bottom: 2rem;
|
||||
transform: translateX(0%) rotate(-15deg);
|
||||
@media screen and (min-width: 576px) {
|
||||
transform: translateX(0%) rotate(-15deg);
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
transform: translateX(-50%) rotate(-15deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
h4{
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2;
|
||||
@@ -23,6 +43,9 @@
|
||||
& > div{
|
||||
& > .row{
|
||||
justify-content: center;
|
||||
&:first-of-type{
|
||||
min-height: 500px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.thumbnails{
|
||||
@@ -37,14 +60,27 @@
|
||||
}
|
||||
}
|
||||
&#section_projets{
|
||||
.container-fluid{
|
||||
& > h4{
|
||||
text-align: center;
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
}
|
||||
.projets{
|
||||
margin-bottom: 2rem;
|
||||
h3{
|
||||
text-align: center;
|
||||
color: red;
|
||||
text-transform: uppercase;
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
& > div{
|
||||
border:10px solid red;
|
||||
padding: 1rem;
|
||||
height: calc(100% - 4rem);
|
||||
h4{
|
||||
font-size: 1rem;
|
||||
line-height: 1.2;
|
||||
@@ -59,7 +95,7 @@
|
||||
}
|
||||
}
|
||||
&:not(:last-of-type){
|
||||
margin-bottom: 2rem;
|
||||
// margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -105,6 +141,56 @@
|
||||
}
|
||||
|
||||
}
|
||||
&#section_asso{
|
||||
.container-fluid{
|
||||
& > .row{
|
||||
position: relative;
|
||||
}
|
||||
figure {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-top: 100px;
|
||||
width: 70%;
|
||||
& ~ .row{
|
||||
margin-top: 2rem;
|
||||
left: 0;
|
||||
transform: translateX(0);
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding: 20px 10px;
|
||||
background-color: white;
|
||||
border: 8px solid yellow;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 576px) {
|
||||
.container-fluid{
|
||||
& > .row{
|
||||
position: relative;
|
||||
}
|
||||
figure {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-top: 100px;
|
||||
width: 70%;
|
||||
& ~ .row{
|
||||
margin-top: 2rem;
|
||||
left: 80%;
|
||||
transform: translateX(-100%);
|
||||
width: 70%;
|
||||
position: relative;
|
||||
padding: 20px 10px;
|
||||
background-color: white;
|
||||
border: 8px solid yellow;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a.btn{
|
||||
|
||||
@@ -1,2 +1,15 @@
|
||||
@import "home.scss";
|
||||
@import "agenda.scss";
|
||||
@import "agenda.scss";
|
||||
@import "benevole-zone";
|
||||
@import "privatiser-lespace";
|
||||
@import "les-projets";
|
||||
@import "les-temps-forts";
|
||||
@import "single";
|
||||
|
||||
@import "association";
|
||||
|
||||
&:not(.accueil){
|
||||
main{
|
||||
padding-top:10rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
&.les-projets{
|
||||
article{
|
||||
margin: 5rem 0;
|
||||
header{
|
||||
margin-bottom: 1.5rem;
|
||||
h3{
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
& > div{
|
||||
padding: 2.5rem 3rem;
|
||||
border:5px solid black;
|
||||
p{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.projet{
|
||||
justify-content: center;
|
||||
.wrap_content{
|
||||
figure{
|
||||
height: 300px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
._pjt{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
&.les-temps-forts{
|
||||
.img{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
img{
|
||||
width:100%;
|
||||
height:100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
.video{
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
& > div{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 50%;
|
||||
padding-top: 35px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
iframe{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
main{
|
||||
& > article{
|
||||
height: 100%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
&.privatiser-lespace{
|
||||
main{
|
||||
.main-carousel{
|
||||
@include full-width;
|
||||
}
|
||||
article{
|
||||
h5{
|
||||
text-align: center;
|
||||
}
|
||||
.__item{
|
||||
border: 5px solid green;
|
||||
padding: 0.8rem;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
margin-top: 2rem;
|
||||
border: 1px solid black;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 0px;
|
||||
color: black;
|
||||
background: white;
|
||||
&:hover{
|
||||
color: white;
|
||||
background: black;
|
||||
transition: all 0.3s ease;
|
||||
a{
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
figure{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
figcaption{
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border: 5px solid green;
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
background: white;
|
||||
padding: 0.5rem 1rem;
|
||||
@media screen and (min-width: 576px) {
|
||||
left: 0%;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
p:last-of-type{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
&.post{
|
||||
.other{
|
||||
margin: 5rem 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user