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

first real commit ouid

Browse Source
This commit is contained in:
ouidade
2021-11-15 13:15:49 +01:00
parent e3948f683a
commit ea4244da97
13 changed files with 175 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/global/layout.css
+3
View File
@@ -0,0 +1,3 @@
.node-type-static {
display: grid;
grid-template-columns: repeat(6, 1fr); }
web/themes/custom/eql/css-compiled/global/variables/colors.css
+1
View File
@@ -0,0 +1 @@
/* Colors used for EQL */
web/themes/custom/eql/css-compiled/global/variables/typography.css
View File
web/themes/custom/eql/css-compiled/pages/static.css
+3
View File
@@ -0,0 +1,3 @@
.field--name-field-textes {
grid-column-start: 2;
grid-column-end: 7; }
web/themes/custom/eql/css-compiled/styles.css
+7 -30
View File
@@ -81,37 +81,14 @@
/* Manifont Grotesk */
/* Colors used for EQL */
.node-type-static {
display: grid;
grid-template-columns: repeat(6, 1fr); }
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.dialog-off-canvas-main-canvas {
background-color: #00ff6a !important; }
.layout-container {
display: flex;
margin: auto;
background-color: red;
max-width: 70%; }
#footer-bottom {
height: 200px;
background-color: salmon; }
.layout-content {
display: flex;
margin: auto;
background-color: aqua;
text-transform: uppercase;
max-width: 50%; }
#auth_box {
background-color: #009ee3;
font-family: "Marianne", sans-serif;
font-style: 600, italic; }
#auth_box #middle_part {
color: #9993ae;
background-color: black; }
.rouge {
text-decoration: brown; }
.field--name-field-textes {
grid-column-start: 2;
grid-column-end: 7; }
web/themes/custom/eql/eql.theme
+5 -1
View File
@@ -16,4 +16,8 @@ function eql_preprocess_node(&$variables){
$actu_type = $node->get('field_actu_type')->getString();
$variables['attributes']['class'][] = 'actu-type-' . $actu_type;
}
}
}
///////////////////////////////////////////////////
web/themes/custom/eql/scss/global/layout.scss
+4
View File
@@ -0,0 +1,4 @@
// .node-type-static{
// display: grid;
// grid-template-columns: repeat(6,1fr);
// }
web/themes/custom/eql/scss/global/variables/colors.scss
+2 -1
View File
@@ -5,4 +5,5 @@
$blue-light: rgb(0,158,227);
$blue-dark: rgb(9,57,139);
$grey-background: rgb(153,147,174);
$black: rgb(0,0,0);
$black: rgb(0,0,0);
$white: rgb(255,255,255);
web/themes/custom/eql/scss/global/variables/typography.scss
+5 -6
View File
@@ -1,14 +1,13 @@
// Font Family
$font-family-default: "Marianne", sans-serif;
// $font-family-header: "Marianne", sans-serif;
// $font-family-chapeau: "Marianne", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
$font-family-default: "Marianne", sans-serif;
// $font-family-header: "Marianne", sans-serif;
// $font-family-chapeau: "Marianne", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
// Font Weight
// les deux lignes qui suivent ne marchent pas !!
$font-regular: "Marianne", 600, normal;
web/themes/custom/eql/scss/pages/static.scss
+106
View File
@@ -0,0 +1,106 @@
.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;
}
}
// field field--name-field-liens field--type-link field--label-above
.field--name-field-liens {
// position: relative;
// position: sticky;
// clear: right;
float: right;
width: 20%;
margin-right: 10%;
margin-bottom: 2rem;
justify-items: center;
.ext {
display: flex;
flex-direction: row-reverse;
position: sticky;
height: fit-content;
font-weight: 900;
background-color: $blue-light;
color: $white;
text-decoration: none;
justify-content: left;
align-items: center;
padding: 0.2rem;
svg {
width: 70px;
height: 70px;
padding: 0;
padding-right: 1rem;
padding-left: 0.5rem;
padding-bottom: 1rem;
margin: 0;
fill: $black;
path, svg.mailto path {
stroke: $black;
stroke-width: 0.1px;
}
}
}
}
.field--name-field-fichiers {
position: relative;
clear: right;
float: right;
width: 20%;
margin-right: 10%;
.file--mime-application-pdf {
display: flex;
height: fit-content;
font-weight: 900;
background-color: $blue-light;
color: $white;
justify-content: right;
align-items: center;
padding: 1rem;
a {
color: $white;
text-decoration: none;
// outline: none;
}
}
}
web/themes/custom/eql/scss/pages/test_lavanture.scss
-49
View File
@@ -1,49 +0,0 @@
.dialog-off-canvas-main-canvas{
background-color: rgb(0, 255, 106) !important;
}
.layout-container {
display: flex;
margin: auto;
background-color: red;
max-width: 70%;
}
#footer-bottom {
height: 200px;
background-color: salmon;
}
.layout-content {
display: flex;
margin: auto;
background-color: aqua;
text-transform: uppercase;
max-width: 50%;
}
#auth_box {
background-color: $blue-light;
font-family: $font-family-default;
font-style: $font-regular-italic;
// font-family: 'Marianne';
// font-weight: 300;
#middle_part {
color: $grey-background;
background-color: $black;
}
}
// class="rouge" que j'ai rajouté dans fichiers templates/layout/field.html.twig marche pas
.rouge {
text-decoration: brown;
}
web/themes/custom/eql/scss/styles.scss
+2 -1
View File
@@ -6,6 +6,7 @@
@import "global/fonts";
@import "global/variables/typography";
@import "global/variables/colors";
@import "global/layout";
/*pages*/
@@ -14,6 +15,6 @@
@import "pages/home";*/
// @import "pages/off_canvas_page_wrapper";
@import "pages/test_lavanture";
@import "pages/static";
web/themes/custom/eql/templates/layout/page.html.twig
+37 -33
View File
@@ -30,46 +30,50 @@
* @see html.html.twig
*/
#}
<div class="layout-container">
<header role="banner">
<section id="header-top">
{{ page.header_top_left }}
{{ page.header_top_rigth }}
</section>
{{ page.header_bottom }}
</header>
{{ page.help }}
<header role="banner">
<section id="header-top">
{{ page.header_top_left }}
{{ page.header_top_rigth }}
</section>
{{ page.header_bottom }}
</header>
<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
{{ page.help }}
<div class="layout-content">
{{ page.content }}
</div>{# /.layout-content #}
<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
<div class="layout-content">
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
</main>
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
<footer role="contentinfo">
{{ page.footer_top }}
<section id="fotter-bottom">
{{ page.footer_left }}
{{ page.footer_middle }}
{{ page.footer_right }}
</section>
</footer>
</main>
<footer role="contentinfo">
{{ page.footer_top }}
<section id="fotter-bottom">
{{ page.footer_left }}
{{ page.footer_middle }}
{{ page.footer_right }}
</section>
</footer>
</div>{# /.layout-container #}
</div>{# /.layout-container #}