create two version old and new
This commit is contained in:
28
new/styles/aside_left.css
Normal file
28
new/styles/aside_left.css
Normal file
@@ -0,0 +1,28 @@
|
||||
|
||||
/*---------------------------------------------*/
|
||||
/*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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user