bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header & home

Browse Source
This commit is contained in:
ouidade
2021-11-16 16:22:48 +01:00
parent 38f0f36b42
commit 51f6ae5c66
40 changed files with 10392 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/global/_fonts.scss
+2 -2
View File
@@ -1,6 +1,6 @@
@font-face {
font-family: 'duke';
src: url('../fonts/Duke_Fill.otf') format('opentype');
font-family: 'Font Awesome';
src: url('../fonts/Font Awesome/fa-regular-400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
web/themes/custom/eql/scss/global/_layout.scss
+21
View File
@@ -0,0 +1,21 @@
// .node-type-static{
// display: grid;
// grid-template-columns: repeat(6,1fr);
// }
.layout-container {
position: absolute;
font-family: $font-family-default;
margin: none;
top: 0%;
left: 0%;
}
.path-frontpage{
margin: 0;
}
// .contextual-region .node-type-static {
// grid-template-columns: repeat(6 1fr);
// }
web/themes/custom/eql/scss/global/_typography.scss
+5
View File
@@ -0,0 +1,5 @@
a {
text-decoration: none;
}
web/themes/custom/eql/scss/global/layout.scss
-4
View File
@@ -1,4 +0,0 @@
// .node-type-static{
// display: grid;
// grid-template-columns: repeat(6,1fr);
// }
web/themes/custom/eql/scss/global/variables/colors.scss → web/themes/custom/eql/scss/global/variables/_colors.scss
View File
web/themes/custom/eql/scss/global/variables/typography.scss → web/themes/custom/eql/scss/global/variables/_typography.scss
+1 -1
View File
@@ -18,4 +18,4 @@ $font-regular-italic: 600, italic;
// font-style: normal;
// font-weight: 900;
// font-family: $font-family-default;
// }
// }
web/themes/custom/eql/scss/pages/_home.scss
+61
View File
@@ -0,0 +1,61 @@
.node-type-static {
display: grid;
grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
}
.field--type-entity-reference-revisions{
.paragraph-summary{
font-family: $font-family-default;
font-size: 5rem;
font-weight: 600;
color: $black !important;
text-transform: capitalize;
span:nth-of-type(2n){
display: block;
font-size: 1rem;
}
}
}
.contextual-region{
display: grid;
grid-template-columns:10% 2fr 2fr 2fr 2fr 10%;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.block-views-blockactus-blocks-pages-block-1{
background-color: $blue-dark;
// display: grid;
// grid-template-columns: 2fr 2fr 2fr 2fr;
// color: $white;
}
.view-content{
display: flex;
flex-direction: row;
justify-content: space-around;
.node-type-actualite{
div:first-child{
padding: 1rem;
color: $white;
.field--name-field-images {
.field__item img{
height: 400px;
}
}
}
a{
color: $white;
}
}
}
web/themes/custom/eql/scss/pages/static.scss → web/themes/custom/eql/scss/pages/_static.scss
+29 -37
View File
@@ -1,43 +1,35 @@
.path-node .page-node-type-static {
font-family: $font-family-default;
}
.paragraph paragraph--type--texte .paragraph--view-mode--default {
font-family: $font-family-default;
}
.node-type-static {
display: flex;
flex-direction: column;
font-family: $font-family-default;
.field--name-field-textes {
display: flex;
flex-direction: column;
max-width: 50%;
align-self: center;
margin: auto;
margin-left: 20%;
margin-right: 30%;
padding: 4rem;
}
.field--name-field-titre{
.field__item{
color: $blue-dark;
font-weight: 900;
font-size: 2rem;
}
.field__label{
visibility: hidden;
}
}
.inter-titre {
color: $blue-light;
text-transform: uppercase;
}
// .node-type-static {
// // display: flex;
// // flex-direction: column;
// font-family: $font-family-default;
// .field--name-field-textes {
// display: flex;
// flex-direction: column;
// max-width: 50%;
// align-self: center;
// margin: auto;
// margin-left: 20%;
// margin-right: 30%;
// padding: 4rem;
// }
// .field--name-field-titre{
// .field__item{
// color: $blue-dark;
// font-weight: 900;
// font-size: 2rem;
// }
// .field__label{
// visibility: hidden;
// }
// }
// .inter-titre {
// color: $blue-light;
// text-transform: uppercase;
// }
}
// }
// field field--name-field-liens field--type-link field--label-above
web/themes/custom/eql/scss/partials/_footer.scss
+19
View File
@@ -0,0 +1,19 @@
#fotter-bottom{
display: flex;
flex-direction: row;
justify-content: space-around;
#block-pieddepage ul{
color: $blue-dark;
font-weight: 800;
list-style: none;
}
.twitter::before {
font-family: "Font Awesome 5 Brands"; content: "\f099";
}
}
web/themes/custom/eql/scss/partials/_header.scss
+125
View File
@@ -0,0 +1,125 @@
#header-top {
height: 7rem;
background-color: $white;
box-shadow: 1px 0px 8px $black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: $black;
position: sticky;
.region-header-top-left {
display:flex;
flex-direction: row;
padding: 1rem;
align-items: center;
color: $black;
font-weight: 800;
position: sticky;
ul{
list-style: none;
display: flex;
flex-direction: row;
li {
padding-right: 1rem;
a {
color: $black;
.is-active {
color: $blue-light;
}
}
}
.ul2{
flex-direction: column;
}
}
:hover{
color: $blue-light;
}
// :visited {
// color: $blue-light;
// }
}
li ul {
display: flex;
flex-direction: column;
}
// .region-header-top-rigth {
// width: 7rem;
// height: 7rem;
// }
#block-burger {
background-color: $blue-light;
font-size: 0.7rem;
color: $white;
display: block;
width: 7rem;
height: 7rem;
margin-top: 0;
h2::after{
display: block;
font-family: 'Font Awesome';
content: "\f0c9";
font-size: 5rem;
}
#block-burger-menu{
display: block;
// content: url(../../images/pictos/icons8-menu.svg);
margin-top: 0;
align-self: center;
text-align: center;
}
ul {
display: none;
.open{
width: 100vw;
position: relative;
bottom:8%;;
left: calc(-30vw + 50%);
display: block;
height: fit-content;
padding-bottom: 1rem;
padding-top: 1rem;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
left: calc(-50vw + 50%);
padding-top: 0;
a{
opacity: 1;
}
}
a{
color: $white;
font-weight: 800;
font-size: 1.7rem;
opacity: 0.7;
}
}
}
}
}
web/themes/custom/eql/scss/styles.scss
+11 -5
View File
@@ -3,10 +3,12 @@
/*global*/
@import "global/fonts";
@import "global/variables/typography";
@import "global/variables/colors";
@import "global/layout";
@import "global/_fonts";
@import "global/variables/_typography";
@import "global/variables/_colors";
@import "global/_layout";
@import "global/_typography";
/*pages*/
@@ -15,6 +17,10 @@
@import "pages/home";*/
// @import "pages/off_canvas_page_wrapper";
@import "pages/static";
@import "pages/_static";
@import "pages/_home";
/*partials*/
@import "partials/_header";
@import "partials/_footer";