bachir
/
drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: bachir:22b49b379d6e834651a05b93d724414bdbd7f34a
Branches Tags
bachir:master
bachir:prod
bachir:stage
..
compare: bachir:f1f9b3af427b5a15e69085e17f79a2c27167ff7e
Branches Tags
bachir:master
bachir:prod
bachir:stage

No commits in common. "22b49b379d6e834651a05b93d724414bdbd7f34a" and "f1f9b3af427b5a15e69085e17f79a2c27167ff7e" have entirely different histories.
22b49b379d ... f1f9b3af42

4 changed files with 28 additions and 55 deletions
Show Stats Expand all files Collapse all files

37
web/themes/erabletheme/css/styles.css
View File

@ -50,21 +50,12 @@ a {
} }
/* PARTIALS */ /* PARTIALS */
body.toolbar-tray-open header {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
body.toolbar-fixed header {
top: 2.4em !important;
}
.layout-container { .layout-container {
width: 100%; width: 100vw;
overflow: hidden; overflow: hidden;
} }
.layout-container header { .layout-container header {
width: 100%; width: 100vw;
background: white; background: white;
position: fixed; position: fixed;
top: 0; top: 0;
@ -80,7 +71,7 @@ body.toolbar-fixed header {
justify-content: space-between; justify-content: space-between;
} }
.layout-container header div #block-erabletheme-logorepublique { .layout-container header div #block-erabletheme-logorepublique {
width: 15%; width: 15vw;
} }
.layout-container header div #block-erabletheme-logorepublique a { .layout-container header div #block-erabletheme-logorepublique a {
display: flex; display: flex;
@ -103,13 +94,13 @@ body.toolbar-fixed header {
} }
@media (min-width: 1080px) { @media (min-width: 1080px) {
.layout-container header div #block-erabletheme-logorepublique { .layout-container header div #block-erabletheme-logorepublique {
width: 10%; width: 10vw;
padding-right: 1%; padding-right: 1vw;
} }
} }
.layout-container header div #block-erabletheme-logoerable { .layout-container header div #block-erabletheme-logoerable {
max-height: 100%; max-height: 100%;
width: 20%; width: 20vw;
} }
.layout-container header div #block-erabletheme-logoerable > div { .layout-container header div #block-erabletheme-logoerable > div {
width: auto; width: auto;
@ -128,18 +119,17 @@ body.toolbar-fixed header {
} }
@media (min-width: 1080px) { @media (min-width: 1080px) {
.layout-container header div #block-erabletheme-logoerable { .layout-container header div #block-erabletheme-logoerable {
width: 10%; width: 10vw;
padding-left: 3%; padding-left: 3vw;
padding-top: 0.4rem; padding-top: 0.4rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
} }
.layout-container header div #block-erabletheme-navigationprincipale { .layout-container header div #block-erabletheme-navigationprincipale {
display: none; display: none;
width: 60%;
} }
.layout-container header div #block-erabletheme-navigationprincipale ul { .layout-container header div #block-erabletheme-navigationprincipale ul {
width: 100%; width: 60vw;
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
@ -169,8 +159,8 @@ body.toolbar-fixed header {
} }
} }
.layout-container header div #block-erabletheme-socialmedialinks { .layout-container header div #block-erabletheme-socialmedialinks {
width: 7%; width: 7vw;
margin: 0 calc((20% - (7% + 7vh)) / 2); margin: 0 calc((20vw - (7vw + 7vh)) / 2);
display: none; display: none;
} }
.layout-container header div #block-erabletheme-socialmedialinks ul { .layout-container header div #block-erabletheme-socialmedialinks ul {
@ -641,7 +631,7 @@ body.toolbar-fixed header {
} }
.actu_full h2 { .actu_full h2 {
padding-top: 0 !important; padding-top: 0 !important;
margin-bottom: 2rem !important; margin-bottom: 0 !important;
} }
.actu_full h2 + div { .actu_full h2 + div {
position: relative; position: relative;
@ -650,9 +640,6 @@ body.toolbar-fixed header {
.actu_full h2 + div .visually-hidden { .actu_full h2 + div .visually-hidden {
width: 0% !important; width: 0% !important;
} }
.actu_full h2 + div .sous_titre {
margin-top: -1.5rem;
}
.actu_full h2 + div .sous_titre > div > div { .actu_full h2 + div .sous_titre > div > div {
font-size: 1.3rem; font-size: 1.3rem;
margin-bottom: 30px; margin-bottom: 30px;

2
web/themes/erabletheme/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

12
web/themes/erabletheme/scss/partials/_articles.scss
View File

@ -21,7 +21,7 @@
} }
h2 { h2 {
padding-top: 0 !important; padding-top: 0 !important;
margin-bottom: 2rem !important; margin-bottom: 0 !important;
} }
h2 + div { // tout le contenu qui n'est pas le titre h2 + div { // tout le contenu qui n'est pas le titre
position: relative; position: relative;
@ -29,13 +29,9 @@
.visually-hidden { .visually-hidden {
width: 0% !important; width: 0% !important;
} }
.sous_titre { .sous_titre > div > div {
margin-top: -1.5rem; font-size: $l_font_size;
margin-bottom: 30px;
> div > div {
font-size: $l_font_size;
margin-bottom: 30px;
}
} }
> div { > div {
> div { > div {

32
web/themes/erabletheme/scss/partials/_header.scss
View File

@ -1,18 +1,9 @@
body.toolbar-tray-open header {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
body.toolbar-fixed header {
top: 2.4em !important;
}
.layout-container { .layout-container {
width: 100%; width: 100vw;
overflow: hidden; overflow: hidden;
header { header {
width: 100%; width: 100vw;
background: white; background: white;
position: fixed; position: fixed;
top: 0; top: 0;
@ -26,7 +17,7 @@ body.toolbar-fixed header {
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-between;
#block-erabletheme-logorepublique { #block-erabletheme-logorepublique {
width: 15%; width: 15vw;
a { a {
display: flex; display: flex;
align-items: center; align-items: center;
@ -43,13 +34,13 @@ body.toolbar-fixed header {
padding-right: 2rem; padding-right: 2rem;
} }
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
width: 10%; width: 10vw;
padding-right: 1%; padding-right: 1vw;
} }
} }
#block-erabletheme-logoerable { #block-erabletheme-logoerable {
max-height: 100%; max-height: 100%;
width: 20%; width: 20vw;
> div { > div {
width: auto; width: auto;
a { a {
@ -66,17 +57,16 @@ body.toolbar-fixed header {
} }
} }
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
width: 10%; width: 10vw;
padding-left: 3%; padding-left: 3vw;
padding-top: 0.4rem; padding-top: 0.4rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
} }
#block-erabletheme-navigationprincipale { #block-erabletheme-navigationprincipale {
display: none; display: none;
width: 60%;
ul { ul {
width: 100%; width: 60vw;
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
@ -105,8 +95,8 @@ body.toolbar-fixed header {
} }
} }
#block-erabletheme-socialmedialinks { #block-erabletheme-socialmedialinks {
width: 7%; width: 7vw;
margin: 0 calc((20% - (7% + 7vh)) / 2); margin: 0 calc((20vw - (7vw + 7vh)) / 2);
display: none; display: none;
ul { ul {
height: 100%; height: 100%;