git.iko.soy/urbit.org
on bd35e82 help sign in
urbit.org/styles/markdown.css
189 lines 3.2 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 p,
14.markdown ul,
15.markdown ol,
16.markdown blockquote {
17 @apply my-8;
20/* Default Typography */
22.markdown h1 {
23 @apply text-4xl font-bold mt-32 mb-16;
26.markdown h2 {
27 @apply text-3xl font-bold mt-24 mb-12;
30.markdown h3 {
31 @apply text-2xl font-semibold mt-16 mb-8;
34.markdown h4 {
35 @apply text-xl font-semibold mt-8 mb-4;
38.markdown p {
39 @apply text-base md:text-lg leading-relaxed;
42.markdown li {
43 @apply py-2 ml-6 text-base md:text-lg;
46.markdown hr {
47 @apply my-16 border-t-2 border-wall-300;
50.markdown iframe {
51 min-height: 512px;
54/* Technical Typography */
56.markdown.technical h1 {
57 @apply text-3xl font-bold mt-32 mb-16;
60.markdown.technical h2 {
61 @apply text-2xl font-bold mt-24 mb-12;
64.markdown.technical h3 {
65 @apply text-xl font-semibold mt-16 mb-8;
68.markdown.technical h4 {
69 @apply text-lg font-semibold mt-8 mb-4;
72.markdown.technical p {
73 @apply text-base leading-relaxed;
76.markdown.technical li {
77 @apply py-2 ml-6 text-base;
80/* Imagery */
82.markdown img {
83 @apply rounded-lg w-full h-auto;
86.markdown figure {
87 @apply relative my-8 z-0 w-full left-0;
90@media (min-width: 768px) {
91 .markdown figure {
92 width: 125%;
93 left: -12.5%;
94 }
97.markdown pre,
98.markdown pre[class*="language-"] {
101.markdown code,
102.markdown code[class*="language-"] {
103 @apply px-2 py-0.5 bg-wall-100 rounded-md;
106.markdown a code,
107.markdown a code[class*="language-"] {
108 @apply bg-green-100 text-green-400;
111.markdown pre code,
112.markdown pre[class*="language-"] code {
113 @apply p-4 md:p-8 rounded-xl;
116.markdown ul {
117 list-style: outside;
118 list-style-type: disc;
121.markdown ol {
122 list-style: outside;
123 list-style-type: decimal;
126.markdown li a,
127.markdown h3 a,
128.markdown h2 a {
129 @apply text-green-400;
132.markdown blockquote {
133 @apply border-l-4 border-wall-300 pl-6 italic;
135.markdown blockquote cite {
136 @apply not-italic font-semibold;
139.markdown table {
140 border-collapse: separate;
141 border-spacing: 0;
142 min-width: 350px;
145.markdown table tr th,
146.markdown table tr td {
147 border-right-width: 2px;
148 border-right-style: solid;
149 border-bottom-width: 2px;
150 border-bottom-style: solid;
151 padding: 8px !important;
152 @apply border-wall-100;
155.markdown table tr th:first-child,
156.markdown table tr td:first-child {
157 border-left-width: 2px;
158 border-left-style: solid;
159 @apply border-wall-100;
162.markdown table tr th {
163 background: rgba(240, 239, 236, 0.33);
164 border-top-width: 2px;
165 border-top-style: solid;
166 text-align: left;
167 vertical-align: middle;
168 @apply border-wall-100;
171/* top-left border-radius */
172.markdown table tr:first-child th:first-child {
173 border-top-left-radius: 8px;
176/* top-right border-radius */
177.markdown table tr:first-child th:last-child {
178 border-top-right-radius: 8px;
181/* bottom-left border-radius */
182.markdown table tr:last-child td:first-child {
183 border-bottom-left-radius: 8px;
186/* bottom-right border-radius */
187.markdown table tr:last-child td:last-child {
188 border-bottom-right-radius: 8px;