bachir/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modif css

Browse Source
This commit is contained in:
Tessier
2020-10-16 17:03:15 +02:00
parent a40b4fa8d2
commit fd8cd36704
34 changed files with 1624 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/themes/la_mine/src/assets/js/scripts.js
+7 -9
View File
@@ -67,11 +67,10 @@ function paralax() {
var rellax = new Rellax(".paralax", {
center:true
});
$paralax.each( function(){
var random = Math.floor((Math.random() * 80) + 20);
$(this).css( "left", random +'vw' );
})
// $paralax.each( function(){
// var random = Math.floor((Math.random() * 80) + 20);
// $(this).css( "left", random +'vw' );
// })
}
function isotope() {
@@ -102,10 +101,11 @@ function isotope() {
}
function drag(){
$( '.group_drag' ).draggable({
$( '#section_projets .draggable img' ).draggable({
containment: "html",
scroll: false
});
}
function click_nav() {
@@ -126,14 +126,12 @@ function scrollto(){
}
$( document ).ready(function() {
drag();
burger();
click_nav();
slides();
isotope();
// custom_player();
// masonry();
paralax();
// drag();
if (window.width >= 578) {
scrollto();
}
web/app/themes/la_mine/src/assets/scss/components/_footer.scss
+7 -7
View File
@@ -58,10 +58,10 @@ body{
flex-wrap: wrap;
@media screen and (min-width: 568px) {
flex-direction: row;
justify-content: center;
justify-content: flex-start;
}
& > div{
border: 1px solid black;
border: 2px solid black;
background:white;
text-transform: uppercase;
width: 100%;
@@ -84,7 +84,7 @@ body{
}
& > input{
width: 100%;
border: 1px solid black;
border: 2px solid black;
padding: 0.5rem;
border-left: 1px solid black;
@media screen and (min-width: 568px) {
@@ -120,16 +120,16 @@ body{
.add_assos{
background: white;
color: black;
margin: 2rem auto;
border: 5px solid black;
// margin: 2rem auto;
border-radius: 0;
border: 2px solid black;
display: block;
width: max-content;
text-transform: uppercase;
@media screen and (min-width: 568px) {
margin: 0.5rem auto;
// margin: 0.5rem auto;
}
&:hover{
border: 5px solid black;
background: black;
color: white;
}
web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss
+1 -1
View File
@@ -33,7 +33,7 @@
&.transition_urbaine{
background-image: url("../../assets/images/svg/picto_transition.svg");
}
&.transition_urbaine{
&.autre{
background-image: url("../../assets/images/svg/picto_autres.svg");
}
}
web/app/themes/la_mine/src/assets/scss/index.scss
+3 -1
View File
@@ -17,7 +17,9 @@
.flickity-prev-next-button.next{
right: 20px;
}
.flickity-button{
background: none;
}
@import "hamburgers/hamburgers.scss";
@import "components/index.scss";
web/app/themes/la_mine/src/assets/scss/pages/_association.scss
+10 -3
View File
@@ -25,6 +25,7 @@
}
aside{
height: 100%;
.__header{
h3{
font-family: 'millimetre-bold';
@@ -35,11 +36,17 @@
& > .wrapper{
border:5px solid $colorYellow;
padding: 1rem 2rem;
background: white;
}
.__content{
ul{
li{
margin: 0.5rem 0;
a{
&:hover{
text-decoration: underline!important;
}
}
}
}
a{
@@ -49,14 +56,14 @@
font-size: 1.2rem;
line-height: 1;
text-transform: uppercase;
text-decoration: underline;
}
}
#bouton_asso{
margin: 2rem 0;
text-align: center;
a{
background: none;
background: white;
color: black;
transition: 0.3s all ease;
padding: 0.5rem 1rem;
@@ -105,4 +112,4 @@
}
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_benevole-zone.scss
+5 -1
View File
@@ -4,6 +4,9 @@
border: 5px solid $colorPurple;
}
}
.paralax{
right: 10%;
}
main{
aside{
margin-bottom: 2rem;
@@ -19,6 +22,7 @@
padding: 1rem;
border: 5px solid $colorPurple;
text-align: center;
background: white;
@media screen and (min-width: 768px) {
text-align: left;
}
@@ -51,4 +55,4 @@
}
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_home.scss
+31 -2
View File
@@ -121,9 +121,12 @@
}
}
}
.paralax{
left: -10%;
}
}
&#section_projets{
position: relative;
.container-fluid{
& > h3{
border: 5px solid $colorRed;
@@ -167,6 +170,31 @@
}
}
}
figure{
&.icones{
img{
position: absolute;
&#objet_1{
width: 200px;
height: auto;
left: calc(0% - 100px);
top: 50%;
}
&#objet_2{
width: 250px;
height: auto;
left: calc(33% - 125px);
bottom: 10%;
}
&#objet_3{
width: 300px;
height: auto;
right: calc(0% - 150px);
top: 70%;
}
}
}
}
}
&#section_tpsF{
.container-fluid{
@@ -272,8 +300,9 @@
}
}
}
a.btn{
a.btn:not(.add_assos){
display: block;
margin: auto;
background: white;
}
}
web/app/themes/la_mine/src/assets/scss/pages/_la-collecte.scss
+4 -1
View File
@@ -6,6 +6,9 @@
}
aside{
margin-bottom: 3rem;
form{
background: white;
}
header{
h3{
text-align: center;
@@ -16,4 +19,4 @@
}
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_les-projets.scss
+7 -4
View File
@@ -20,7 +20,9 @@
transform: translateX(-50%) rotate(-15deg);
}
}
.paralax{
right: 10%;
}
article{
margin: 5rem 0;
header{
@@ -30,11 +32,12 @@
text-transform: uppercase;
color: $colorRed;
font-family: 'millimetre-regular';
font-size: 1.8rem;
font-size: 1.8rem;
}
& > div{
padding: 2.5rem 3rem;
padding: 2.5rem 3rem;
border:5px solid $colorRed;
background: white;
p{
margin: 0;
}
@@ -63,4 +66,4 @@
}
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_les-temps-forts.scss
+3 -3
View File
@@ -48,13 +48,13 @@
left: 0;
width: 100%;
height: 100%;
}
}
}
}
main{
& > article{
height: 100%;
margin-bottom: 1rem;
margin-bottom: 10rem;
h3{
font-size: 1.8rem;
line-height: 1.2;
@@ -63,4 +63,4 @@
}
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_privatiser-lespace.scss
+4
View File
@@ -25,8 +25,12 @@
.__item{
border: 5px solid $colorGreen;
padding: 0.8rem;
background: white;
}
}
.paralax{
right: -10%;
}
.btn{
// margin-top: 2rem;
border: 5px solid $colorGreen;