@lowdefy/blocks-markdown
Version:
Lowdefy markdown blocks.
337 lines (277 loc) • 6.45 kB
CSS
@layer components {
.markdown-body a:focus {
outline: none;
}
.markdown-body h1:hover a,
.markdown-body h2:hover a,
.markdown-body h3:hover a,
.markdown-body h4:hover a,
.markdown-body h5:hover a,
.markdown-body h6:hover a {
text-decoration: none;
color: var(--ant-color-text);
}
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
font-family: var(--ant-font-family);
color: var(--ant-color-text);
line-height: var(--ant-line-height);
}
.markdown-body details {
display: block;
}
.markdown-body summary {
display: list-item;
}
.markdown-body a {
background-color: transparent;
color: var(--ant-color-link);
text-decoration: var(--ant-link-decoration);
}
.markdown-body a:hover {
outline-width: 0;
color: var(--ant-color-link-hover);
text-decoration: var(--ant-link-hover-decoration);
}
.markdown-body a:active {
outline-width: 0;
color: var(--ant-color-link-active);
}
.markdown-body strong {
font-weight: var(--ant-font-weight-strong);
}
.markdown-body img {
border-style: none;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
font-family: var(--ant-font-family-code);
font-size: var(--ant-font-size);
}
.markdown-body code {
background-color: var(--ant-color-bg-layout);
border-radius: var(--ant-border-radius-sm);
}
.markdown-body pre {
margin-bottom: 1em;
}
.markdown-body hr {
box-sizing: content-box;
background: transparent;
border: 0;
border-bottom: 1px solid var(--ant-color-split);
height: 0;
margin: 1em 0;
overflow: hidden;
}
.markdown-body hr:before {
content: '';
display: table;
}
.markdown-body hr:after {
clear: both;
content: '';
display: table;
}
.markdown-body * {
box-sizing: border-box;
}
.markdown-body td,
.markdown-body th {
padding: 0;
}
.markdown-body details summary {
cursor: pointer;
}
.markdown-body blockquote {
margin: 0;
}
.markdown-body ol,
.markdown-body ul {
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body input::-webkit-inner-spin-button,
.markdown-body input::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.markdown-body:before {
content: '';
display: table;
}
.markdown-body:after {
clear: both;
content: '';
display: table;
}
.markdown-body > :first-child {
margin-top: 0 ;
}
.markdown-body > :last-child {
margin-bottom: 0 ;
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
margin-bottom: 1em;
margin-top: 0;
}
.markdown-body blockquote {
border-left: 0.25em solid var(--ant-color-border-secondary);
color: var(--ant-color-text-secondary);
padding: 0 1em;
}
.markdown-body blockquote > :first-child {
margin-top: 0;
}
.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
.markdown-body kbd {
background-color: var(--ant-color-fill-quaternary);
border: 1px solid var(--ant-color-border);
border-bottom-color: var(--ant-color-border);
border-radius: var(--ant-border-radius-sm);
box-shadow: inset 0 -1px 0 var(--ant-color-border);
color: var(--ant-color-text);
display: inline-block;
font-family: var(--ant-font-family-code);
line-height: 11px;
padding: 3px 5px;
vertical-align: middle;
}
.markdown-body h1,
.markdown-body h2 {
border-bottom: 1px solid var(--ant-color-split);
padding-bottom: 0.3em;
}
.markdown-body h1 {
font-size: var(--ant-font-size-heading-1);
}
.markdown-body h2 {
font-size: var(--ant-font-size-heading-2);
}
.markdown-body h3 {
font-size: var(--ant-font-size-heading-3);
}
.markdown-body h4 {
font-size: var(--ant-font-size-heading-4);
}
.markdown-body h5 {
font-size: var(--ant-font-size-heading-5);
}
.markdown-body h6 {
color: var(--ant-color-text-secondary);
font-size: var(--ant-font-size);
}
.markdown-body ol,
.markdown-body ul {
padding: 8px 0;
padding-left: 1em;
}
.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
margin-bottom: 0;
margin-top: 0;
}
.markdown-body li {
word-wrap: break-all;
}
.markdown-body li > p {
margin-top: 1em;
}
.markdown-body li + li {
margin-top: 0.25em;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
font-size: 1em;
font-style: italic;
font-weight: var(--ant-font-weight-strong);
margin-top: 1em;
padding: 0;
}
.markdown-body dl dd {
margin-bottom: 1em;
padding: 0 1em;
}
.markdown-body table {
display: block;
overflow: auto;
width: 100%;
font-size: var(--ant-font-size);
border-collapse: collapse;
border-spacing: 0;
}
.markdown-body table th {
font-weight: var(--ant-font-weight-strong);
}
.markdown-body table td,
.markdown-body table th {
border: 1px solid var(--ant-color-border-secondary);
padding: 6px 13px;
}
.markdown-body table tr {
border-top: 1px solid var(--ant-color-border-secondary);
}
.markdown-body table tr:nth-child(2n) {
background-color: var(--ant-color-fill-alter);
}
.markdown-body img {
box-sizing: content-box;
max-width: 100%;
}
.markdown-body img[align='right'] {
padding-left: 20px;
}
.markdown-body img[align='left'] {
padding-right: 20px;
}
.markdown-body code {
margin: 0;
padding: 0.2em 0.4em;
}
.markdown-body pre code {
border-radius: var(--ant-border-radius-sm);
background-color: transparent;
border: 0;
display: inline;
line-height: inherit;
margin: 0;
max-width: auto;
overflow: visible;
padding: 0;
word-wrap: normal;
}
}