pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

continue mise en page aside gauche

Browse Source
This commit is contained in:
hugogogo
2021-03-02 10:28:28 +01:00
parent 9a3b552f12
commit 34bed77eac
3 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles/global.css
View File

@@ -136,12 +136,17 @@ body aside.page_content {
top: calc(var(--nav-height) + 1px);
height: calc(100vh - var(--nav-height));
}
body aside.page_content > * {
margin: var(--gap-unit) 0px;
}
/* asides elements only have width if they have a child*/
body aside.page_content *:first-child {
width: 200px;
body aside.page_content .table_box {
width: calc(var(--aside-left-width) - var(--aside-margin));
margin: var(--aside-margin) 0px var(--aside-margin) var(--aside-margin);
/*border-box so changing padding has no effect on total width*/
box-sizing: border-box;
padding: var(--gap-unit);
border-left: 1px solid lightgrey;
}
body aside.page_content .table_box > * {
margin-bottom: var(--gap-unit);
}
/*MAIN*/