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

css reorganisees par sections

Browse Source
This commit is contained in:
hugogogo
2021-03-12 18:34:01 +01:00
parent 409ec82f3b
commit 9c236d37e1
8 changed files with 84 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
styles/skeleton.css vendored
View File

@@ -30,61 +30,16 @@ body .container_main {
body aside.page_content {
top: calc(var(--nav-height) + 1px);
height: calc(100vh - var(--nav-height) - 1px);
background-color: var(--color-back-base);
}
/*MAIN*/
body main {
padding: calc(var(--gap-unit) / 2);
background-color: var(--color-back-base);
}
body main > * {
margin: var(--gap-unit) 0px;
}
body main h1 {
padding: 70px 0px;
border-bottom: 1px solid var(--color-lines-main);
}
body main h2 {
padding: 10px 0px;
border-bottom: 1px solid var(--color-lines-main);
}
/*TITLE*/
body main .page_title {
position: relative;
}
body main .page_title .date {
position: absolute;
bottom: 0px;
left: 0px;
}
/*ASIDE RIGHT RELATIVES*/
/* aside right is for links to relatives content*/
body aside.relative_content {
padding: calc(var(--gap-unit) / 2);
background-color: var(--color-back-base);
}
/* asides elements only have width if they have a child*/
body aside.relative_content *:first-child {
width: var(--aside-right-width);
}
body aside.relative_content .relative_box {
margin: var(--aside-margin);
padding: var(--gap-unit);
width: fit-content;
border: 1px solid var(--color-lines-aside-r);
}
body aside.relative_content .box_name {
border-bottom: 1px solid var(--color-lines-aside-r);
padding-bottom: var(--gap-unit);
}
body aside.relative_content .relative_box > * {
margin-bottom: var(--gap-unit);
}
/*FOOTER*/
body footer.page_footer {
height: 100px;
border-top: 1px solid var(--color-lines-nav);
background-color: var(--color-back-dark);
}