modif menu, suppression ornements
This commit is contained in:
Valentin
13
web/themes/erabletheme/scss/_actualites.scss
Normal file
13
web/themes/erabletheme/scss/_actualites.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.fullpage.actus {
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
.actus_list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
.actus_list {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -44,7 +44,7 @@
|
||||
font-size: $l_font_size;
|
||||
padding: 0 $x_margin;
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
@include main_text_content();
|
||||
padding: 0 $x_margin;
|
||||
@@ -103,4 +103,12 @@
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
&.large-container {
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
width: auto;
|
||||
margin-left: $x_margin;
|
||||
margin-right: $x_margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
.home_introduction {
|
||||
background-color: rgb(27, 197, 112); // to remove
|
||||
position: relative;
|
||||
border-bottom: solid 2px $teal;
|
||||
width: 100%;
|
||||
@@ -108,4 +109,4 @@
|
||||
padding-left: 12.5vw;
|
||||
padding-right: 12.5vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,9 +1,4 @@
|
||||
.fullpage.meetup {
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
width: auto;
|
||||
margin-left: $x_margin;
|
||||
margin-right: $x_margin;
|
||||
}
|
||||
> h2 {
|
||||
border-bottom: solid 1px $teal;
|
||||
padding: 0;
|
||||
@@ -415,4 +410,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,10 +5,11 @@ $y_margins: 2vh;
|
||||
|
||||
$breakpoint_tablet: 760px;
|
||||
$breakpoint_desktop: 1080px;
|
||||
$breakpoint_desktop_large: 1600px;
|
||||
|
||||
.layout-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,10 +26,10 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
|
||||
justify-content: center;
|
||||
form {
|
||||
width: 95%;
|
||||
font-family: 'Marianne', sans-serif;
|
||||
@media screen and (min-width: $breakpoint_desktop) {
|
||||
padding: 0 20vw;
|
||||
}
|
||||
font-family: 'Marianne', sans-serif;
|
||||
.form-item {
|
||||
margin: 1.8rem 0;
|
||||
.form-checkbox {
|
||||
@@ -75,4 +75,4 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
|
||||
}
|
||||
#edit-field-description-0-format {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,15 +13,17 @@ body.toolbar-fixed header[role="banner"] {
|
||||
//overflow: hidden;
|
||||
header[role="banner"] {
|
||||
width: 100%;
|
||||
background: white;
|
||||
z-index: 99;
|
||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
background-color: white;
|
||||
z-index: 99;
|
||||
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
position: sticky;
|
||||
top: -12vh;
|
||||
box-shadow: none;
|
||||
}
|
||||
> div {
|
||||
> div:first-of-type {
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(16, 1fr);
|
||||
> div{
|
||||
@@ -85,12 +87,15 @@ body.toolbar-fixed header[role="banner"] {
|
||||
}
|
||||
}
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
grid-column: 3 / 6;
|
||||
> div > div > a > img {
|
||||
transform: translateX(-40px);
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
grid-column: 3 / 8;
|
||||
}
|
||||
@media (min-width: $breakpoint_desktop_large) {
|
||||
grid-column: 3 / 6;
|
||||
> div > div > a > img {
|
||||
transform: translateX(-40px);
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-erabletheme-logoerable {
|
||||
@@ -216,8 +221,8 @@ body.toolbar-fixed header[role="banner"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
@@ -253,12 +258,18 @@ body.toolbar-fixed header[role="banner"] {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
> div:nth-of-type(2) {
|
||||
z-index: 98;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
#block-erabletheme-navigationprincipale {
|
||||
width: 100vw;
|
||||
display: none;
|
||||
background-color: white;
|
||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
padding-top: 1rem;
|
||||
// background-color: white;
|
||||
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
display: block;
|
||||
}
|
||||
@@ -267,25 +278,57 @@ body.toolbar-fixed header[role="banner"] {
|
||||
display: flex;
|
||||
padding: 1rem 10vw;
|
||||
justify-content: space-around;
|
||||
border-top: solid 1px $dark_green;
|
||||
// border-top: solid 1px $dark_green;
|
||||
li {
|
||||
font-family: 'Marianne', sans-serif;
|
||||
font-size: $m_font_size;
|
||||
padding: 4px 12px;
|
||||
background-color: white;
|
||||
transition: background-color 0.3s ease;
|
||||
&:first-of-type {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
&::after {
|
||||
content: url(../assets/icons/arrow-down-s-line.svg);
|
||||
display: inline-block;
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
}
|
||||
&:hover, &.submenu-open {
|
||||
background-color: $fluo_green;
|
||||
}
|
||||
a {
|
||||
font-weight: 800;
|
||||
padding: 4px 6px;
|
||||
color: black;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
a:hover {
|
||||
background-color: $fluo_green;
|
||||
}
|
||||
a.is-active {
|
||||
font-weight: 800;
|
||||
color: black;
|
||||
&:is-active {
|
||||
background-color: $fluo_green;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-erabletheme-leprogramme {
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
max-height: 0vh;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
transition: max-height 0.6s ease;
|
||||
> h2 {
|
||||
display: none;
|
||||
}
|
||||
ul {
|
||||
padding: 1rem 1.5rem;
|
||||
li {
|
||||
font-family: 'Marianne', sans-serif;
|
||||
font-size: $m_font_size;
|
||||
margin: 0.5rem 0;
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
background-image: url(../assets/formes/forme_3.png);
|
||||
top: 4vh;
|
||||
right: -8vw;
|
||||
}
|
||||
}
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
left: -35vw;
|
||||
top: -20vw;
|
||||
@@ -202,7 +202,7 @@
|
||||
height: 30vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ornements_carousel_bottom {
|
||||
position: absolute;
|
||||
display: none;
|
||||
@@ -358,8 +358,8 @@
|
||||
bottom: 5vh;
|
||||
left: 0;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
> div:nth-of-type(2) {
|
||||
background-image: url(../assets/formes/forme_5.png);
|
||||
@@ -372,11 +372,11 @@
|
||||
}
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
top:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ornements_consultation_right {
|
||||
pointer-events: none;
|
||||
pointer-events: none;
|
||||
position: absolute !important;
|
||||
height: 20vh;
|
||||
width: 30vw;
|
||||
@@ -423,4 +423,4 @@
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,7 +12,6 @@
|
||||
@import "partials/_carousel";
|
||||
@import "partials/_articles";
|
||||
@import "partials/_articles_teaser";
|
||||
@import "partials/_ornements.scss";
|
||||
@import "partials/_forms.scss";
|
||||
|
||||
/* PAGES */
|
||||
@@ -23,4 +22,5 @@
|
||||
@import "_partenaires.scss";
|
||||
@import "_consultation.scss";
|
||||
@import "_meetup.scss";
|
||||
@import "_faq.scss";
|
||||
@import "_actualites.scss";
|
||||
@import "_faq.scss";
|
||||
|
||||
Reference in New Issue
Block a user