Files
2022_WEBSITE_kosmopolit/styles/aside_left.css
2021-03-12 20:37:52 +01:00

26 lines
727 B
CSS

/*---------------------------------------------*/
/*ASIDE LEFT*/
/* aside left is for page table of 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.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);
/*for style*/
border-left: 1px solid var(--color-lines-3);
}
/*to put space between elements*/
body aside.aside_left .table_box > * {
margin-bottom: var(--gap-unit);
}
body aside.aside_left .table_box h2 {
color: var(--color-text-1);
}