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

config regions

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-02-26 14:44:32 +01:00
parent 44e475bdd5
commit 687bf3602e
32 changed files with 3765 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/sites/README.txt
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.
It is now recommended to place your custom and downloaded extensions in the

281
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css Normal file
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*/

26
web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js Normal file
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($){
});

2425
web/themes/custom/quartiers_de_demain/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

22
web/themes/custom/quartiers_de_demain/package.json Normal file
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"
}
}

28
web/themes/custom/quartiers_de_demain/quartiers_de_demain.info.yml Normal file
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'

7
web/themes/custom/quartiers_de_demain/quartiers_de_demain.libraries.yml Normal file
View File

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

76
web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme Normal file
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) {
}

4
web/themes/custom/quartiers_de_demain/scss/global/_core.scss Normal file
View File

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

108
web/themes/custom/quartiers_de_demain/scss/global/_fonts.scss Normal file
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;
}

77
web/themes/custom/quartiers_de_demain/scss/global/_layout.scss Normal file
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;
}

0
web/themes/custom/quartiers_de_demain/scss/global/_mediaquerries.scss Normal file
View File

27
web/themes/custom/quartiers_de_demain/scss/global/_reset.scss Normal file
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;
}

75
web/themes/custom/quartiers_de_demain/scss/global/variables/_buttons.scss Normal file
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;
// }

12
web/themes/custom/quartiers_de_demain/scss/global/variables/_colors.scss Normal file
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;

9
web/themes/custom/quartiers_de_demain/scss/global/variables/_typography.scss Normal file
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;

34
web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss Normal file
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;
// }
// }
// }

137
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss Normal file
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;
}
}
}
}
}

14
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss Normal file
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;
}
}

27
web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss Normal file
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*/