git.iko.soy/urbit.org
on eef7fb1 help sign in
urbit.org/styles/markdown.css
181 lines 3.0 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-sm md:text-lg leading-relaxed;
42.markdown li {
43 @apply py-2 ml-6 text-lg;
46/* Technical Typography */
48.markdown.technical h1 {
49 @apply text-3xl font-bold mt-32 mb-16;
52.markdown.technical h2 {
53 @apply text-2xl font-bold mt-24 mb-12;
56.markdown.technical h3 {
57 @apply text-xl font-semibold mt-16 mb-8;
60.markdown.technical h4 {
61 @apply text-lg font-semibold mt-8 mb-4;
64.markdown.technical p {
65 @apply text-base leading-relaxed;
68.markdown.technical li {
69 @apply py-2 ml-6 text-base;
72/* Imagery */
74.markdown img {
75 @apply rounded-lg w-full h-auto;
78.markdown figure {
79 @apply relative my-8 z-0 w-full left-0;
82@media (min-width: 768px) {
83 .markdown figure {
84 width: 125%;
85 left: -12.5%;
86 }
89.markdown pre,
90.markdown pre[class*="language-"] {
93.markdown code,
94.markdown code[class*="language-"] {
95 @apply px-2 py-0.5 bg-wall rounded-md;
98.markdown a code,
99.markdown a code[class*="language-"] {
100 @apply bg-washedGreen text-green;
103.markdown pre code,
104.markdown pre[class*="language-"] code {
105 @apply p-4 md:p-8 rounded-xl;
108.markdown ul {
109 list-style: outside;
110 list-style-type: disc;
113.markdown ol {
114 list-style: outside;
115 list-style-type: decimal;
118.markdown li a,
119.markdown h3 a,
120.markdown h2 a {
121 @apply text-green;
124.markdown blockquote {
125 @apply border-l-4 border-deepWall pl-6 italic;
127.markdown blockquote cite {
128 @apply not-italic font-semibold;
131.markdown table {
132 border-collapse: separate;
133 border-spacing: 0;
134 min-width: 350px;
137.markdown table tr th,
138.markdown table tr td {
139 border-right-width: 2px;
140 border-right-style: solid;
141 border-bottom-width: 2px;
142 border-bottom-style: solid;
143 padding: 8px !important;
144 @apply border-wall;
147.markdown table tr th:first-child,
148.markdown table tr td:first-child {
149 border-left-width: 2px;
150 border-left-style: solid;
151 @apply border-wall;
154.markdown table tr th {
155 background: rgba(240, 239, 236, 0.33);
156 border-top-width: 2px;
157 border-top-style: solid;
158 text-align: left;
159 vertical-align: middle;
160 @apply border-wall;
163/* top-left border-radius */
164.markdown table tr:first-child th:first-child {
165 border-top-left-radius: 8px;
168/* top-right border-radius */
169.markdown table tr:first-child th:last-child {
170 border-top-right-radius: 8px;
173/* bottom-left border-radius */
174.markdown table tr:last-child td:first-child {
175 border-bottom-left-radius: 8px;
178/* bottom-right border-radius */
179.markdown table tr:last-child td:last-child {
180 border-bottom-right-radius: 8px;