more docs + table styling pass
MODIFY
src/assets/docs.scss
src/assets/docs.scss
font-size: var(--h4);
line-height: 4rem;
- .h3 {
+ &.h3 {
@include h3;
}
}
}
// Spacing
- p + h2,
- h2 ~ h2 {
+ * + h2 {
margin-top: var(--medium);
}
- p + h3,
- p + .h3,
- h3 ~ h3,
- h3 ~ .h3 {
- margin-top: 8.8rem;
+ * + h3,
+ * + .h3 {
+ margin-top: var(--large);
}
- p + p {
+ h4 {
+ margin-bottom: var(--macro);
+ }
+
+ p + h4,
+ h4 ~ h4 {
+ margin-top: var(--xx-small);
+ }
+
+ p + p,
+ p + ul,
+ ul + p {
margin-top: var(--micro);
}
margin-top: var(--medium);
}
+ ol,
+ ul {
+ margin: var(--micro) 0;
+ }
+
li + li {
margin-top: var(--macro);
}
padding: 2rem 2.4rem;
background: var(--sand-dark);
}
+
+ &.language-Dockerfile {
+ background: var(--off-white);
+ }
}
pre {
}
table {
- border-radius: 1.6rem;
+ width: 100%;
+ margin: var(--micro) 0;
overflow: hidden;
+ border-radius: 1.6rem;
+ font-size: var(--p-small);
}
thead {
}
tbody {
- background: var(--offwhite);
+ background: var(--off-white);
+ }
+
+ th,
+ td {
+ @apply py-5 px-10;
+ @apply text-left;
+ }
+
+ td {
+ @apply py-6;
+ }
+
+ th {
+ @apply font-normal;
+ }
+
+ td:first-child {
+ @apply font-bold;
+ @apply align-top;
+ }
+
+ th + th,
+ td + td {
+ @apply border-l border-solid border-gray-400;
+ }
+
+ tr + tr {
+ // border-top: 1px solid
+ @apply border-t border-solid border-gray-400;
}
}

more docs + table styling pass