avancées intégration mobile
This commit is contained in:
Valentin
43
web/themes/erabletheme/scss/_fullpage.scss
Normal file
43
web/themes/erabletheme/scss/_fullpage.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
.fullpage {
|
||||
margin-top: -3vh;
|
||||
padding-top: 3vh;
|
||||
@include beige_gradient();
|
||||
> h2 {
|
||||
@include main_title();
|
||||
padding-top: 5vh;
|
||||
margin-bottom: 7vh;
|
||||
}
|
||||
|
||||
.fullpage_content {
|
||||
> h2 {
|
||||
@include main_title();
|
||||
padding-top: 5vh;
|
||||
}
|
||||
|
||||
.sous_titre {
|
||||
@include main_text_content();
|
||||
padding: 0 $x_margin;
|
||||
}
|
||||
|
||||
p {
|
||||
@include main_text_content();
|
||||
padding: 0 $x_margin;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
p:first-of-type {
|
||||
margin-top: 7vh;
|
||||
}
|
||||
|
||||
.liens_fixed {
|
||||
padding: 0 $x_margin;
|
||||
text-align: right;
|
||||
margin: 2rem 0;
|
||||
@include fluo_button();
|
||||
}
|
||||
}
|
||||
|
||||
.views-row {
|
||||
margin-bottom: 8vh;
|
||||
}
|
||||
}
|
||||
56
web/themes/erabletheme/scss/_gouvernance.scss
Normal file
56
web/themes/erabletheme/scss/_gouvernance.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
.content_gouvernance {
|
||||
.views-row {
|
||||
margin-bottom: 2vh;
|
||||
article {
|
||||
> h2 {
|
||||
margin-bottom: 2vh;
|
||||
a {
|
||||
color: black;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
> div:first-of-type {
|
||||
max-height: none;
|
||||
}
|
||||
.paragraph--type--membre-equipe {
|
||||
height: auto;
|
||||
display: grid;
|
||||
grid-template-columns: 30vw 1fr;
|
||||
grid-auto-rows: auto;
|
||||
margin-bottom: 5vh;
|
||||
> div:first-of-type {
|
||||
grid-row: 1 / 3;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
> div {
|
||||
width: 20vw;
|
||||
height: 20vw;
|
||||
overflow: hidden;
|
||||
border-radius: 10vw;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> div:nth-of-type(2) {
|
||||
@include sous_titre();
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
|
||||
> div:nth-of-type(3) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> div:last-of-type {
|
||||
@include main_text_content();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -1,13 +1,14 @@
|
||||
.home_introduction {
|
||||
border-bottom: solid 2px $teal;
|
||||
width: 100%;
|
||||
padding: 2rem $x_margin;
|
||||
padding: 2rem 0;
|
||||
h2 {
|
||||
display: none;
|
||||
}
|
||||
article > div {
|
||||
max-height: none !important;
|
||||
p {
|
||||
@include main_text_content();
|
||||
@include main_text_content();
|
||||
}
|
||||
}
|
||||
div.more-link {
|
||||
@@ -29,8 +30,8 @@
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
article > div {
|
||||
max-height: none !important;
|
||||
p {
|
||||
padding: 0 $x_margin;
|
||||
@include main_text_content();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +0,0 @@
|
||||
.news_list:not(.slick-slider) {
|
||||
background-color: red;
|
||||
}
|
||||
0
web/themes/erabletheme/scss/_partenaires.scss
Normal file
0
web/themes/erabletheme/scss/_partenaires.scss
Normal file
@@ -1,7 +1,8 @@
|
||||
/* SIZES */
|
||||
$sm_font_size: 0.8rem;
|
||||
$m_font_size: 0.9rem;
|
||||
$main_font_size: 1.1rem;
|
||||
$l_font_size: 1.3rem;
|
||||
$main_font_size: 1rem;
|
||||
$title_size: 2.3rem;
|
||||
|
||||
/* MIXINS */
|
||||
@@ -11,6 +12,7 @@ $title_size: 2.3rem;
|
||||
font-size: $title_size;
|
||||
padding: 0 $x_margin;
|
||||
margin-top: 1rem;
|
||||
color: $teal;
|
||||
a {
|
||||
color: $teal;
|
||||
}
|
||||
@@ -19,7 +21,14 @@ $title_size: 2.3rem;
|
||||
@mixin main_text_content() {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: $main_font_size;
|
||||
line-height: 1.2;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@mixin sous_titre() {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: $l_font_size;
|
||||
color: $teal;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@mixin fluo_button() {
|
||||
@@ -32,9 +41,8 @@ $title_size: 2.3rem;
|
||||
background-color: white;
|
||||
border: solid 2px $fluo_green;
|
||||
padding: 9px 18px;
|
||||
::after {
|
||||
content: "→";
|
||||
padding-left: 10px;
|
||||
svg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -43,4 +43,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.liens_fixed {
|
||||
padding: 0 $x_margin;
|
||||
text-align: right;
|
||||
margin: 2rem 0;
|
||||
@include fluo_button();
|
||||
}
|
||||
}
|
||||
45
web/themes/erabletheme/scss/partials/_articles_teaser.scss
Normal file
45
web/themes/erabletheme/scss/partials/_articles_teaser.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
.views-row {
|
||||
article {
|
||||
> div:first-of-type {
|
||||
width: 100%;
|
||||
max-height: 30vh;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
padding-left: $x_margin;
|
||||
padding-right: $x_margin;
|
||||
a {
|
||||
img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.preview_meta {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: $m_font_size;
|
||||
width: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: $teal;
|
||||
border-top: solid 1px $teal;
|
||||
margin: 0 $x_margin;
|
||||
margin-top: 1.3rem;
|
||||
padding-top: 0.7rem;
|
||||
> div:first-of-type {
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
||||
.preview_sous_titre {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: $m_font_size;
|
||||
padding: 2px $x_margin;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include main_title();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -4,10 +4,11 @@
|
||||
border-bottom: solid 2px $teal;
|
||||
div.views-row article {
|
||||
width: 100%;
|
||||
div:first-of-type { // container du lien image
|
||||
> div:first-of-type { // container du lien image
|
||||
width: 100%;
|
||||
max-height: 40vh;
|
||||
height: 40vh;
|
||||
overflow-y: hidden;
|
||||
padding: 0 !important;
|
||||
> div {
|
||||
width: 100%;
|
||||
> a {
|
||||
@@ -20,18 +21,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.preview_date, .preview_type, .preview_sous_titre {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: $m_font_size;
|
||||
padding: 2px $x_margin;
|
||||
}
|
||||
.preview_date {
|
||||
margin-top: 1.3rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
h2 {
|
||||
@include main_title();
|
||||
}
|
||||
}
|
||||
#carousel_dots {
|
||||
position: relative;
|
||||
|
||||
@@ -11,8 +11,11 @@
|
||||
@import "partials/_footer";
|
||||
@import "partials/_carousel";
|
||||
@import "partials/_articles";
|
||||
@import "partials/_articles_teaser";
|
||||
|
||||
/* PAGES */
|
||||
|
||||
@import "_home.scss";
|
||||
@import "_newspage.scss";
|
||||
@import "_fullpage.scss";
|
||||
@import "_gouvernance.scss";
|
||||
@import "_partenaires.scss";
|
||||
Reference in New Issue
Block a user