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

blabla article display and nav

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-07-25 21:23:23 +02:00
parent f2d8c15c25
commit f5e18e9c20
12 changed files with 454 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/themes/custom/materiotheme/assets/styles/base/_reset.scss
View File

@ -8,3 +8,28 @@ a{
}
a, a:focus, a:active { outline: none; }
a:focus{ -moz-outline-style: none; }
ul{
margin:0;
padding:0;
li{
margin:0;
padding:0;
list-style: none;
}
}
h1,h2,h3,h4,h5,h6{
margin:0;
}
p a{
position: relative;
&:after{
content:'';
position: absolute;
top:1em; left:0;
width:100%;
border-bottom: 1px dotted #000;
}
}

159
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@ -209,8 +209,6 @@ header[role="banner"]{
text-transform: capitalize;
font-weight: 300;
body:not(.path-home) & {
padding:0.5em 1em;
}
@ -229,7 +227,6 @@ header[role="banner"]{
}
}
#block-materiosapisearchblock{
float:right;
display:inline-block;
@ -499,34 +496,6 @@ article.node--type-frontpage{
}
// ___ _
// / __| |_ _____ __ ___ _ ___ ___ _ __ ___
// \__ \ ' \/ _ \ V V / '_/ _ \/ _ \ ' \(_-<
// |___/_||_\___/\_/\_/|_| \___/\___/_|_|_/__/
#showrooms{
width: calc(100% + #{$column_goutiere});
article.showroom{
width: $column_width * 2 + $column_goutiere;
display: inline-block;
vertical-align: top;
margin: 0 $column_goutiere $column_goutiere 0;
h1{
margin:0;
font-weight: 4;
}
p{ margin:0; }
figure{
margin:0;
img{
max-width: 100%;
}
}
}
}
// ___ _
// / __|__ _ _ _ __| |___
// | (__/ _` | '_/ _` (_-<
@ -572,6 +541,10 @@ article.card{
// }
// focused
// box-shadow: 0 0 7px rgba(0,0,0,0.9);
// &.article{
// width: $column_width * 2 + $column_goutiere;
//
// }
header{
position: absolute;
bottom:0;
@ -585,7 +558,7 @@ article.card{
h1{
font-size: 1.3em;
font-weight: 700;
line-height: 0.8;
line-height: 0.85;
margin-bottom: 0.2em;
}
h4{
@ -622,3 +595,125 @@ article.card{
}
}
}
// ___ _ _ _
// | _ ) |__ _| |__| |__ _
// | _ \ / _` | '_ \ / _` |
// |___/_\__,_|_.__/_\__,_|
#blabla{
}
#main-content > article.article{
section.taxonomy{
ul{
margin:1em 0 0;
}
li{
display:inline-block;
padding:0 0.5em 0 0;
}
}
section.visuels{
width:calc(100% + #{$column_goutiere});
figure{
display: inline-block;
vertical-align: top;
width:$column_width;
margin:0 $column_goutiere 0 0;
img{
width:100%;
}
}
}
aside.linked-materials{
ul{
width:calc(100% + #{$column_goutiere});
li{
display: inline-block;
vertical-align: top;
width:$column_width;
margin:0 $column_goutiere 0 0;
}
}
h3.field__label{
font-size: 1em;
font-weight: 500;
margin: 2em 0 1em 0;
}
h1.title{
font-size: 1em;
font-weight: 400;
}
h3.ref{
font-size: 0.756em;
font-weight: 600;
}
h2.description{
font-size: 0.756em;
font-weight: 400;
}
}
nav.prevnext{
&.bottom{
margin:2em 0;
}
ul{
padding:0;
margin:0;
display: grid;
grid-template-columns: 1fr 1fr;
}
li{
padding:0;
margin:0;
list-style: none;
a{
font-size: 0.756em;
font-weight: 700;
}
&:nth-child(1){
grid-column: 1;
a:before{
content:'< ';
}
}
&:nth-child(2){
grid-column: 2;
text-align: right;
a:after{
content:' >';
}
}
}
}
}
// ___ _
// / __| |_ _____ __ ___ _ ___ ___ _ __ ___
// \__ \ ' \/ _ \ V V / '_/ _ \/ _ \ ' \(_-<
// |___/_||_\___/\_/\_/|_| \___/\___/_|_|_/__/
#showrooms{
width: calc(100% + #{$column_goutiere});
article.showroom{
width: $column_width * 2 + $column_goutiere;
display: inline-block;
vertical-align: top;
margin: 0 $column_goutiere $column_goutiere 0;
h1{
margin:0;
font-weight: 4;
}
p{ margin:0; }
figure{
margin:0;
img{
max-width: 100%;
}
}
}
}