livebook/assets/css/markdown.css
Jonatan Kłosko 6ac7f94897
Define notebook file format (#27)
* Initial file import/export

* Add renderer tests

* Refactor renderer

* Depend only on EarmarkParser

* Add test for export

* Add import tests

* Improve import

* Document the ExMd file format

* Rename ExMd to ExMarkdown

* Rename ExMarkdown to LiveMarkdown

* Build iodata when exporting a notebook

* Persist metadata as a single JSON object

* Move Markdown to LiveMarkdown.MarkdownHelpers

* Make LiveMarkdown private

* Always move primary heading to the top during import

* Hint the user not to use heading 1 and 2

* Return a list of messages from the import function

* Update headings warning

* Add import and export test for non-elixir snippets

* Merge markdown renderer into MarkdownHelpers

* Add import messages on AST rewrites
2021-02-16 18:39:52 +01:00

124 lines
2 KiB
CSS

/* Markdown rendered content */
.markdown {
@apply text-gray-700;
}
.markdown h1 {
@apply text-gray-900 font-semibold text-4xl my-4;
}
.markdown h2 {
@apply text-gray-900 font-semibold text-3xl my-4;
}
.markdown h3 {
@apply text-gray-900 font-semibold text-2xl my-4;
}
.markdown h4 {
@apply text-gray-900 font-semibold text-xl my-4;
}
.markdown h5 {
@apply text-gray-900 font-semibold text-lg my-4;
}
.markdown h6 {
@apply text-gray-900 font-semibold text-base my-4;
}
.markdown p {
@apply my-4;
}
.markdown ul {
@apply list-disc list-inside my-4;
}
.markdown ol {
@apply list-decimal list-inside my-4;
}
.markdown ul > li,
.markdown ol > li {
@apply my-1;
}
.markdown ul > li ul,
.markdown ol > li ol {
@apply ml-6;
}
.markdown blockquote {
@apply border-l-4 border-gray-200 pl-4 py-2 my-4 text-gray-500;
}
.markdown a {
@apply font-medium underline text-gray-900 hover:no-underline;
}
.markdown table {
@apply w-full my-4;
}
.markdown table thead tr {
@apply border-b border-gray-200;
}
.markdown table tbody tr:not(:last-child) {
@apply border-b border-gray-200;
}
.markdown table th {
@apply p-2 font-bold;
}
.markdown table td {
@apply p-2;
}
.markdown table th:first-child,
.markdown table td:first-child {
@apply pl-0;
}
.markdown table th:last-child,
.markdown table td:last-child {
@apply pr-0;
}
.markdown code {
@apply py-1 px-2 rounded-md text-sm align-middle;
/* Match the editor colors */
background-color: #282c34;
color: #abb2bf;
}
.markdown pre > code {
@apply block p-4 rounded-md text-sm align-middle;
/* Match the editor colors */
background-color: #282c34;
color: #abb2bf;
}
.markdown :first-child {
@apply mt-0;
}
.markdown :last-child {
@apply mb-0;
}
/* Overrides for user-entered markdown */
.cell .markdown h1,
.cell .markdown h2 {
font-size: 0;
}
.cell .markdown h1:after,
.cell .markdown h2:after {
@apply text-red-400 text-base font-medium;
content: "warning: heading levels 1 and 2 are reserved for notebook and section names, please use heading 3 and above.";
}