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

clean css

Browse Source
This commit is contained in:
Kevin Tessier 2020-09-15 12:53:50 +02:00
parent cca5ead09a
commit dedd9459e3
12 changed files with 339 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
web/app/themes/la_mine/dist/assets/css/index.css vendored
View File

File diff suppressed because one or more lines are too long

2
web/app/themes/la_mine/dist/assets/css/index.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
web/app/themes/la_mine/src/assets/scss/configs/_variables.scss
View File

@ -3,6 +3,7 @@ $colorWhite: white;
$colorYellow:#ffcc00; $colorYellow:#ffcc00;
$colorBlack:black; $colorBlack:black;
$colorBlue:#009ee0ff; $colorBlue:#009ee0ff;
$colorRed:#f51212;
$colorBlack:black; $colorBlack:black;
$heightLogo: 115px; $heightLogo: 115px;

4
web/app/themes/la_mine/src/assets/scss/index.scss
View File

@ -48,10 +48,6 @@ li,ul,ol{
} }
} }
footer{
display: none!important;
}
.wrap-btn{ .wrap-btn{
margin-top: 2rem; margin-top: 2rem;
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {

77
web/app/themes/la_mine/src/assets/scss/pages/_agenda.scss
View File

@ -1,30 +1,71 @@
&.agenda, &.archive{ &.agenda, &.archive{
main{ main{
padding-top: 10rem; padding-top: 10rem;
h2{
border: 5px solid $colorYellow;
text-transform: uppercase;
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);
}
}
section{ section{
&.filter{ &.filter{
margin-bottom: 2rem; flex-direction: column;
} ul{
} margin-bottom: 2rem;
.cat-list{ li{
li{ border: 5px solid black;
border: 5px solid black; padding: 0.5rem 1rem;
padding: 0.5rem 1rem; margin-bottom: 1rem;
margin-left: 1rem; margin-left: 1rem;
cursor:pointer; cursor:pointer;
transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease;
&:hover{ a{
background:black; color: black;
color: white; }
transition: all 0.3s ease; &:hover{
} background:black;
&.is-active{ color: white;
background:black; transition: all 0.3s ease;
color: white; a{
color: inherit;
}
}
&.is-active{
background:black;
color: white;
a{
color: inherit;
}
}
}
&:not(.cat-list){
justify-content: end;
li{
margin-right: 1rem;
}
}
} }
} }
} }
.thumbnails{ .thumbnails{
a{
display: block;
}
margin-bottom: 2rem; margin-bottom: 2rem;
.wrap_content{ .wrap_content{
display: flex; display: flex;

6
web/app/themes/la_mine/src/assets/scss/pages/_association.scss
View File

@ -2,7 +2,7 @@
aside{ aside{
height: 100%; height: 100%;
& > .wrapper{ & > .wrapper{
border:5px solid yellow; border:5px solid $colorYellow;
padding: 1rem 2rem; padding: 1rem 2rem;
} }
#bouton_asso{ #bouton_asso{
@ -10,7 +10,7 @@
text-align: center; text-align: center;
a{ a{
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border:5px solid yellow; border:5px solid $colorYellow;
} }
} }
} }
@ -28,7 +28,7 @@
} }
} }
article{ article{
border: 5px solid yellow; border: 5px solid $colorYellow;
margin-bottom: 20px; margin-bottom: 20px;
padding: 2rem; padding: 2rem;
} }

134
web/app/themes/la_mine/src/assets/scss/pages/_home.scss
View File

@ -13,7 +13,7 @@
} }
.container-fluid{ .container-fluid{
& > h3{ & > h3{
border: 5px solid black; text-transform: uppercase;
width: max-content; width: max-content;
display: inline-block; display: inline-block;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
@ -40,6 +40,11 @@
} }
} }
&#section_proch{ &#section_proch{
& > .container-fluid{
h3{
border: 5px solid $colorYellow;
}
}
& > div{ & > div{
& > .row{ & > .row{
justify-content: center; justify-content: center;
@ -59,9 +64,72 @@
} }
} }
} }
&#section_asso{
.container-fluid{
& > h3{
border: 5px solid $colorYellow;
}
& > .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: 5px solid $colorYellow;
margin: auto;
}
}
.btn{
a{
text-decoration: underline;
color: $colorBlack;
}
}
}
@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: 5px solid $colorYellow;
margin-bottom: 100px;
}
}
}
}
}
&#section_projets{ &#section_projets{
.container-fluid{ .container-fluid{
& > h4{ & > h3{
border: 5px solid $colorRed;
}
& > h4{
text-align: center; text-align: center;
margin: 0 0 2rem 0; margin: 0 0 2rem 0;
} }
@ -70,7 +138,7 @@
margin-bottom: 2rem; margin-bottom: 2rem;
h3{ h3{
text-align: center; text-align: center;
color: red; color: $colorRed;
text-transform: uppercase; text-transform: uppercase;
height: 4rem; height: 4rem;
display: flex; display: flex;
@ -78,13 +146,13 @@
justify-content: center; justify-content: center;
} }
& > div{ & > div{
border:10px solid red; border:10px solid $colorRed;
padding: 1rem; padding: 1rem;
height: calc(100% - 4rem); height: calc(100% - 4rem);
h4{ h4{
font-size: 1rem; font-size: 1rem;
line-height: 1.2; line-height: 1.2;
color: red; color: $colorRed;
} }
& > div{ & > div{
p{ p{
@ -100,6 +168,12 @@
} }
} }
&#section_tpsF{ &#section_tpsF{
.container-fluid{
& > h3{
border: 5px solid $colorBlue;
color: $colorBlack;
}
}
& > div{ & > div{
& > .row{ & > .row{
justify-content: center; justify-content: center;
@ -141,53 +215,10 @@
} }
} }
&#section_asso{ &#section_MineVideo{
.container-fluid{ .container-fluid{
& > .row{ & > h3{
position: relative; border: 5px solid $colorBlue ;
}
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;
}
}
} }
} }
} }
@ -198,6 +229,7 @@
margin: auto; margin: auto;
} }
} }
.thumbnails{ .thumbnails{
&:not(:last-of-type){ &:not(:last-of-type){
margin-bottom: 3rem; margin-bottom: 3rem;

71
web/app/themes/la_mine/src/assets/scss/pages/_single.scss
View File

@ -1,5 +1,76 @@
&.post{ &.post{
.retour{
margin-bottom: 2rem;
a{
display: inline-block;
transform: translateX(-50%);
color: black;
}
}
header{
h3{
border: 5px solid $colorYellow;
padding: 0.5rem;
width: max-content;
}
}
.data{
margin: 1rem 0rem;
}
footer{
.partager{
figure{
a{
margin-right: 0.5rem;
width: 35px;
height: 35px;
}
}
}
}
.other{ .other{
margin: 5rem 0; margin: 5rem 0;
h3{
border: 5px solid $colorYellow;
width: max-content;
padding: 0.5rem;
text-transform: uppercase;
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);
}
}
.thumbnails{
min-height: 450px;
a{
display: block;
}
margin-bottom: 2rem;
.wrap_content{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -6rem;
height: 150px;
}
&:hover {
.wrap_content{
margin-top: -7rem;
}
}
}
} }
} }

7
web/app/themes/la_mine/templates/agenda.twig
View File

@ -3,7 +3,7 @@
{% include 'components/title_page.twig' %} {% include 'components/title_page.twig' %}
{% set now = 'now'|date('Ydj') %} {% set now = 'now'|date('Ydj') %}
<section class="row filter"> <section class="row filter">
<ul class="d-flex flex-wrap"> <ul class="d-flex col flex-wrap">
<li><a href="/archive">Archive</a></li> <li><a href="/archive">Archive</a></li>
</ul> </ul>
<ul class="cat-list col d-flex flex-wrap"> <ul class="cat-list col d-flex flex-wrap">
@ -16,15 +16,16 @@
{% set term = cat.categories|last.slug %} {% set term = cat.categories|last.slug %}
{% if term not in newArray and now <= end %} {% if term not in newArray and now <= end %}
<li data-filter=".{{cat.categories|last.slug}}" > <li data-filter=".{{cat.categories|last.slug}}">
{{cat.categories|last.name}} {{cat.categories|last.name}}
</li> </li>
{% set newArray = newArray|merge([term]) %} {% set newArray = newArray|merge([term]) %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
</section> </section>
<section class="row grid"> <section class="grid">
{% for item in posts %} {% for item in posts %}
{% set end = item.informations_fin_event|date("Ydj") %} {% set end = item.informations_fin_event|date("Ydj") %}
{% if now <= end %} {% if now <= end %}

6
web/app/themes/la_mine/templates/components/buttons/bouton_ensavoir.html.twig
View File

@ -1,4 +1,2 @@
<div id="bouton_en_savoir"> <a rel="noreferrer" href="{{post.meta('bouton_en_savoir').lien_bouton_en_savoir}}">
<a href="{{post.meta('bouton_en_savoir').lien_bouton_en_savoir}}"> {{post.meta('bouton_en_savoir').texte_bouton_en_savoir}}</a>
{{post.meta('bouton_en_savoir').texte_bouton_en_savoir}}</a>
</div>

2
web/app/themes/la_mine/templates/partial/section_asso.twig
View File

@ -10,7 +10,7 @@
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
{{ post.meta('paragraphe_descriptif_2') }} {{ post.meta('paragraphe_descriptif_2') }}
<div class="col-12 mx-0 px-0"> <div class="col-12 mx-0 px-0 btn btn_more">
{% include 'components/buttons/bouton_ensavoir.html.twig' %} {% include 'components/buttons/bouton_ensavoir.html.twig' %}
</div> </div>
</div> </div>

76
web/app/themes/la_mine/templates/single.twig
View File

@ -10,58 +10,56 @@
</div> </div>
<article class="row"> <article class="row">
<div class="header mobile col-12 d-lg-none d-block"> <header class="mobile col-12 d-lg-none d-block">
<h3 class="titre_event">{{ post.title }}</h3> <h3 class="titre_event">{{ post.title }}</h3>
</div> </header>
<figure class="__img_event col-lg-6 col-12"> <figure class="__img_event col-lg-6 col-12">
<img src="{{ Image(post.image_event).src }}" /> <img src="{{ Image(post.image_event).src }}" />
</figure> </figure>
<div class="article-content col-lg-6 col-12 my-3 my-lg-0"> <div class="article-content col-lg-6 col-12 my-3 my-lg-0">
<div class="header d-none d-lg-block"> <header class="header d-none d-lg-block">
<h3 class="titre_event">{{ post.title }}</h3> <h3 class="titre_event">{{ post.title }}</h3>
</div> </header>
<div class="cat {{post.category.slug}}"> <div class="cat {{post.category.slug}}">
| {{post.category.name}} | | {{post.category.name}} |
</div> </div>
<div class="data"> <div class="data">
<div class="__date"> <div class="__date">
<div class="__day"> <div class="__day">
{% set start = post.informations_debut_event|date("Ydj") %} {% set start = post.informations_debut_event|date("Ydj") %}
{% set end = post.informations_fin_event|date("Ydj") %} {% set end = post.informations_fin_event|date("Ydj") %}
{% if start == end %} {% if start == end %}
<span class="start"> <span class="start">
Le <time>{{post.informations_debut_event|date("j F Y") }}</time> Le <time>{{post.informations_debut_event|date("j F Y") }}</time>
de <time>{{post.informations_debut_event|date("G:i")}}</time> de <time>{{post.informations_debut_event|date("G:i")}}</time>
</span> </span>
<span class="end"> <span class="end">
à <time>{{post.informations_fin_event|date("G:i")}}</time> à <time>{{post.informations_fin_event|date("G:i")}}</time>
</span> </span>
{% else %}
{% else %} <span class="start">
Du <time>{{post.informations_debut_event|date("j F Y") }}</time>
<span class="start"> à <time>{{post.informations_debut_event|date("G:i")}}</time>
Du <time>{{post.informations_debut_event|date("j F Y") }}</time> </span>
à <time>{{post.informations_debut_event|date("G:i")}}</time> <span class="end">
</span> <br>Au <time>{{post.informations_fin_event|date("j F Y") }}</time>
<span class="end"> à <time>{{post.informations_fin_event|date("G:i")}}</time></br>
<br>Au <time>{{post.informations_fin_event|date("j F Y") }}</time> </span>
à <time>{{post.informations_fin_event|date("G:i")}}</time></br> {% endif %}
</span> </div>
</div>
{% endif %} <div class="lieu">{{group.lieu}}</div>
</div>
</div>
<div class="lieu">{{group.lieu}}</div>
</div> </div>
<div class="wrapper__content"> <div class="wrapper__content">
{{ post.meta('description') }} {{ post.meta('description') }}
</div> </div>
<footer>
<div class="tarif"> <div class="tarif">
<h3>Tarif</h3> <h3>Tarif</h3>
<p>{{group.type_tarif}}</p> <p>{{group.type_tarif}}</p>
@ -92,20 +90,20 @@
<div class="partager"> <div class="partager">
<h3>Partager</h3> <h3>Partager</h3>
<div class="d-flex"> <figure class="d-flex">
<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}"> <a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
<img src="{{theme.link}}/asset/images/fb.svg" /> <img src="{{theme.link}}/dist/assets/images/fb.svg" />
</a> </a>
<a target="_blank" href="https://twitter.com/intent/tweet?text={{post.link}}"> <a target="_blank" href="https://twitter.com/intent/tweet?text={{post.link}}">
<img src="{{theme.link}}/asset/images/twitter.svg" /> <img src="{{theme.link}}/dist/assets/images/twitter.svg" />
</a> </a>
<a href="mailto:?subject={{post.link}}" title="Share by Email"> <a href="mailto:?subject={{post.link}}" title="Share by Email">
<img src="{{theme.link}}/asset/images/mail.svg" /> <img src="{{theme.link}}/dist/assets/images/mail.svg" />
</a> </a>
</div> </figure>
</div> </div>
</footer>
</div> </div>
</article> </article>