initial

2026-03-03 16:30:57 +07:00
parent a13304e40e
commit c253e1a370
7569 changed files with 1324841 additions and 0 deletions
@@ -0,0 +1,116 @@
+/* Lists */
+
+ul,
+ol,
+dl {
+  padding-left: 1rem;
+  font-size: $default-font-size;
+  li {
+    line-height: 1.8;
+  }
+}
+
+.list-ticked,
+.list-arrow,
+.list-star {
+  list-style: none;
+  padding: 0;
+  li {
+    padding-left: 1.5rem;
+    &:before {
+      font-family: "Material Design Icons";
+      margin-left: -1.5rem;
+      width: 1.5rem;
+      margin-right: .5rem;
+    }
+  }
+}
+
+.list-ticked {
+  li {
+    &:before {
+      content: '\F12D';
+      color: theme-color(danger);
+    }
+  }
+}
+
+.list-arrow {
+  li {
+    &:before {
+      content: '\F142';
+      color: theme-color(success);
+    }
+  }
+}
+
+.list-star {
+  li {
+    &:before {
+      content: '\F4CE';
+      color: theme-color(warning);
+    }
+  }
+}
+
+.bullet-line-list {
+  padding-left: 30px;
+  position: relative;
+  list-style-type: none;
+  li {
+    position: relative;
+    &:before {
+      width: 15px;
+      height: 15px;
+      left: -30px;
+      top: 15px;
+      border: 4px solid;
+      margin-right: 15px;
+      z-index: 2;
+      background: color(white);
+    }
+    &:before {
+      content: "";
+      position: absolute;
+      border-radius: 100%;
+    }
+    &:nth-child(6n+1) {
+      &:before {
+        border-color: theme-color(warning);
+      }
+    }
+    &:nth-child(6n+2) {
+      &:before {
+        border-color: theme-color(primary);
+      }
+    }
+    &:nth-child(6n+3) {
+      &:before {
+        border-color: theme-color(danger);
+      }
+    }
+    &:nth-child(6n+4) {
+      &:before {
+        border-color: theme-color(info);
+      }
+    }
+    &:nth-child(6n+5) {
+      &:before {
+        border-color: theme-color(success);
+      }
+    }
+    &:nth-child(6n+6) {
+      &:before {
+        border-color: theme-color(secondary);
+      }
+    }
+  }
+  &:after {
+    content: "";
+    border: 1px solid $border-color;
+    position: absolute;
+    top: 30px;
+    bottom: 0;
+    left: 7px;
+  }
+}