29 lines
781 B
CSS
29 lines
781 B
CSS
|
|
/*---------------------------------------------*/
|
|
/*ASIDE LEFT*/
|
|
/* aside left is for page table of content */
|
|
body aside.aside_left {
|
|
top: calc(var(--nav-height) + 1px);
|
|
height: 100%;
|
|
max-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);
|
|
max-width: calc(var(--aside-left-width) * 1.5);
|
|
margin: calc(var(--aside-margin) / 2);
|
|
margin-right: auto;
|
|
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);
|
|
}
|
|
|