guide.deuxfleurs.fr/sass/_markdown.scss

97 lines
1.5 KiB
SCSS

.content {
padding: 0 40px;
display: flex;
flex-direction: column;
overflow-x: auto;
}
.content pre {
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
background-color: white;
color: #4a4a4a;
font-size: .875em;
font-family: monospace;
}
.content code {
background-color: white;
color: #4a4a4a;
font-size: .875em;
font-weight: normal;
padding: 0.25em 0.5em;
font-family: monospace;
}
.content pre code {
padding: 0;
}
.content a {
color: var(--primary-link-color);
&:hover {
text-decoration: underline;
}
}
.content blockquote {
border-left: #e2dede 8px solid;
margin: 0;
background-color: #f2f1f0;
padding: 0 20px;
}
.content table {
border-collapse: collapse;
font-family: Tahoma, Geneva, sans-serif;
}
.content table td {
padding: 15px;
}
.content table thead th {
background-color: var(--primary-color);
color: #ffffff;
font-weight: bold;
font-size: 13px;
border: 1px solid var(--primary-color);
}
.content table tbody td {
color: #636363;
border: 1px solid #dddfe1;
}
.content table tbody tr {
background-color: #f9fafb;
}
.content table tbody tr:nth-child(odd) {
background-color: #ffffff;
}
.content p>img {
max-width: 100%;
width: auto;
}
.content img[alt$="#"] {
margin: .5rem;
}
.content img[alt$=">"] {
float: right;
margin-left: 1rem;
}
.content img[alt$="<"] {
float: left;
margin-right: 1rem;
}
.content img[alt$="><"] {
display: block;
max-width: 100%;
height: auto;
margin: auto;
float: none!important;
}