git.iko.soy/urbit.org
on roller-tutorial help sign in
urbit.org/styles/markdown.css
185 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-"] {
99 @apply block p-4 bg-wall-100 rounded-lg overflow-x-auto;
102.markdown code,
103.markdown code[class*="language-"] {
104 @apply px-2 py-0.5 bg-wall-100 rounded-lg;
107.markdown a code,
108.markdown a code[class*="language-"] {
109 @apply bg-green-100 text-green-400;
112.markdown ul {
113 list-style: outside;
114 list-style-type: disc;
117.markdown ol {
118 list-style: outside;
119 list-style-type: decimal;
122.markdown li a,
123.markdown h3 a,
124.markdown h2 a {
125 @apply text-green-400;
128.markdown blockquote {
129 @apply border-l-4 border-wall-300 pl-6 italic;
131.markdown blockquote cite {
132 @apply not-italic font-semibold;
135.markdown table {
136 border-collapse: separate;
137 border-spacing: 0;
138 min-width: 350px;
141.markdown table tr th,
142.markdown table tr td {
143 border-right-width: 2px;
144 border-right-style: solid;
145 border-bottom-width: 2px;
146 border-bottom-style: solid;
147 padding: 8px !important;
148 @apply border-wall-100;
151.markdown table tr th:first-child,
152.markdown table tr td:first-child {
153 border-left-width: 2px;
154 border-left-style: solid;
155 @apply border-wall-100;
158.markdown table tr th {
159 background: rgba(240, 239, 236, 0.33);
160 border-top-width: 2px;
161 border-top-style: solid;
162 text-align: left;
163 vertical-align: middle;
164 @apply border-wall-100;
167/* top-left border-radius */
168.markdown table tr:first-child th:first-child {
169 border-top-left-radius: 8px;
172/* top-right border-radius */
173.markdown table tr:first-child th:last-child {
174 border-top-right-radius: 8px;
177/* bottom-left border-radius */
178.markdown table tr:last-child td:first-child {
179 border-bottom-left-radius: 8px;
182/* bottom-right border-radius */
183.markdown table tr:last-child td:last-child {
184 border-bottom-right-radius: 8px;