From fb50e39b15c47f40528f423cfd7657f8a4e215d2 Mon Sep 17 00:00:00 2001 From: Blake Ashley <56891775+blakeashleyjr@users.noreply.github.com> Date: Tue, 2 May 2023 08:33:13 -0700 Subject: [PATCH] Update main.scss to use nesting with & --- assets/css/main.scss | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 92ca0c2..7585edd 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -262,31 +262,31 @@ ol { ol { list-style: none; counter-reset: li; -} -ol > li { - counter-increment: li; -} + > li { + counter-increment: li; -ol > li:before { - content: counter(li); - position: absolute; - right: calc(100% + 10px); - color: $accent; - display: inline-block; - text-align: right; -} + &:before { + content: counter(li); + position: absolute; + right: calc(100% + 10px); + color: $accent; + display: inline-block; + text-align: right; + } -ol > ol { - margin-left: 38px; -} + > ol { + margin-left: 38px; -ol > ol > li { - counter-increment: li; -} + > li { + counter-increment: li; -ol > ol > li:before { - content: counters(li, ".") " "; + &:before { + content: counters(li, ".") " "; + } + } + } + } } mark {