/*---------------------------------------------*/ /*ASIDE RIGHT RELATIVES*/ /* aside right is for links to relatives content*/ body aside.relative_content { padding: calc(var(--gap-unit) / 2); } /* asides elements only have width if they have a child*/ body aside.relative_content *:first-child { width: var(--aside-right-width); } body aside.relative_content .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 { border-bottom: 1px solid var(--color-lines-2); padding-bottom: var(--gap-unit); } body aside.relative_content .relative_box > * { margin-bottom: var(--gap-unit); }