@@ -75,6 +75,11 @@
7575 @apply px-2 py-0.5 bg-wall rounded-md;
7676}
7777
78+.markdown a code,
79+.markdown a code[class*="language-"] {
80+ @apply bg-washedGreen;
81+}
82+
7883.markdown pre code,
7984.markdown pre[class*="language-"] code {
8085 @apply p-4 md:p-8 rounded-xl;
@@ -107,3 +112,55 @@
107112.markdown blockquote cite {
108113 @apply not-italic font-semibold;
109114}
115+
116+.markdown table {
117+ border-collapse: separate;
118+ border-spacing: 0;
119+ min-width: 350px;
120+}
121+
122+.markdown table tr th,
123+.markdown table tr td {
124+ border-right-width: 2px;
125+ border-right-style: solid;
126+ border-bottom-width: 2px;
127+ border-bottom-style: solid;
128+ padding: 8px !important;
129+ @apply border-wall;
130+}
131+
132+.markdown table tr th:first-child,
133+.markdown table tr td:first-child {
134+ border-left-width: 2px;
135+ border-left-style: solid;
136+ @apply border-wall;
137+}
138+
139+.markdown table tr th {
140+ background: rgba(240, 239, 236, 0.33);
141+ border-top-width: 2px;
142+ border-top-style: solid;
143+ text-align: left;
144+ vertical-align: middle;
145+ @apply border-wall;
146+}
147+
148+/* top-left border-radius */
149+.markdown table tr:first-child th:first-child {
150+ border-top-left-radius: 8px;
151+}
152+
153+/* top-right border-radius */
154+.markdown table tr:first-child th:last-child {
155+ border-top-right-radius: 8px;
156+}
157+
158+/* bottom-left border-radius */
159+.markdown table tr:last-child td:first-child {
160+ border-bottom-left-radius: 8px;
161+}
162+
163+/* bottom-right border-radius */
164+.markdown table tr:last-child td:last-child {
165+ border-bottom-right-radius: 8px;
166+}