54 lines
1.2 KiB
CSS
54 lines
1.2 KiB
CSS
|
|
/*---------------------------------------------*/
|
|
/*ASIDE RIGHT*/
|
|
/* aside right is for links to relatives content*/
|
|
aside.aside_right {
|
|
padding: calc(var(--gap-unit) / 2);
|
|
}
|
|
/* asides elements only have width if they have a child*/
|
|
aside.aside_right *:first-child {
|
|
width: var(--aside-right-width);
|
|
}
|
|
|
|
/*---------------------------------------------*/
|
|
/*RELATIVES BOX*/
|
|
aside.aside_right .relative_box {
|
|
margin: var(--aside-margin);
|
|
padding: var(--gap-unit);
|
|
border: 1px solid var(--color-lines-2);
|
|
}
|
|
aside.aside_right .box_name {
|
|
border-bottom: 1px solid var(--color-lines-2);
|
|
padding-bottom: var(--gap-unit);
|
|
}
|
|
aside.aside_right .relative_box > * {
|
|
margin-bottom: var(--gap-unit);
|
|
}
|
|
aside.aside_right .relative_box a h2 {
|
|
color: var(--color-text-2);
|
|
}
|
|
|
|
|
|
|
|
/*---------------------------------------------*/
|
|
/*BUTTON BOX*/
|
|
aside.aside_right .button_box {
|
|
margin: 10px var(--aside-margin);
|
|
margin-bottom: 0px;
|
|
padding: calc(var(--gap-unit) / 2);
|
|
border: 1px solid var(--color-lines-2);
|
|
border-radius: 23px;
|
|
border-radius: 10em;
|
|
}
|
|
aside.aside_right .button_box:first-child {
|
|
margin-top: var(--aside-margin);
|
|
}
|
|
aside.aside_right .button_box * {
|
|
width: auto;
|
|
}
|
|
aside.aside_right .button_box h2 {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
|