config regions

This commit is contained in:
ouidade 2024-02-26 14:44:32 +01:00
parent 44e475bdd5
commit 687bf3602e
32 changed files with 3765 additions and 2 deletions

View File

@ -0,0 +1,31 @@
uuid: 187b21f7-2db8-41ed-805f-e4f917edbdcb
langcode: fr
status: true
dependencies:
config:
- system.menu.entete
module:
- menu_block
theme:
- quartiers_de_demain
id: quartiers_de_demain_entete
theme: quartiers_de_demain
region: header_nav
weight: -4
provider: null
plugin: 'menu_block:entete'
settings:
id: 'menu_block:entete'
label: Entête
label_display: visible
provider: menu_block
follow: false
follow_parent: child
label_link: false
label_type: block
level: 1
depth: 0
expand_all_items: false
parent: 'entete:'
suggestion: entete
visibility: { }

View File

@ -0,0 +1,25 @@
uuid: 0161a650-3026-475f-9d46-10b890c83b3e
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:dacc759c-d305-4366-a56b-ef214acd0be9'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logoepau
theme: quartiers_de_demain
region: footer_left
weight: -3
provider: null
plugin: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
settings:
id: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
label: 'Logo epau'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

View File

@ -0,0 +1,25 @@
uuid: 9c73ff0b-78f4-4108-8015-8f5cd6cf1366
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:dacc759c-d305-4366-a56b-ef214acd0be9'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logoepau_2
theme: quartiers_de_demain
region: header_left
weight: -3
provider: null
plugin: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
settings:
id: 'block_content:dacc759c-d305-4366-a56b-ef214acd0be9'
label: 'Logo epau'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

View File

@ -0,0 +1,25 @@
uuid: 3964797d-6b83-441d-833c-ff7f666ac938
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:32b479fd-6b3f-4640-b817-c91d40425761'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logorepu
theme: quartiers_de_demain
region: footer_left
weight: -4
provider: null
plugin: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
settings:
id: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
label: 'Logo répu'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

View File

@ -0,0 +1,25 @@
uuid: f5634286-a0f7-4ffe-a343-d357e44585e0
langcode: fr
status: true
dependencies:
content:
- 'block_content:logo_link:32b479fd-6b3f-4640-b817-c91d40425761'
module:
- block_content
theme:
- quartiers_de_demain
id: quartiers_de_demain_logorepu_2
theme: quartiers_de_demain
region: header_left
weight: -4
provider: null
plugin: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
settings:
id: 'block_content:32b479fd-6b3f-4640-b817-c91d40425761'
label: 'Logo répu'
label_display: '0'
provider: block_content
status: true
info: ''
view_mode: full
visibility: { }

View File

@ -0,0 +1,31 @@
uuid: fb3ab396-be9a-49fe-beca-ba81e4a9868a
langcode: fr
status: true
dependencies:
config:
- system.menu.footer
module:
- menu_block
theme:
- quartiers_de_demain
id: quartiers_de_demain_pieddepage
theme: quartiers_de_demain
region: footer_middle
weight: -4
provider: null
plugin: 'menu_block:footer'
settings:
id: 'menu_block:footer'
label: 'Pied de page'
label_display: '0'
provider: menu_block
follow: false
follow_parent: child
label_link: false
label_type: block
level: 1
depth: 0
expand_all_items: false
parent: 'footer:'
suggestion: footer
visibility: { }

View File

@ -0,0 +1,20 @@
uuid: 7fb2da00-52fc-4725-a9fc-583d77b762aa
langcode: fr
status: true
dependencies:
module:
- language
theme:
- quartiers_de_demain
id: quartiers_de_demain_selecteurdelangue
theme: quartiers_de_demain
region: header_right
weight: -4
provider: null
plugin: 'language_block:language_interface'
settings:
id: 'language_block:language_interface'
label: 'Sélecteur de langue'
label_display: '0'
provider: language
visibility: { }

View File

@ -0,0 +1,165 @@
uuid: e579509b-efa5-439d-a32c-37b4b77b9c8d
langcode: fr
status: true
dependencies:
module:
- social_media_links
theme:
- quartiers_de_demain
id: quartiers_de_demain_socialmedialinks
theme: quartiers_de_demain
region: footer_right
weight: -4
provider: null
plugin: social_media_links_block
settings:
id: social_media_links_block
label: 'Retrouvez-nous sur les réseaux sociaux'
label_display: visible
provider: social_media_links
platforms:
twitter:
value: q2d
description: ''
weight: '-43'
linkedin:
value: q2d
description: ''
weight: '-42'
youtube:
value: q2d
description: ''
weight: '-41'
instagram:
value: ''
description: ''
weight: '-40'
xing:
value: ''
description: ''
weight: '-39'
contact:
value: ''
description: ''
weight: '-38'
rss:
value: ''
description: ''
weight: '-37'
tiktok:
value: ''
description: ''
weight: '-36'
mastodon:
value: ''
description: ''
weight: '-35'
amazon:
value: ''
description: ''
weight: '-34'
bitbucket:
value: ''
description: ''
weight: '-33'
patreon:
value: ''
description: ''
weight: '-32'
vkontakte:
value: ''
description: ''
weight: '-31'
slideshare:
value: ''
description: ''
weight: '-30'
github:
value: ''
description: ''
weight: '-29'
behance:
value: ''
description: ''
weight: '-28'
vimeo:
value: ''
description: ''
weight: '-27'
telegram:
value: ''
description: ''
weight: '-26'
youtube_channel:
value: ''
description: ''
weight: '-25'
googleplus:
value: ''
description: ''
weight: '-24'
facebook:
value: ''
description: ''
weight: '-23'
drupal:
value: ''
description: ''
weight: '-22'
flickr:
value: ''
description: ''
weight: '-21'
gitlab:
value: ''
description: ''
weight: '-20'
tumblr:
value: ''
description: ''
weight: '-19'
pinterest:
value: ''
description: ''
weight: '-18'
email:
value: ''
description: ''
weight: '-17'
goodreads:
value: ''
description: ''
weight: '-16'
googleplay:
value: ''
description: ''
weight: '-15'
whatsapp:
value: ''
description: ''
weight: '-14'
meetup:
value: ''
description: ''
weight: '-13'
website:
value: ''
description: ''
weight: '-12'
glassdoor:
value: ''
description: ''
weight: '-11'
appearance:
orientation: h
show_name: 0
suggestion: ''
link_attributes:
target: '<none>'
rel: '<none>'
iconset:
style: 'fontawesome:3x'
installed_iconsets:
fontawesome:
examples: ''
visibility: { }

View File

@ -0,0 +1,18 @@
uuid: 982f47fb-d649-450f-a614-ec6bd106417a
langcode: fr
status: true
dependencies:
theme:
- quartiers_de_demain
id: quartiers_de_demain_titredepage
theme: quartiers_de_demain
region: content
weight: 0
provider: null
plugin: page_title_block
settings:
id: page_title_block
label: 'Titre de page'
label_display: '0'
provider: core
visibility: { }

View File

@ -111,4 +111,5 @@ theme:
seven: 0 seven: 0
adminimal_theme: 0 adminimal_theme: 0
stark: 0 stark: 0
quartiers_de_demain: 0
profile: figli_starter_kit profile: figli_starter_kit

View File

@ -0,0 +1,9 @@
features:
node_user_picture: false
comment_user_picture: true
comment_user_verification: true
favicon: 1
logo:
use_default: 1
favicon:
use_default: 1

View File

@ -2,4 +2,4 @@ _core:
default_config_hash: TpdA4rsOBAawnqeon9A-Ooht_4VO3hHKib79xyHcTyg default_config_hash: TpdA4rsOBAawnqeon9A-Ooht_4VO3hHKib79xyHcTyg
langcode: fr langcode: fr
admin: adminimal_theme admin: adminimal_theme
default: stark default: quartiers_de_demain

View File

@ -1,4 +1,3 @@
This directory structure contains the settings and configuration files specific
to your site or sites and is an integral part of multisite configurations. to your site or sites and is an integral part of multisite configurations.
It is now recommended to place your custom and downloaded extensions in the It is now recommended to place your custom and downloaded extensions in the

View File

@ -0,0 +1,281 @@
/*quartiers_de_demain*/
/*global*/
/* Colors used for quartiers_de_demain */
.mailto {
text-decoration: underline; }
/*marianne*/
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
font-weight: 600;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
font-weight: 800;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
font-weight: 900;
font-style: italic; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
font-weight: 1000;
font-style: normal; }
@font-face {
font-family: 'Marianne';
src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
font-weight: 1000;
font-style: italic; }
/*Font Awesome*/
@font-face {
font-family: 'Font Awesome';
src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
font-weight: 400;
font-style: normal; }
.layout-container {
position: relative;
width: 100vw;
background-color: rgba(153, 147, 174, 0.1);
font-family: "Marianne", sans-serif;
font-weight: 400;
font-style: normal;
top: 0%;
left: 0%;
overflow: hidden;
display: flex;
flex-flow: row wrap; }
.layout-container header {
flex: 0 0 100%; }
.layout-container footer {
flex: 0 0 100%; }
.layout-content {
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 70%;
margin: auto; }
@media (max-width: 891px) {
.layout-content {
width: 90%; } }
@media (max-width: 500px) {
.layout-content {
padding-top: 0; } }
aside {
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10%;
margin-right: 1rem; }
@media (max-width: 891px) {
aside {
margin-left: 5%;
margin-top: 9rem; } }
@media (max-width: 500px) {
aside {
width: 80%;
margin-top: 3rem; } }
main {
width: 100%;
display: flex;
flex-direction: row;
position: relative; }
@media (max-width: 500px) {
main {
flex-direction: column; } }
.main-content {
margin-top: 7rem; }
ul {
list-style-type: none; }
a {
text-decoration: none; }
:link {
color: black; }
:visited {
color: black; }
html.js body {
margin: 0 !important; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container {
margin: 0 !important; }
svg.mailto {
display: none; }
svg.ext {
display: none; }
/*partials*/
header {
display: grid;
grid-template-rows: "logo logo logo logo logo nav" "nav nav nav nav nav nav" "logo logo nav rs"; }
header #block-quartiers-de-demain-logorepu-2 {
grid-row: logo; }
header #block-quartiers-de-demain-logoepau-2 {
grid-area: logo; }
footer {
background-color: white;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase; }
footer div {
display: flex;
flex-direction: row; }
@media (max-width: 891px) {
footer div {
flex-wrap: wrap; } }
@media (max-width: 520px) {
footer div {
flex-direction: column; } }
footer h2 {
font-size: 1.1rem; }
footer section:not(:first-of-type) {
border-left: #fdc300 solid 2px;
padding-left: 2rem; }
@media (max-width: 891px) {
footer section:not(:first-of-type) {
margin-left: 1rem;
margin-right: 1rem;
border-left: #fdc300 solid 2px; } }
@media (max-width: 520px) {
footer section:not(:first-of-type) {
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: #fdc300 solid 2px; } }
footer section:not(:last-of-type) {
padding-right: 5rem; }
@media (max-width: 891px) {
footer section:not(:last-of-type) {
padding-right: 0; } }
@media (max-width: 520px) {
footer section:not(:last-of-type) {
padding-right: 0; } }
footer section:last-of-type {
padding-right: 5rem; }
@media (max-width: 891px) {
footer section:last-of-type {
border-top: #fdc300 solid 2px;
border-left: none; } }
#footer-left {
margin-left: 10%; }
@media (max-width: 891px) {
#footer-left {
margin-left: 1rem;
padding-left: 2rem;
width: 40%; } }
@media (max-width: 520px) {
#footer-left {
width: 100%;
margin-left: 1rem;
padding-left: 2rem; } }
#footer-left div {
display: flex;
flex-direction: column; }
#footer-left div #block-reha-pieddepage ul {
padding-left: 0; }
#footer-left div #block-reha-logoreha-3 {
display: none; }
#footer-left div .social-media-links--platforms {
display: flex;
flex-direction: row; }
#footer-left div .social-media-links--platforms svg.ext {
display: none; }
@media (max-width: 891px) {
#footer-middle {
width: 40%; } }
@media (max-width: 520px) {
#footer-middle {
width: 100%;
margin-right: 1rem; } }
#footer-middle #block-reha-operateurduprogramme {
display: flex;
flex-direction: column; }
#footer-middle #block-reha-operateurduprogramme img {
max-width: 150px;
height: fit-content;
max-height: 100px;
object-fit: contain;
padding: 1rem; }
#footer-right #block-reha-config-pages-2 {
display: flex;
flex-direction: column; }
#footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
#footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items img {
max-width: 120px;
height: fit-content;
max-height: 115px;
object-fit: contain; }
/*pages*/

View File

@ -0,0 +1,26 @@
/**
* @file
* quartiers_de_demain behaviors.
*/
(function (Drupal) {
'use strict';
Drupal.behaviors.quartiers_de_demain = {
attach: function (context, settings) {
console.log('It works!');
}
};
} (Drupal));
jQuery(document).ready(function($){
});

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,22 @@
{
"name": "quartiers_de_demain",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"sass": "node-sass -w scss -o css"
},
"devDependancies": {
"node-sass": "*"
},
"repository": {
"type": "git",
"url": "https://figureslibres.io/gitea/bachir/docker-quartiersdedemain"
},
"author": "",
"license": "ISC",
"devDependencies": {
"node-sass": "^9.0.0"
}
}

View File

@ -0,0 +1,28 @@
name: quartiers_de_demain
type: theme
base theme: stark
description: quartiers_de_demain drupal theme based on stark
package: quartiers_de_demain
core: 8.x
core_version_requirement: ^8 || ^9 || ^10
libraries:
- quartiers_de_demain/global
regions:
header: 'Header'
header_left: 'Header left'
header_right: 'Header right'
header_nav: 'Header nav'
primary_menu: 'Primary menu'
secondary_menu: 'Secondary menu'
page_top: 'Page top'
page_bottom: 'Page bottom'
featured: 'Featured'
breadcrumb: 'Breadcrumb'
content: 'Content'
sidebar_first: 'Sidebar first'
sidebar_second: 'Sidebar second'
footer_top: 'Footer top'
footer_left: 'Footer left'
footer_middle: 'Footer middle'
footer_right: 'Footer right'
footer_bottom: 'Footer bottom'

View File

@ -0,0 +1,7 @@
# Main theme library.
global:
js:
js/quartiers_de_demain.js: {}
css:
theme:
css/quartiers_de_demain.css: {}

View File

@ -0,0 +1,76 @@
<?php
use Drupal\Core\Url;
use Drupal\Core\Link;
use Drupal\Core\Render\Markup;
/**
* @file
* Functions to support theming in the quartiers_de_demain theme.
*/
/**
* Implements hook_preprocess_HOOK() for html.html.twig.
*/
function quartiers_de_demain_preprocess_html(&$variables) {
$node = \Drupal::routeMatch()->getParameter('node');
if ($node){
$variables['attributes']['class'][] = 'node-type-' . $node->bundle();
$variables['attributes']['class'][] = 'node-id-' . $node->id();
}
}
/**
* Implements hook_preprocess_HOOK() for page.html.twig.
*/
function quartiers_de_demain_preprocess_page(&$variables) {
}
/**
* Implements hook_preprocess_HOOK() for node.html.twig.
*/
function quartiers_de_demain_preprocess_node(&$variables) {
$node = &$variables['node'];
$variables['attributes']['class'][] = 'node-type-' . $node->gettype();
}
/* implements template_preprocess_region() */
function quartiers_de_demain_preprocess_region(&$variables) {
if (isset($variables['region'])) {
$variables['attributes']['class'][] = $variables['region'].'_container';
}
}
/**
* Prepares variables for block templates.
*
* Default template: block.html.twig.
*
* Prepares the values passed to the theme_block function to be passed
* into a pluggable template engine. Uses block properties to generate a
* series of template file suggestions. If none are found, the default
* block.html.twig is used.
*
* Most themes use their own copy of block.html.twig. The default is located
* inside "core/modules/block/templates/block.html.twig". Look in there for the
* full list of available variables.
*
* @param array $variables
* An associative array containing:
* - elements: An associative array containing the properties of the element.
* Properties used: #block, #configuration, #children, #plugin_id.
*/
//https://www.hashbangcode.com/article/drupal-9-programmatically-creating-and-using-urls-and-links
function quartiers_de_demain_preprocess_block(&$variables) {
}

View File

@ -0,0 +1,4 @@
.mailto{
text-decoration: underline;
}

View File

@ -0,0 +1,108 @@
/*marianne*/
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Thin_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Regular.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Regular.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
font-weight: 1000;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
font-weight: 1000;
font-style: italic;
}
/*Font Awesome*/
@font-face {
font-family: 'Font Awesome';
src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

View File

@ -0,0 +1,77 @@
$header-height : 150px;
$width-menu-slidedown : 550px;
.layout-container {
position: relative;
width: 100vw;
background-color: $background-home;
font-family: $font-family-default;
font-weight: 400;
font-style: normal;
top: 0%;
left: 0%;
// width: 100%;
overflow: hidden;
display: flex;
flex-flow: row wrap;
header{
flex: 0 0 100%;
}
// main{
// // position: relative;
// // top: -7rem;
// }
footer{
flex: 0 0 100%;
}
}
.layout-content{
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 70%;
margin: auto;
@media(max-width: 891px){
width: 90%;
}
@media (max-width:500px) {
padding-top: 0;
}
}
aside{
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10%;
margin-right: 1rem;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
}
main{
width: 100%;
display: flex;
flex-direction: row;
position: relative;
@media (max-width:500px) {
flex-direction: column;
}
}
.main-content{
margin-top: 7rem;
}

View File

@ -0,0 +1,27 @@
ul{
list-style-type: none;
}
a{
text-decoration: none;
}
:link{
color: black;
}
:visited{
color: black;
}
html.js body{
margin: 0 !important;
}
html.js body div.dialog-off-canvas-main-canvas div.layout-container{
margin: 0 !important;
}
svg.mailto{
display: none;
}
svg.ext{
display: none;
}

View File

@ -0,0 +1,75 @@
// // home
// %buttonwithborder {
// text-transform: uppercase;
// padding: 1rem;
// border: solid black 1px;
// margin-bottom: 1rem;
// background-color: $white-button;
// @media (max-width:891px) {
// font-size: 1rem;
// }
// }
// // %hoveryellow{
// // :hover{
// // background-color: $yellow-puca;
// // }
// // }
// .field--type-link {
// @extend %buttonwithborder;
// width: fit-content;
// }
// .bouton{
// background-color: $white-button !important;
// border: none !important;
// cursor: pointer;
// }
// .field--type-file{
// @extend %buttonwithborder;
// }
// .links{
// @extend %buttonwithborder;
// }
// .views-field-edit-node{
// @extend %buttonwithborder;
// width: fit-content;
// margin-top: 1rem;
// }
// .views-field-edit-user{
// @extend %buttonwithborder;
// width: fit-content;
// margin-top: 1rem;
// }
// .views-field-edit-user:hover{
// background-color: $yellow-puca;
// }
// #edit-unlock{
// display: none;
// }
// #edit-submit:hover{
// background-color: $yellow-puca;
// }
// .views-field-edit-node:hover{
// background-color: $yellow-puca;
// }
// .form-submit:hover{
// background-color: $yellow-puca;
// }

View File

@ -0,0 +1,12 @@
/* Colors used for quartiers_de_demain */
$background-home: rgba(153, 147, 174, 0.1);
$white-button: rgb(255, 255, 255);
$white-header:rgb(255, 255, 255);
$yellow-puca: #fdc300;

View File

@ -0,0 +1,9 @@
// Font Family
$font-family-default: "Marianne", sans-serif;
$font-family-header: "Marianne", sans-serif;
$font-family-chapeau: "Marianne", sans-serif;

View File

@ -0,0 +1,34 @@
// .layout-sidebar-first{
// #block-reha-phase1{
// border: solid $yellow-puca 1px;
// font-weight: 800;
// padding: 1rem;
// width: 80%;
// @media(max-width:891px){
// width: 100%;
// }
// h2{
// margin-top: 0;
// margin-bottom: 0;
// text-transform: lowercase;
// font-weight: 1000;
// line-height: 1rem;
// font-size:1.5rem ;
// }
// p{
// font-size: 1.5rem;
// line-height: 1.8rem;
// margin-top: 0.8rem;
// }
// footer{
// @extend %buttonwithborder;
// width: fit-content;
// }
// }
// }

View File

@ -0,0 +1,137 @@
footer{
background-color: $white-header;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase;
div{
display: flex;
flex-direction: row;
@media(max-width: 891px){
// // flex-direction: row;
flex-wrap: wrap;
}
@media(max-width: 520px){
flex-direction: column;
}
}
h2{font-size: 1.1rem;}
section:not(:first-of-type){
border-left: $yellow-puca solid 2px;
padding-left: 2rem;
@media(max-width: 891px){
margin-left: 1rem;
margin-right: 1rem;
border-left: $yellow-puca solid 2px;
// border-left: none;
// border-top: $yellow-puca solid 2px;
}
@media(max-width: 520px){
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: $yellow-puca solid 2px;
}
}
section:not(:last-of-type){
padding-right: 5rem;
@media(max-width: 891px){
padding-right: 0;
}
@media(max-width: 520px){
padding-right: 0;
}
}
section:last-of-type{
padding-right: 5rem;
@media(max-width: 891px){
border-top: $yellow-puca solid 2px;
border-left: none;
}
}
}
#footer-left {
margin-left: 10%;
@media(max-width: 891px){
margin-left: 1rem;
padding-left: 2rem;
width: 40%;
}
@media(max-width: 520px){
width: 100%;
margin-left: 1rem;
padding-left: 2rem;
}
div{
display: flex;
flex-direction: column;
#block-reha-pieddepage {
ul{
padding-left: 0;
}
}
#block-reha-logoreha-3{
display: none;
}
.social-media-links--platforms{
display: flex;
flex-direction: row;
svg.ext{
display: none;
}
}
}
}
#footer-middle{
@media(max-width: 891px){
width: 40%;
}
@media(max-width: 520px){
width: 100%;
margin-right: 1rem;
}
#block-reha-operateurduprogramme{
display: flex;
flex-direction: column;
img{
max-width: 150px;
height: fit-content;
max-height: 100px;
object-fit: contain;
padding: 1rem;
}
}
}
#footer-right{
#block-reha-config-pages-2{
display: flex;
flex-direction: column;
.field--name-field-partenaires{
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
img{
max-width: 120px;
height: fit-content;
max-height: 115px;
object-fit: contain;
// padding: 1rem;
}
}
}
}
}

View File

@ -0,0 +1,14 @@
header{
display:grid;
grid-template-rows:"logo logo logo logo logo nav"
"nav nav nav nav nav nav"
"logo logo nav rs" ;
#block-quartiers-de-demain-logorepu-2{
grid-row: logo;
}
#block-quartiers-de-demain-logoepau-2{
grid-area: logo;
}
}

View File

@ -0,0 +1,27 @@
/*quartiers_de_demain*/
// @import "configuration/_breakpoints.scss";
// @import "functions/mixins/_breakpoints.scss";
/*global*/
@import "global/variables/colors";
@import "global/variables/typography";
// @import "global/variables/buttons";
@import "global/core";
@import "global/fonts";
@import "global/layout";
@import "global/reset";
@import "global/mediaquerries";
/*partials*/
@import "partials/header";
@import "partials/footer";
@import "partials/aside";
/*pages*/