git.iko.soy/urbit.org
on dffd855 help sign in
urbit.org/styles/markdown.css
209 lines 3.5 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/* Technical Typography */
71.markdown.technical h1 {
72 @apply text-3xl font-bold mt-32 mb-16;
75.markdown.technical h2 {
76 @apply text-2xl font-bold mt-24 mb-12;
79.markdown.technical h3 {
80 @apply text-xl font-semibold mt-16 mb-8;
83.markdown.technical h4 {
84 @apply text-lg font-semibold mt-8 mb-4;
87.markdown.technical p {
88 @apply text-base leading-relaxed;
91.markdown.technical p code {
92 white-space: pre-wrap;
95.markdown.technical li {
96 @apply py-2 ml-6 text-base;
99/* Imagery */
101.markdown img {
102 @apply rounded-lg w-full h-auto;
105.markdown figure {
106 @apply relative my-8 z-0 w-full left-0;
109@media (min-width: 768px) {
110 .markdown figure {
111 width: 125%;
112 left: -12.5%;
113 }
116.markdown pre,
117.markdown pre[class*="language-"] {
118 @apply block p-4 bg-wall-100 rounded-lg overflow-x-auto;
121.markdown code,
122.markdown code[class*="language-"] {
123 @apply px-2 py-0.5 bg-wall-100 rounded-lg;
126.markdown a code,
127.markdown a code[class*="language-"] {
128 @apply bg-green-100 text-green-400;
131.markdown ul {
132 list-style: outside;
133 list-style-type: disc;
136.markdown ol {
137 list-style: outside;
138 list-style-type: decimal;
141.markdown li a,
142.markdown h3 a,
143.markdown h2 a {
144 @apply text-green-400;
147/* Links in list item tags should be green */
148.markdown li a {
149 @apply text-green-400 font-semibold;
152.markdown blockquote {
153 @apply border-l-4 border-wall-300 pl-6 italic;
155.markdown blockquote cite {
156 @apply not-italic font-semibold;
159.markdown table {
160 border-collapse: separate;
161 border-spacing: 0;
162 min-width: 350px;
165.markdown table tr th,
166.markdown table tr td {
167 border-right-width: 2px;
168 border-right-style: solid;
169 border-bottom-width: 2px;
170 border-bottom-style: solid;
171 padding: 8px !important;
172 @apply border-wall-100;
175.markdown table tr th:first-child,
176.markdown table tr td:first-child {
177 border-left-width: 2px;
178 border-left-style: solid;
179 @apply border-wall-100;
182.markdown table tr th {
183 background: rgba(240, 239, 236, 0.33);
184 border-top-width: 2px;
185 border-top-style: solid;
186 text-align: left;
187 vertical-align: middle;
188 @apply border-wall-100;
191/* top-left border-radius */
192.markdown table tr:first-child th:first-child {
193 border-top-left-radius: 8px;
196/* top-right border-radius */
197.markdown table tr:first-child th:last-child {
198 border-top-right-radius: 8px;
201/* bottom-left border-radius */
202.markdown table tr:last-child td:first-child {
203 border-bottom-left-radius: 8px;
206/* bottom-right border-radius */
207.markdown table tr:last-child td:last-child {
208 border-bottom-right-radius: 8px;