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

big refactoring, opening flagcollection (folder) on the left of main-content

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-11-27 23:02:59 +01:00
parent 420a879a4e
commit 93c4707c45
19 changed files with 656 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/themes/custom/materiotheme/assets/styles/base/_layout.scss
View File

@ -23,6 +23,8 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
padding-top: 24px!important;
}
// build break points for each multiple of cards row
// cards will always be centered, using all available space
%grided-width{
margin:0 auto;
$m: $column_goutiere;
@ -31,7 +33,7 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
@while $bp < 4096px {
$upbp: $bp + $colw + $m;
@media only screen and (min-width: $bp + 1px) and (max-width: $upbp) {
width:$bp - $m;
width:$bp;
}
$bp: $upbp;
}
@ -100,14 +102,15 @@ main[role="main"]{
display: flex;
flex-direction: row-reverse;
#content-left{
flex-basis: $column_width*2+$column_goutiere;
flex-basis: $column_width+$column_goutiere;
flex-shrink: 0;
// width:$column_width*2+$column_goutiere;
>*{
width:$column_width*2+$column_goutiere;
width:100%;
}
}
#content-center{
flex-basis: $column_width*10+$column_goutiere*9;
flex-basis: 110%;
}
}
}

4
web/themes/custom/materiotheme/assets/styles/base/_variables.scss
View File

@ -5,7 +5,7 @@ $base_font_size:16px;
// card-medium (210x295)
// card-small (100x140)
$column_width: 210px;
$column_goutiere: 15px;
$column_width: 205px;
$column_goutiere: 13px;
$card_height: 295px;