feat(content): more content

styles/base.css

@@ -22,6 +22,7 @@ body {
   color: var(--color-dark);
   background-color: var(--color-light-white);
   accent-color: var(--color-brique);
+  text-wrap: pretty;
 }
 
 :is(h1, h2, h3, h4, .h2, .h3, .h4) {
@@ -85,16 +86,27 @@ hr.small {
   block-size: 2px;
 }
 
-ul:not([role='list']),
-ol:not([role='list']) {
-  padding-inline-start: 1rem;
+ul,
+ol {
+  padding-inline-start: 1em;
+  margin-block: var(--space-xs);
+  list-style-type: disc;
 }
 
-ul:not([role='list']) > li + li,
-ol:not([role='list']) > li + li {
+ul > li + li,
+ol > li + li {
   margin-block-start: var(--space-xs);
 }
 
+ul ul {
+  list-style-type: circle;
+}
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+  margin-block-start: var(--space-2xs);
+}
 .visually-hidden {
   position: absolute;
   overflow: hidden;
@@ -204,8 +216,12 @@ blockquote cite {
   line-height: 1.2;
 }
 
+figure > * + * {
+  margin-block-start: var(--space-xs);
+}
+
+/* GRID WRAPPER */
 .wrapper {
-  /* GRID WRAPPER */
   display: grid;
   grid-template-columns: var(--grid-wrapper);
   --_content-padding: var(--content-padding, var(--space-s));
@@ -226,11 +242,6 @@ blockquote cite {
   grid-column: full;
 }
 
-ul:not([role='list']),
-ol:not([role='list']) {
-  padding-inline-start: 1em;
-}
-
 :where(.slidev-layout > * + *) {
   margin-block-start: var(--space-xs);
 }