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

ajout des archives litterall

Browse Source
This commit is contained in:
hugogogo
2021-03-12 20:37:52 +01:00
parent 9c236d37e1
commit fc2e80e50e
14 changed files with 47 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
styles/aside_left.css
View File

@@ -2,13 +2,13 @@
/*---------------------------------------------*/
/*ASIDE LEFT*/
/* aside left is for page table of content */
body aside.page_content {
body aside.aside_left {
top: calc(var(--nav-height) + 1px);
height: calc(100vh - var(--nav-height));
padding: calc(var(--gap-unit) / 2);
}
/* asides elements only have width if they have a child*/
body aside.page_content .table_box {
body aside.aside_left .table_box {
min-width: var(--aside-left-width);
margin: var(--aside-margin) auto var(--aside-margin) var(--aside-margin);
padding: var(--gap-unit);
@@ -16,10 +16,10 @@ body aside.page_content .table_box {
border-left: 1px solid var(--color-lines-3);
}
/*to put space between elements*/
body aside.page_content .table_box > * {
body aside.aside_left .table_box > * {
margin-bottom: var(--gap-unit);
}
body aside.page_content .table_box h2 {
body aside.aside_left .table_box h2 {
color: var(--color-text-1);
}

13
styles/aside_right.css
View File

@@ -2,23 +2,26 @@
/*---------------------------------------------*/
/*ASIDE RIGHT RELATIVES*/
/* aside right is for links to relatives content*/
body aside.relative_content {
aside.aside_right {
padding: calc(var(--gap-unit) / 2);
}
/* asides elements only have width if they have a child*/
body aside.relative_content *:first-child {
aside.aside_right *:first-child {
width: var(--aside-right-width);
}
body aside.relative_content .relative_box {
aside.aside_right .relative_box {
margin: var(--aside-margin);
padding: var(--gap-unit);
width: fit-content;
border: 1px solid var(--color-lines-2);
}
body aside.relative_content .box_name {
aside.aside_right .box_name {
border-bottom: 1px solid var(--color-lines-2);
padding-bottom: var(--gap-unit);
}
body aside.relative_content .relative_box > * {
aside.aside_right .relative_box > * {
margin-bottom: var(--gap-unit);
}
aside.aside_right .relative_box a h2 {
color: var(--color-text-2);
}

1
styles/main.css
View File

@@ -3,6 +3,7 @@
/*MAIN*/
body main {
padding: calc(var(--gap-unit) / 2);
max-width: 600px;
}
body main > * {
margin: var(--gap-unit) 0px;

2
styles/nav.css
View File

@@ -36,7 +36,7 @@ body nav .nav_right {
margin-right: 2px;
}
body nav .nav_right img.flag {
height: calc(var(--nav-height) / 2);
height: 15px;
}

17
styles/skeleton.css vendored
View File

@@ -15,30 +15,31 @@ html {
body {
background-color: var(--color-back-base);
}
body nav {
nav {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
z-index: 10;
}
body .container_main {
.container_main {
flex-direction: row;
/*the page is designed for a maximum screen*/
max-width: var(--max-screen);
}
body aside.page_content {
.container_main > * {
margin: 0px auto;
}
aside.aside_left {
top: calc(var(--nav-height) + 1px);
height: calc(100vh - var(--nav-height) - 1px);
background-color: var(--color-back-base);
}
body main {
main {
background-color: var(--color-back-base);
}
body aside.relative_content {
aside.aside_right {
background-color: var(--color-back-base);
}
body footer.page_footer {
footer.page_footer {
background-color: var(--color-back-dark);
}