.markdown:not(code) {
overflow: hidden;
font-size: 16px;
- line-height: 1.6 !important;
+ line-height: 1.5 !important;
word-wrap: break-word;
&.ui.segment {
h4,
h5,
h6 {
- margin-top: 1em;
+ margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
- line-height: 1.4;
-
- &:first-of-type {
- margin-top: 0 !important;
- }
+ line-height: 1.25;
}
h1 tt,
h1 {
padding-bottom: .3em;
- font-size: 2.25em;
- line-height: 1.2;
+ font-size: 2em;
border-bottom: 1px solid var(--color-secondary);
}
h2 {
padding-bottom: .3em;
- font-size: 1.75em;
- line-height: 1.225;
+ font-size: 1.5em;
border-bottom: 1px solid var(--color-secondary);
}
h3 {
- font-size: 1.5em;
- line-height: 1.43;
+ font-size: 1.25em;
}
h4 {
- font-size: 1.25em;
+ font-size: 1em;
}
h5 {
- font-size: 1em;
+ font-size: .875em;
}
h6 {
- font-size: 1em;
+ font-size: .85em;
color: var(--color-text-light-2);
}
p,
blockquote,
+ details,
ul,
ol,
dl,
}
li > p {
- margin-top: 0;
+ margin-top: 16px;
+ }
+
+ li + li {
+ margin-top: .25em;
}
dl {
}
table {
- width: auto;
- overflow: auto;
- word-break: keep-all;
display: block;
+ width: 100%;
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ overflow: auto;
}
table th {
img {
max-width: 100%;
- box-sizing: border-box;
+ box-sizing: initial;
+ }
+
+ img[align="right"] {
+ padding-left: 20px;
+ }
+
+ img[align="left"] {
+ padding-right: 20px;
}
.emoji {
max-width: none;
+ vertical-align: text-top;
}
span.frame {
code,
tt {
- padding: .2em .3em;
+ padding: .2em .4em;
margin: 0;
font-size: 85%;
background-color: var(--color-markdown-code-block);
- border-radius: 3px;
+ border-radius: 4px;
}
code br,
font-size: 85%;
line-height: 1.45;
background-color: var(--color-markdown-code-block);
- border-radius: 3px;
+ border-radius: 4px;
}
.highlight pre {