git.iko.soy/urbit.org
on abf1b49 help sign in
urbit.org/styles/markdown.css
214 lines 3.7 kB history raw
1.markdown *:last-child {
2 @apply pb-0 mb-0;
3}
5.markdown *:first-child {
6 @apply pt-0 mt-0;
7}
9.markdown *:first-child figure {
10 @apply pt-0 mt-0;
13.markdown .display * {
14 margin-top: unset;
15 margin-bottom: unset;
16 margin-left: unset;
17 padding: unset;
18 padding-top: unset;
19 padding-bottom: unset;
22.markdown p,
23.markdown ul,
24.markdown ol,
25.markdown blockquote {
26 @apply my-8;
29/* Default Typography */
31.markdown h1 {
32 @apply text-4xl font-bold mt-32 mb-16;
35.markdown h2 {
36 @apply text-3xl font-bold mt-24 mb-12;
39.markdown h3 {
40 @apply text-2xl font-semibold mt-16 mb-8;
43.markdown h4 {
44 @apply text-xl font-semibold mt-8 mb-4;
47.markdown p {
48 @apply text-base md:text-lg leading-relaxed;
51.markdown-callout p {
52 @apply mt-1;
53 @apply mb-2;
54 font-size: 1rem;
57.markdown li {
58 @apply py-2 ml-6 text-base md:text-lg;
61.markdown hr {
62 @apply my-16 border-t-2 border-wall-300;
65.markdown iframe {
66 min-height: 512px;
69/* Implicit "citation" heuristic */
70.markdown blockquote > p > strong {
71 font-style: normal;
74/* Technical Typography */
76.markdown.technical h1 {
77 @apply text-3xl font-bold mt-32 mb-16;
80.markdown.technical h2 {
81 @apply text-2xl font-bold mt-24 mb-12;
84.markdown.technical h3 {
85 @apply text-xl font-semibold mt-16 mb-8;
88.markdown.technical h4 {
89 @apply text-lg font-semibold mt-8 mb-4;
92.markdown.technical p {
93 @apply text-base leading-relaxed;
96.markdown.technical p code {
97 white-space: pre-wrap;
100.markdown.technical li {
101 @apply py-2 ml-6 text-base;
104/* Imagery */
106.markdown img {
107 @apply rounded-lg w-full h-auto;
110.markdown span#figure {
111 @apply relative my-8 z-0 w-full left-0 block;
114@media (min-width: 768px) {
115 .markdown span#figure {
116 width: 125%;
117 left: -12.5%;
118 }
121.markdown pre,
122.markdown pre[class*="language-"] {
123 @apply block p-4 bg-wall-100 rounded-lg overflow-x-auto;
126.markdown code,
127.markdown code[class*="language-"] {
128 @apply px-2 py-0.5 bg-wall-100 rounded-lg;
131.markdown a code,
132.markdown a code[class*="language-"] {
133 @apply bg-green-100 text-green-400;
136.markdown ul {
137 list-style: outside;
138 list-style-type: disc;
141.markdown ol {
142 list-style: outside;
143 list-style-type: decimal;
146.markdown li a,
147.markdown h3 a,
148.markdown h2 a {
149 @apply text-green-400;
152/* Links in list item tags should be green */
153.markdown li a {
154 @apply text-green-400 font-semibold;
157.markdown blockquote {
158 @apply border-l-4 border-wall-300 pl-6 italic;
160.markdown blockquote cite {
161 @apply not-italic font-semibold;
164.markdown table {
165 border-collapse: separate;
166 border-spacing: 0;
167 min-width: 350px;
170.markdown table tr th,
171.markdown table tr td {
172 border-right-width: 2px;
173 border-right-style: solid;
174 border-bottom-width: 2px;
175 border-bottom-style: solid;
176 padding: 8px !important;
177 @apply border-wall-100;
180.markdown table tr th:first-child,
181.markdown table tr td:first-child {
182 border-left-width: 2px;
183 border-left-style: solid;
184 @apply border-wall-100;
187.markdown table tr th {
188 background: rgba(240, 239, 236, 0.33);
189 border-top-width: 2px;
190 border-top-style: solid;
191 text-align: left;
192 vertical-align: middle;
193 @apply border-wall-100;
196/* top-left border-radius */
197.markdown table tr:first-child th:first-child {
198 border-top-left-radius: 8px;
201/* top-right border-radius */
202.markdown table tr:first-child th:last-child {
203 border-top-right-radius: 8px;
206/* bottom-left border-radius */
207.markdown table tr:last-child td:first-child {
208 border-bottom-left-radius: 8px;
211/* bottom-right border-radius */
212.markdown table tr:last-child td:last-child {
213 border-bottom-right-radius: 8px;