on e4dea95 help sign in
urbit.org/styles/markdown.module.css
96 lines 1.5 kB history raw
1.markdown {
2 /* @apply leading-relaxed; */
3 /* max-width: ; */
4 /* @apply w-full md:w-8/12 px-4 md:px-0 pb-20 md:pb-32 lg:pb-48; */
5}
7.markdown *:last-child {
8 @apply pb-0 mb-0;
9}
11.markdown *:first-child {
12 @apply pt-0 mt-0;
15.markdown *:first-child figure {
16 @apply pt-0 mt-0;
19.markdown p,
20.markdown ul,
21.markdown ol,
22.markdown blockquote {
23 @apply my-8;
26.markdown h1 {
27 @apply text-3xl md:text-4xl lg:text-5xl font-bold mt-24 mb-12;
30.markdown h2 {
31 @apply text-2xl md:text-3xl lg:text-4xl font-bold mt-16 mb-12;
34.markdown h3 {
35 @apply text-lg md:text-xl lg:text-2xl font-semibold mt-8 mb-8;
38.markdown h4 {
39 @apply text-base md:text-lg lg:text-xl font-semibold mt-4 mb-4;
42.markdown p {
43 @apply text-base md:text-lg lg:text-xl leading-relaxed;
46.markdown img {
47 width: 100%;
48 height: auto;
49 @apply rounded-lg;
52.markdown figure {
53 position: relative;
54 @apply mt-12 mb-12 z-0;
57.markdown figure {
58 width: 100%;
59 left: 0;
62@media (min-width: 768px) {
63 .markdown figure {
64 width: 125%;
65 left: -12.5%;
66 }
69.markdown pre,
70.markdown pre[class*="language-"] {
73.markdown code,
74.markdown code[class*="language-"] {
75 @apply px-2 py-0.5 bg-wall rounded-md;
78.markdown pre code,
79.markdown pre[class*="language-"] code {
80 @apply p-4 md:p-8 rounded-xl;
83.markdown ul {
84 list-style: outside;
85 list-style-type: disc;
88.markdown ol {
89 list-style: outside;
90 list-style-type: decimal;
93.markdown li {
94 font-size: 20px;
95 @apply py-2 ml-6 text-base md:text-lg lg:text-xl;