web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

make some markdown styles reusable

Browse Source
This commit is contained in:
ansuz 2017-08-02 11:03:06 +02:00
parent 0602fabc41
commit fe826133b3
3 changed files with 32 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
www/code/code.less
View File

@ -1,5 +1,6 @@
@import "/customize/src/less/variables.less"; @import "/customize/src/less/variables.less";
@import "/customize/src/less/mixins.less"; @import "/customize/src/less/mixins.less";
@import "/common/markdown.less";
html, body{ html, body{
height: 100%; height: 100%;
@ -66,15 +67,8 @@ body {
max-width: 40vw; max-width: 40vw;
margin: auto; margin: auto;
table { .markdown_preformatted-code;
border-collapse: collapse; .markdown_gfm-table(black);
tr {
th {
border: 3px solid black;
padding: 15px;
}
}
}
} }
@media (max-width: @media-medium-screen) { @media (max-width: @media-medium-screen) {

27
www/common/markdown.less Normal file
View File

@ -0,0 +1,27 @@
.markdown_preformatted-code (@color: #333) {
pre > code {
display: block;
position: relative;
border: 1px solid @color;
width: 90%;
margin: auto;
padding-left: .25vw;
overflow-x: auto;
overflow-y: hidden;
}
}
.markdown_gfm-table (@color: black) {
table {
border-collapse: collapse;
tr {
th {
border: 3px solid @color;
padding: 15px;
}
}
}
}
// todo ul, ol

12
www/slide/slide.less
View File

@ -1,5 +1,6 @@
@import "/customize/src/less/variables.less"; @import "/customize/src/less/variables.less";
@import "/customize/src/less/mixins.less"; @import "/customize/src/less/mixins.less";
@import "/common/markdown.less";
// used for slides // used for slides
.viewportRatio (@x, @y, @p: 100) { .viewportRatio (@x, @y, @p: 100) {
@ -325,16 +326,7 @@ div#modal #content, #print {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
pre > code { .markdown_preformatted-code;
display: block;
position: relative;
border: 1px solid #333;
width: 90%;
margin: auto;
padding-left: .25vw;
overflow-x: auto;
overflow-y: hidden;
}
ul, ol { ul, ol {
min-width: 50%; min-width: 50%;