diff options
-rw-r--r-- | public/main.css | 38 |
1 files changed, 25 insertions, 13 deletions
diff --git a/public/main.css b/public/main.css index 37f63ab..a0f498e 100644 --- a/public/main.css +++ b/public/main.css @@ -70,34 +70,46 @@ a:hover { ul, ol { padding-left: var(--size-cat); - list-style-type: none; margin: var(--size-cat) 0 var(--size-dog); + list-style-type: none; } -ol { - counter-reset: ol; +ul > li, +ol > li { + padding: var(--size-mouse) 0; position: relative; } -ol > li, ul > li { - padding: var(--size-mouse) 0; +ul > li::before, +ol > li::before { + position: absolute; + left: 0; + color: var(--color-brown); +} + +ul > li { + display: flex; + align-items: center; + padding-left: var(--size-dog); +} + +ul > li:before { + content: '\2022'; +} + +ol { + counter-reset: ol; + position: relative; } ol > li { padding-left: var(--size-horse); - position: relative; - text-align: justify; transition: color 0.1s ease-in; } ol > li::before { - display: inline; - position: absolute; - top: var(--size-mouse); - left: 0; counter-increment: ol; content: counter(ol) "."; - color: var(--color-brown); font-weight: bold; transition: color 0.1s ease-in; } @@ -122,5 +134,5 @@ input { padding: var(--size-bee); text-align: center; width: var(--size-rhino); - margin-right: var(--size-bee); + margin-right: var(--size-mouse); } |