correction bouton meetup + flèche faq

This commit is contained in:
Valentin
2024-03-30 18:41:51 +01:00
parent 746c347042
commit 54e34f98f9
5 changed files with 105 additions and 35 deletions

View File

@@ -53,4 +53,13 @@
justify-content: center;
align-items: center;
margin-right: 0.5rem;
}
#block-erabletheme-unequestion a {
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
#block-erabletheme-unequestion a:hover {
transform: translateY(-2px);
}

View File

@@ -15,9 +15,11 @@
font-weight: 800;
display: flex;
align-items: center;
justify-content: space-between;
}
> span > a::after {
content: "";
margin-left: 1rem;
}
}
.faq-qa-visible {
@@ -86,9 +88,16 @@
a {
color: white;
text-decoration: underline;
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
a:hover {
transform: translateY(-2px);
}
}
}
#block-erabletheme-votrequestionnexistepas::before {
content: "?";
grid-column: 1;

View File

@@ -27,14 +27,13 @@
}
> div:last-of-type {
background-color: $teal;
width: 40%;
height: 16vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
width: 60%;
margin-left: calc(40% - $x_margin);
margin-top: 4vh;
margin-left: calc(60% - $x_margin);
@media (min-width: $breakpoint_tablet) {
width: 40%;
margin-left: calc(60% - $x_margin);
}
@media (min-width: $breakpoint_desktop) {
position: absolute;
top: 3vh;
@@ -42,31 +41,43 @@
width: 20%;
}
> div {
padding-bottom: 1rem;
height: 100%;
> a {
padding: 1rem 0.5rem;
height: 100%;
display: block;
font-weight: 800;
color: white;
text-decoration: underline;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
> a::after {
content: "\2003 →";
}
> a::before {
content: "+";
text-decoration: none !important;
color: white;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
margin-right: 0.6rem;
}
> a:hover {
transform: translateY(-2px);
}
}
}
> div:last-of-type::before {
content: "+";
color: white;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
margin-top: 1rem;
}
}
> .meetup_list {
display: grid;
@@ -256,6 +267,11 @@
color: white;
font-weight: 800;
font-size: $sm_font_size;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
span > a:hover {
transform: translateY(-2px);
}
}
> .offre-time {