aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/main.css38
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);
}