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

breadcrumb

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2026-01-20 15:46:27 +01:00
parent 3d3d01e653
commit bf3c7a562b
16 changed files with 557 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web_main/themes/custom/mathallo/assets/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long

121
web_main/themes/custom/mathallo/assets/scss/main.scss
View File

@@ -1,5 +1,6 @@
@import "partials/colors";
@import "partials/fonts";
@import "partials/mixins";
a, a:visited{
text-decoration: none;
@@ -15,6 +16,15 @@ body{
$header_height: 50px;
// _ _
// | | | |
// | | __ _ _ _ ___ _ _| |_
// | | / _` | | | |/ _ \| | | | __|
// | |___| (_| | |_| | (_) | |_| | |_
// \_____/\__,_|\__, |\___/ \__,_|\__|
// __/ |
// |___/
div.layout-container{
// display: flex;
// flex-direction: column;
@@ -29,8 +39,16 @@ div.layout-container{
width: 100vw;
height: $header_height;
}
nav[role="breadcrumb"]{
// flex: 1 1 auto;
position: fixed;
z-index: 90;
top:$header_height + 40px;
left: 20px;
}
main[role="main"]{
// flex: 1 1 auto;
padding:5em 0;
overflow-y: scroll;
}
footer[role="contentinfo"]{
@@ -44,7 +62,14 @@ div.layout-container{
// _ _ _
// | | | | | |
// | |_| | ___ __ _ __| | ___ _ __
// | _ |/ _ \/ _` |/ _` |/ _ \ '__|
// | | | | __/ (_| | (_| | __/ |
// \_| |_/\___|\__,_|\__,_|\___|_|
header[role="banner"]{
background-color: #fff;
box-shadow: 0 -5px 15px #000;
@@ -130,36 +155,18 @@ header[role="banner"]{
}
nav#block-mathallo-contenu{
padding: 1em;
ul,li{
padding: 0;
margin:0;
list-style: none;
}
@include menu-contenus;
li{
padding:0 0 1em 0;
&:first-child{
padding:0.25em 0 1em;
}
}
label{
color:$bleu_site;
font-weight: 600;
display: block;
font-size: 0.756em;
padding:0 0 0.25em 0;
&:has(+ a:hover){
color: $rose;
}
}
a{
font-size: 1.13em;
}
&>ul{ // chapitres
display: flex;
flex-direction: row;
gap: 2em;
>li{
>li{
>ul{ // parties
margin:0.75em 0 0;
padding:0 0 0 1em;
@@ -168,7 +175,7 @@ header[role="banner"]{
}
}
}
}
}
}
nav#block-mathallo-navigationprincipale{
@@ -192,9 +199,58 @@ header[role="banner"]{
}
} // end of header[role="banner"]{
// ______ _ _
// | ___ \ | | | |
// | |_/ /_ __ ___ __ _ __| | ___ _ __ _ _ _ __ ___ | |__
// | ___ \ '__/ _ \/ _` |/ _` |/ __| '__| | | | '_ ` _ \| '_ \
// | |_/ / | | __/ (_| | (_| | (__| | | |_| | | | | | | |_) |
// \____/|_| \___|\__,_|\__,_|\___|_| \__,_|_| |_| |_|_.__/
nav[role="breadcrumb"]{
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
padding:0em;
ul{
margin:0;
padding-left: 0.5em;
li{
list-style: none;
}
}
#block-mathallo-contenu-2{
@include menu-contenus;
padding: 0.5em 1em;
li:not(.in-active-trail){
display: none;
}
ul,li{
display: flex;
flex-direction: row;
align-items: baseline;
gap: 1em;
}
a{
font-size: 1em;
}
&>ul>li>ul>li{
padding-left: 1em;
border-left: 2px solid $bleu_site;
}
}
}
// ___ ___ _
// | \/ | (_)
// | . . | __ _ _ _ __
// | |\/| |/ _` | | '_ \
// | | | | (_| | | | | |
// \_| |_/\__,_|_|_| |_|
main[role="main"]{
div.layout-content{
padding:5em 0;
article{
position: relative;
background-color: #fff;
@@ -207,7 +263,8 @@ main[role="main"]{
@include titre_h2;
margin:0;
}
div.field-chapitre-num{
div.field-chapitre-num,
div.field-partie-num{
background-color: $bleu_site;
color: #fff;
display: inline-flex;
@@ -222,6 +279,14 @@ main[role="main"]{
}
}
article.node-type-chapitre{
}
section.parties{
display: flex;
gap: 2em;
padding:1em;
}
// HOME
div.views-home-chapitres{
display: flex;
@@ -241,7 +306,13 @@ main[role="main"]{
}
}
// ______ _
// | ___| | |
// | |_ ___ ___ | |_ ___ _ __
// | _/ _ \ / _ \| __/ _ \ '__|
// | || (_) | (_) | || __/ |
// \_| \___/ \___/ \__\___|_|
footer[role="contentinfo"]{
background-color: #fff;
box-shadow: 0 5px 15px #000;

22
web_main/themes/custom/mathallo/assets/scss/partials/mixins.scss Normal file
View File

@@ -0,0 +1,22 @@
@mixin menu-contenus{
padding: 1em;
ul,li{
padding: 0;
margin:0;
list-style: none;
}
label{
color:$bleu_site;
font-weight: 600;
display: block;
font-size: 0.756em;
padding:0 0 0.25em 0;
&:has(+ a:hover){
color: $rose;
}
}
a{
font-size: 1.13em;
}
}