liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: markdown rendering

Browse Source
This commit is contained in:
Nicolas Giard
2018-11-23 21:10:24 -05:00
parent aaeb24a8ec
commit 076aeaf749
7 changed files with 115 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/scss/app.scss
View File

@@ -6,7 +6,6 @@
@import "../libs/animate/animate";
@import '~vue2-animate/src/sass/vue2-animate';
@import 'components/markdown-content';
@import 'components/v-btn';
@import 'components/v-data-table';
@import 'components/v-dialog';

100
client/scss/components/markdown-content.scss
View File

@@ -1,100 +0,0 @@
.markdown-content {
font-size: 1rem;
color: mc('blue-grey', '800');
// --------------------------------------------
// Headers
// --------------------------------------------
h1, h2, h3, h4, h5, h6 {
color: mc('blue-grey', '700');
font-weight: 500;
}
> * + h1, > * + h2, > * + h3, > * + h4 {
margin-top: 3rem;
}
h1 {
font-size: 1.5rem;
border-bottom: 2px solid mc('blue-grey', '100');
margin-bottom: 1rem;
}
h2 {
font-size: 1.25rem;
border-bottom: 1px solid mc('blue-grey', '100');
margin-bottom: .75rem;
}
h3 {
font-size: 1.15rem;
border-bottom: 1px dotted mc('blue-grey', '100');
margin-bottom: .5rem;
color: mc('blue-grey', '500');
}
h4 {
font-size: 1.1rem;
}
h5 {
font-size: 1.05rem;
}
h6 {
font-size: 1.025rem;
}
// --------------------------------------------
// Paragraphs
// --------------------------------------------
p + p {
margin-top: 1rem;
}
// --------------------------------------------
// Lists
// --------------------------------------------
ul, ol {
& + p {
margin-top: .5rem;
}
}
ul {
list-style-type: square;
list-style-position: inside;
}
ol {
list-style-type: decimal;
list-style-position: inside;
}
// --------------------------------------------
// Code Blocks
// --------------------------------------------
> pre {
border: none;
border-radius: 5px;
box-shadow: initial;
background-color: mc('blue-grey', '900');
padding: 1rem 1rem 1rem 3rem;
> code {
box-shadow: initial;
display: block;
font-size: .85rem;
font-family: 'Source Code Pro', monospace;
&:after, &:before {
content: initial;
letter-spacing: initial;
}
}
}
.task-list-item {
display: flex;
align-items: center;
&-checkbox {
margin-right: .5rem;
}
}
}