Styling ordered lists

1 files changed, 21 insertions, 16 deletions

diff --git a/style.css b/style.css
index 9aaedda..a2143e8 100644
--- a/style.css
+++ b/style.css
@@ -62,27 +62,18 @@ img {
 
 ul {
   margin-bottom: 30px;
+  counter-reset: list;
 }
 
 ol {
   margin-bottom: 30px;
+  counter-reset: list;
 }
 
-ul ul {
-  margin-bottom: 0px;
-}
-
-ul ol {
-  margin-bottom: 0px;
-}
-
-ol ul {
-  margin-bottom: 0px;
-}
-
-ol ol {
-  margin-bottom: 0px;
-}
+ul ul { margin-bottom: 0px; }
+ul ol { margin-bottom: 0px; }
+ol ul { margin-bottom: 0px; }
+ol ol { margin-bottom: 0px; }
 
 li {
   margin-left: 30px;
@@ -91,7 +82,7 @@ li {
   text-align: justify;
 }
 
-li:before {
+ul > li:before {
   content: "•";
   color: #F52F8A;
   position: relative;
@@ -100,6 +91,20 @@ li:before {
   font-size: 18px;
 }
 
+ol li {
+  counter-increment: list;
+  position: relative;
+}
+
+ol > li:before {
+  content: counter(list) ".";
+  color: #F52F8A;
+  position: absolute;
+  left: -2.5em;
+  width: 2em;
+  text-align: right;
+}
+
 a {
   text-decoration: none;
   color: darkblue;