floraachy/gitlink-forgeplus
1
0
Fork 0
mirror of https://gitlink.org.cn/Gitlink/forgeplus.git synced 2026-05-03 11:50:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

init project

Browse Source
This commit is contained in:
Jasder
2020-03-09 00:40:16 +08:00
commit 2937b2a94d
6549 changed files with 7215173 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
public/editormd/scss/editormd.codemirror.scss Normal file
View File

@@ -0,0 +1,89 @@
@charset "UTF-8";
.editormd .CodeMirror, #{$prefix}preview {
display: inline-block;
width: 50%;
height: 100%;
vertical-align: top;
@include box-sizing(border-box);
margin: 0;
}
#{$prefix}preview {
position: absolute;
top: 35px;
right: 0;
right: -1px\0;
overflow: auto;
line-height: 1.6;
display: none;
background: #fff;
}
.editormd {
.CodeMirror {
z-index: 10;
float: left;
border-right: 1px solid $borderColor;
font-size: 14px;
font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
line-height: 1.6;
margin-top: 35px;
pre {
font-size: 14px;
padding: 0 12px;
}
}
.CodeMirror-linenumbers {
padding: 0 5px;
}
.CodeMirror-selected {
background: #70B7FF;
}
.CodeMirror-focused .CodeMirror-selected {
background: #70B7FF;
}
.CodeMirror, .CodeMirror-scroll, #{$prefix}preview {
-webkit-overflow-scrolling : touch;
}
.styled-background {
background-color: #ff7;
}
.CodeMirror-focused .cm-matchhighlight {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
background-position: bottom;
background-repeat: repeat-x;
}
.CodeMirror-empty {
//outline: 1px solid #c22;
&.CodeMirror-focused {
outline: none;
}
}
.CodeMirror pre.CodeMirror-placeholder {
color: #999;
}
.cm-trailingspace {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
background-position: bottom left;
background-repeat: repeat-x;
}
.cm-tab {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
background-position: right;
background-repeat: no-repeat;
}
}

184
public/editormd/scss/editormd.dialog.scss Normal file
View File

@@ -0,0 +1,184 @@
@charset "UTF-8";
#{$prefix}dialog {
color: $color;
position: fixed;
z-index: 99999;
display: none;
@include border-radius(3px);
@include box-shadow(0 0 10px rgba(0, 0, 0, 0.3));
//@include user-select(none);
background: #fff;
font-size: 14px;
}
#{$prefix}dialog-container {
position: relative;
padding: 20px;
line-height: 1.4;
h1 {
font-size: 24px;
margin-bottom: 10px;
.fa {
color: #2C7EEA;
padding-right: 5px;
}
small {
padding-left: 5px;
font-weight: normal;
font-size: 12px;
color: #999;
}
}
select {
color: #999;
padding: 3px 8px;
border: 1px solid $borderColor;
}
}
#{$prefix}dialog-close {
position: absolute;
top: 12px;
right: 15px;
font-size: 18px;
color: #ccc;
@include transition(color 300ms ease-out);
&:hover {
color: #999;
}
}
#{$prefix}dialog-header {
padding: 11px 20px;
border-bottom: 1px solid #eee;
@include transition(background 300ms ease-out);
&:hover {
background: #f6f6f6;
}
}
#{$prefix}dialog-title {
font-size: 14px;
}
#{$prefix}dialog-footer {
padding: 10px 0 0 0;
text-align: right;
}
#{$prefix}dialog-info {
width: 420px;
h1 {
font-weight: normal;
}
#{$prefix}dialog-container {
padding: 20px 25px 25px;
}
#{$prefix}dialog-close {
top: 10px;
right: 10px;
}
p > a, .hover-link:hover {
color: #2196F3;
}
.hover-link {
color: #666;
}
a {
.fa-external-link {
display: none;
}
&:hover {
color: #2196F3;
.fa-external-link {
display: inline-block;
}
}
}
}
#{$prefix}mask,
#{$prefix}container-mask,
#{$prefix}dialog-mask {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#{$prefix}mask,
#{$prefix}dialog-mask-bg {
background: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
#{$prefix}mask {
position: fixed;
background: #000;
@include opacity(0.2);
z-index: 99998;
}
#{$prefix}container-mask,
#{$prefix}dialog-mask-con {
background: url(../images/loading.gif) no-repeat center center;
@include background-size(32px 32px);
}
#{$prefix}container-mask {
z-index: 20;
display: block;
background-color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
#{$prefix}container-mask,
#{$prefix}dialog-mask-con {
background-image: url(../images/loading@2x.gif);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
#{$prefix}container-mask,
#{$prefix}dialog-mask-con {
background-image: url(../images/loading@3x.gif);
}
}
#{$prefix}code-block-dialog,
#{$prefix}preformatted-text-dialog {
textarea {
width: 100%;
height: 400px;
margin-bottom: 6px;
overflow: auto;
border: 1px solid #eee;
background: #fff;
padding: 15px;
resize: none;
}
}
#{$prefix}code-toolbar {
color: #999;
font-size: 14px;
margin: -5px 0 10px;
}

130
public/editormd/scss/editormd.form.scss Normal file
View File

@@ -0,0 +1,130 @@
@charset "UTF-8";
// Form
#{$prefix}form {
color: $color;
label {
float: left;
display: block;
width: 75px;
text-align: left;
padding: 7px 0 15px 5px;
margin: 0 0 2px;
font-weight: normal;
}
br {
clear: both;
}
iframe {
display: none;
}
input:focus {
outline: 0;
}
input[type="text"], input[type="number"] {
color: #999;
padding: 8px;
border: 1px solid $borderColor;
}
input[type="number"] {
width: 40px;
display: inline-block;
padding: 6px 8px;
}
input[type="text"] {
display: inline-block;
width: 264px;
}
.fa-btns {
display: inline-block;
a {
color: #999;
padding: 7px 10px 0 0;
display: inline-block;
text-decoration: none;
text-align: center;
}
.fa {
font-size: 1.3em;
}
label {
float: none;
display: inline-block;
width: auto;
text-align: left;
padding: 0 0 0 5px;
cursor: pointer;
}
}
}
#{$prefix}form,
#{$prefix}dialog-container,
#{$prefix}dialog-footer {
input[type="submit"], #{$prefix}btn, button {
color: $color;
min-width: 75px;
cursor: pointer;
background: #fff;
padding: 7px 10px;
border: 1px solid #ddd;
@include border-radius(3px);
@include transition(background 300ms ease-out);
&:hover {
background: #eee;
}
}
#{$prefix}btn {
padding: 5px 8px 4px\0;
}
#{$prefix}btn + #{$prefix}btn {
margin-left: 8px;
}
}
#{$prefix}file-input {
width: 75px;
height: 32px;
margin-left: 8px;
position: relative;
display: inline-block;
input[type="file"] {
width: 75px;
height: 32px;
opacity: 0;
cursor: pointer;
background: #000;
display: inline-block;
position: absolute;
top: 0;
right: 0;
&::-webkit-file-upload-button {
visibility: hidden;
}
}
input[type="submit"] {
}
&:hover input[type="submit"] {
background: #eee;
}
}

36
public/editormd/scss/editormd.grid.scss Normal file
View File

@@ -0,0 +1,36 @@
@charset "utf-8";
.editormd-grid-table {
width: 99%;
display: table;
border: 1px solid #ddd;
border-collapse: collapse;
}
.editormd-grid-table-row {
width: 100%;
display: table-row;
a {
font-size: 1.4em;
width: 5%;
height: 36px;
color: #999;
text-align: center;
display: table-cell;
vertical-align: middle;
border: 1px solid #ddd;
text-decoration: none;
@include transition(background-color 300ms ease-out, color 100ms ease-in);
&.selected {
color: #666;
background-color: #eee;
}
&:hover {
color: #777;
background-color: #f6f6f6;
}
}
}

89
public/editormd/scss/editormd.logo.scss Normal file
View File

@@ -0,0 +1,89 @@
@charset "UTF-8";
@import "lib/variables";
@import "lib/prefixes";
@font-face {
font-family: 'editormd-logo';
src:url('../fonts/editormd-logo.eot?-5y8q6h');
src:url('.../fonts/editormd-logo.eot?#iefix-5y8q6h') format('embedded-opentype'),
url('../fonts/editormd-logo.woff?-5y8q6h') format('woff'),
url('../fonts/editormd-logo.ttf?-5y8q6h') format('truetype'),
url('../fonts/editormd-logo.svg?-5y8q6h#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
#{$prefix}logo,
#{$prefix}logo-1x,
#{$prefix}logo-2x,
#{$prefix}logo-3x,
#{$prefix}logo-4x,
#{$prefix}logo-5x,
#{$prefix}logo-6x,
#{$prefix}logo-7x,
#{$prefix}logo-8x {
font-family: 'editormd-logo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: inherit;
line-height: 1;
display: inline-block;
text-rendering: auto;
vertical-align: inherit;
//Better Font Rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&:before {
content: "\e1987";
/*
HTML Entity 󡦇
example: <span class="editormd-logo">&#xe1987;</span>
*/
}
}
#{$prefix}logo-1x {
font-size: 1em;
}
#{$prefix}logo-lg {
font-size: 1.2em;
}
#{$prefix}logo-2x {
font-size: 2em;
}
#{$prefix}logo-3x {
font-size: 3em;
}
#{$prefix}logo-4x {
font-size: 4em;
}
#{$prefix}logo-5x {
font-size: 5em;
}
#{$prefix}logo-6x {
font-size: 6em;
}
#{$prefix}logo-7x {
font-size: 7em;
}
#{$prefix}logo-8x {
font-size: 8em;
}
#{$prefix}logo-color {
color: $mainColor;
}

113
public/editormd/scss/editormd.menu.scss Normal file
View File

@@ -0,0 +1,113 @@
@charset "UTF-8";
#{$prefix}menu {
margin: 0;
padding: 0;
list-style: none;
> li {
margin: 0;
padding: 5px 1px;
display: inline-block;
position: relative;
&.divider {
display: inline-block;
text-indent: -9999px;
margin: 0 5px;
height: 65%;
border-right: 1px solid $borderColor;
}
> a {
outline: 0;
color: $color;
display: inline-block;
min-width: 24px;
font-size: 16px;
text-decoration: none;
text-align: center;
@include border-radius(2px);
border: 1px solid #fff;
@include transition(all 300ms ease-out);
&:hover, &.active {
border: 1px solid $borderColor;
background: #eee;
}
> .fa {
text-align: center;
display: block;
padding: 5px;
}
> #{$prefix}bold {
padding: 5px 2px;
display: inline-block;
font-weight: bold;
}
}
&:hover #{$prefix}dropdown-menu {
display: block;
}
}
> li + li > a {
margin-left: 3px;
}
}
#{$prefix}dropdown-menu {
display: none;
background: #fff;
border: 1px solid $borderColor;
width: 148px;
list-style: none;
position: absolute;
top: 33px;
left: 0;
z-index: 100;
@include box-shadow(1px 2px 6px rgba(0, 0, 0, 0.15));
&:before, &:after {
width: 0;
height: 0;
display: block;
content: "";
position: absolute;
top: -11px;
left: 8px;
border: 5px solid transparent;
}
&:before {
border-bottom-color: #ccc;
}
&:after {
border-bottom-color: #ffffff;
top: -10px;
}
> li {
> a {
color: $color;
display: block;
text-decoration: none;
padding: 8px 10px;
&:hover {
background: #f6f6f6;
@include transition(all 300ms ease-out);
}
}
}
> li + li {
border-top: 1px solid $borderColor;
}
}

322
public/editormd/scss/editormd.preview.scss Normal file
View File

@@ -0,0 +1,322 @@
@charset "UTF-8";
@import "lib/variables";
@import "lib/prefixes";
@import "font-awesome";
@import "editormd.logo";
// github-markdown.css
@import "github-markdown";
#{$prefix}preview-container, #{$prefix}html-preview {
text-align: left;
font-size: 14px;
line-height: 1.6;
padding: 20px;
overflow: auto;
width: 100%;
background-color: #fff;
blockquote {
color: $color;
border-left: 4px solid $borderColor;
padding-left: 20px;
margin-left: 0;
font-size: 14px;
font-style: italic;
}
p code {
margin-left: 5px;
margin-right: 4px;
}
abbr {
background: #ffffdd;
}
hr {
height: 1px;
border: none;
border-top: 1px solid $borderColor;
background: none;
}
code {
border: 1px solid $borderColor;
background: #f6f6f6;
padding: 3px;
border-radius: 3px;
font-size: 14px;
}
pre {
border: 1px solid $borderColor;
background: #f6f6f6;
padding: 10px;
@include border-radius(3px);
code {
padding: 0;
}
}
pre, code, kbd {
font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
}
table thead tr {
background-color: #F8F8F8;
}
.markdown-toc {
}
.markdown-toc-list {
}
p#{$prefix}tex {
text-align: center;
}
span#{$prefix}tex {
margin: 0 5px;
}
.emoji {
width: 24px;
height: 24px;
}
.katex {
font-size: 1.4em;
}
.sequence-diagram, .flowchart {
margin: 0 auto;
text-align: center;
svg {
margin: 0 auto;
}
text {
font-size : 15px !important;
font-family: "YaHei Consolas Hybrid", Consolas, "Microsoft YaHei", "Malgun Gothic", "Segoe UI", Helvetica, Arial !important;
}
}
}
//Pretty printing styles. Used with prettify.js.
@import "prettify";
#{$prefix}preview-container, #{$prefix}html-preview {
pre.prettyprint {
padding: 10px;
border: 1px solid $borderColor;
white-space: pre-wrap;
word-wrap: break-word;
}
ol.linenums {
color: #999;
padding-left: 2.5em;
li {
list-style-type: decimal;
code {
border: none;
background:none;
padding: 0;
}
}
}
}
#{$prefix}preview-container, #{$prefix}html-preview {
#{$prefix}toc-menu {
margin: 8px 0 12px 0;
display: inline-block;
> .markdown-toc {
position: relative;
@include border-radius(4px);
border: 1px solid #ddd;
display: inline-block;
font-size: 1em;
> ul {
width : 160%;
min-width: 180px;
position: absolute;
left: -1px;
top: -2px;
z-index: 100;
padding: 0 10px 10px;
display: none;
background: #fff;
border: 1px solid #ddd;
@include border-radius(4px);
@include box-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
> li ul {
width: 100%;
min-width: 180px;
border: 1px solid #ddd;
display: none;
background: #fff;
@include border-radius(4px);
}
> li a {
color: #666;
padding: 6px 10px;
display: block;
@include transition(background-color 500ms ease-out);
&:hover {
background-color: #f6f6f6;
}
}
}
li {
position: relative;
> ul {
position: absolute;
top: 32px;
left: 10%;
display: none;
@include box-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
&:before, &:after {
pointer-events: pointer-events;
position: absolute;
left: 15px;
top: -6px;
display: block;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-width: 0 6px 6px;
z-index: 10;
}
&:before {
border-bottom-color: #ccc;
}
&:after {
border-bottom-color: #ffffff;
top: -5px;
}
}
}
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
h1 {
font-size: 16px;
padding: 5px 0 10px 10px;
line-height: 1;
border-bottom: 1px solid #eee;
.fa {
padding-left: 10px;
}
}
.toc-menu-btn {
color: #666;
min-width: 180px;
padding: 5px 10px;
border-radius: 4px;
display: inline-block;
@include transition(background-color 500ms ease-out);
&:hover {
background-color: #f6f6f6;
}
.fa {
float: right;
padding: 3px 0 0 10px;
font-size: 1.3em;
}
}
}
}
.markdown-body {
#{$prefix}toc-menu {
ul {
padding-left: 0;
}
}
.highlight pre, pre {
line-height: 1.6;
}
}
hr.editormd-page-break {
border: 1px dotted #ccc;
font-size: 0;
height: 2px;
}
@media only print {
hr.editormd-page-break {
background: none;
border: none;
height: 0;
}
}
#{$prefix}html-preview {
textarea {
display : none;
}
hr.editormd-page-break {
background: none;
border: none;
height: 0;
}
}
#{$prefix}preview-close-btn {
color: #fff;
padding: 4px 6px;
font-size: 18px;
@include border-radius(500px);
display: none;
background-color: #ccc;
position: absolute;
top: 25px;
right: 35px;
z-index: 19;
@include transition(background-color 300ms ease-out);
&:hover {
background-color: #999;
}
}
.editormd-preview-active {
width: 100%;
padding: 40px;
}

131
public/editormd/scss/editormd.preview.themes.scss Normal file
View File

@@ -0,0 +1,131 @@
/* Preview dark theme */
#{$prefix}preview-theme-dark {
color: #777;
background:#2C2827;
#{$prefix}preview-container {
color: #888;
background-color: #2C2827;
//font-family: "Meiryo UI", "Helvetica Neue", "Microsoft YaHei";
pre.prettyprint {
border: none;
}
blockquote {
color: #555;
padding: 0.5em;
background: #222;
border-color: #333;
}
abbr {
color: #fff;
padding: 1px 3px;
@include border-radius(3px);
background:#ff9900;
}
code {
color: #fff;
border: none;
padding: 1px 3px;
@include border-radius(3px);
background: #5A9600;
}
table {
border: none;
}
.fa-emoji {
color: #B4BF42;
}
.katex {
color: #FEC93F;
}
}
.editormd-toc-menu {
> .markdown-toc {
background:#fff;
border:none;
h1 {
border-color:#ddd;
}
}
}
.markdown-body {
h1, h2, hr {
border-color: #222;
}
}
pre {
color: #999;
background-color: #111;
background-color: rgba(0,0,0,.4);
/* plain text */
.pln {
color: #999;
}
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: none;
}
[class*=editormd-logo] {
color: #2196F3;
}
.sequence-diagram {
text {
fill: #fff;
}
rect, path {
color:#fff;
fill : #64D1CB;
stroke : #64D1CB;
}
}
.flowchart {
rect, path {
stroke : #A6C6FF;
}
rect {
fill: #A6C6FF;
}
text {
fill: #5879B4;
}
}
}
@media screen {
#{$prefix}preview-theme-dark {
.str { color: #080 } /* string content */
.kwd { color: #ff9900; } /* a keyword */
.com { color: #444444; } /* a comment */
.typ { color: #606 } /* a type name */
.lit { color: #066 } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #660 }
.tag { color: #ff9900; } /* a markup tag name */
.atn { color: #6C95F5; } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #008BA7; } /* a declaration; a variable name */
.fun { color: red } /* a function name */
}
}

137
public/editormd/scss/editormd.scss Normal file
View File

@@ -0,0 +1,137 @@
@charset "UTF-8";
@import "lib/variables";
@import "lib/prefixes";
.editormd {
width: 90%;
height: 640px;
margin: 0 auto;
text-align: left;
overflow: hidden;
position: relative;
margin-bottom: 15px;
border: 1px solid $borderColor;
font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
*, *:before, *:after {
@include box-sizing(border-box);
}
a {
text-decoration: none;
}
img {
border: none;
vertical-align: middle;
}
> textarea,
#{$prefix}html-textarea,
#{$prefix}markdown-textarea {
width: 0;
height: 0;
outline: 0;
resize:none;
}
#{$prefix}html-textarea,
#{$prefix}markdown-textarea {
display : none;
}
input[type="text"],
input[type="button"],
input[type="submit"],
select, textarea, button {
@include appearance(none);
}
::-webkit-scrollbar {
height: 10px;
width: 7px;
background: rgba(0, 0, 0, .1);
&:hover {
background: rgba(0, 0, 0, .2);
}
}
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.3);
@include border-radius(6px);
&:hover {
@include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, .25));
background-color: rgba(0, 0, 0, .4);
}
}
}
#{$prefix}user-unselect {
@include user-select(none);
}
#{$prefix}toolbar {
width: 100%;
min-height: 37px;
background: #fff;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 10;
border-bottom: 1px solid $borderColor;
}
#{$prefix}toolbar-container {
padding: 0 8px;
min-height: 35px;
@include user-select(none);
}
@import "editormd.menu";
#{$prefix}container {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
padding: 35px 0 0;
position: relative;
background: #fff;
@include box-sizing(border-box);
}
@import "editormd.dialog";
@import "editormd.grid";
@import "editormd.tab";
@import "editormd.form";
@import "editormd.codemirror";
@import "editormd.preview";
@import "editormd.preview.themes";
#{$prefix}onlyread {
#{$prefix}toolbar {
display: none;
}
.CodeMirror {
margin-top: 0;
}
#{$prefix}preview {
top: 0;
}
}
#{$prefix}fullscreen {
position: fixed;
top : 0;
left : 0;
border: none;
margin: 0 auto;
}
@import "editormd.themes";

49
public/editormd/scss/editormd.tab.scss Normal file
View File

@@ -0,0 +1,49 @@
@charset "utf-8";
.editormd-tab {
}
.editormd-tab-head {
list-style: none;
border-bottom: 1px solid #ddd;
li {
display: inline-block;
a {
color: #999;
display: block;
padding: 6px 12px 5px;
text-align: center;
text-decoration: none;
margin-bottom: -1px;
border: 1px solid #ddd;
@include border-top-left-radius(3px);
@include border-top-right-radius(3px);
background: #f6f6f6;
@include transition(all 300ms ease-out);
&:hover {
color: #666;
background: #eee;
}
}
&.active a {
color: #666;
background: #fff;
border-bottom-color: #fff;
}
}
li + li {
margin-left: 3px;
}
}
.editormd-tab-container {
}
.editormd-tab-box {
padding: 20px 0;
}

28
public/editormd/scss/editormd.themes.scss Normal file
View File

@@ -0,0 +1,28 @@
/* Editor.md Dark theme */
#{$prefix}theme-dark {
border-color: #1a1a17;
#{$prefix}toolbar {
background: #1A1A17;
border-color: #1a1a17;
}
#{$prefix}menu > li > a {
color: #777;
border-color: #1a1a17;
&:hover, &.active {
border-color: #333;
background: #333;
}
}
#{$prefix}menu > li.divider {
border-right: 1px solid #111;
}
.CodeMirror {
border-right: 1px solid rgba(0,0,0,0.1);
}
}

1801
public/editormd/scss/font-awesome.scss vendored Normal file
View File

File diff suppressed because it is too large Load Diff

665
public/editormd/scss/github-markdown.scss Normal file
View File

@@ -0,0 +1,665 @@
@charset "UTF-8";
/*! github-markdown-css | The MIT License (MIT) | Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com) | https://github.com/sindresorhus/github-markdown-css */
@font-face {
font-family: octicons-anchor;
src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==) format('woff');
}
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #333;
overflow: hidden;
//font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
font-size: 16px;
line-height: 1.6;
word-wrap: break-word;
}
.markdown-body a {
background: transparent;
}
.markdown-body a:active,
.markdown-body a:hover {
outline: 0;
}
.markdown-body strong {
font-weight: bold;
}
.markdown-body h1 {
font-size: 2em;
margin: 0.67em 0;
}
.markdown-body img {
border: 0;
}
.markdown-body hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
.markdown-body pre {
overflow: auto;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
font-family: "Meiryo UI", "YaHei Consolas Hybrid", Consolas, "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
font-size: 1em;
}
.markdown-body input {
color: inherit;
font: inherit;
margin: 0;
}
.markdown-body html input[disabled] {
cursor: default;
}
.markdown-body input {
line-height: normal;
}
.markdown-body input[type="checkbox"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.markdown-body table {
border-collapse: collapse;
border-spacing: 0;
}
.markdown-body td,
.markdown-body th {
padding: 0;
}
.markdown-body * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.markdown-body input {
font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
.markdown-body a {
color: #4183c4;
text-decoration: none;
}
.markdown-body a:hover,
.markdown-body a:active {
text-decoration: underline;
}
.markdown-body hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.markdown-body hr:before {
display: table;
content: "";
}
.markdown-body hr:after {
display: table;
clear: both;
content: "";
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.1;
}
.markdown-body h1 {
font-size: 30px;
}
.markdown-body h2 {
font-size: 21px;
}
.markdown-body h3 {
font-size: 16px;
}
.markdown-body h4 {
font-size: 14px;
}
.markdown-body h5 {
font-size: 12px;
}
.markdown-body h6 {
font-size: 11px;
}
.markdown-body blockquote {
margin: 0;
}
.markdown-body ul,
.markdown-body ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body code {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
}
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.markdown-body .octicon {
font: normal normal 16px octicons-anchor;
line-height: 1;
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.markdown-body .octicon-link:before {
content: '\f05c';
}
.markdown-body>*:first-child {
margin-top: 0 !important;
}
.markdown-body>*:last-child {
margin-bottom: 0 !important;
}
.markdown-body .anchor {
position: absolute;
top: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.markdown-body .anchor:focus {
outline: none;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
display: inline-block;
}
.markdown-body h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.markdown-body h1 .anchor {
line-height: 1;
}
.markdown-body h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.markdown-body h2 .anchor {
line-height: 1;
}
.markdown-body h3 {
font-size: 1.5em;
line-height: 1.43;
}
.markdown-body h3 .anchor {
line-height: 1.2;
}
.markdown-body h4 {
font-size: 1.25em;
}
.markdown-body h4 .anchor {
line-height: 1.2;
}
.markdown-body h5 {
font-size: 1em;
}
.markdown-body h5 .anchor {
line-height: 1.1;
}
.markdown-body h6 {
font-size: 1em;
color: #777;
}
.markdown-body h6 .anchor {
line-height: 1.1;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
margin-top: 0;
margin-bottom: 16px;
}
/*
.markdown-body hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}*/
.markdown-body ul,
.markdown-body ol {
padding-left: 2em;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body li>p {
margin-top: 16px;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown-body blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.markdown-body blockquote>:first-child {
margin-top: 0;
}
.markdown-body blockquote>:last-child {
margin-bottom: 0;
}
.markdown-body table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all;
}
.markdown-body table th {
font-weight: bold;
}
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.markdown-body table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.markdown-body table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.markdown-body img {
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.markdown-body code {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0,0,0,0.04);
border-radius: 3px;
}
.markdown-body code:before,
.markdown-body code:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.markdown-body pre>code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 16px;
}
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body pre {
word-wrap: normal;
}
.markdown-body pre code {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown-body pre code:before,
.markdown-body pre code:after {
content: normal;
}
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.markdown-body .pl-c {
color: #969896;
}
.markdown-body .pl-c1,
.markdown-body .pl-mdh,
.markdown-body .pl-mm,
.markdown-body .pl-mp,
.markdown-body .pl-mr,
.markdown-body .pl-s1 .pl-v,
.markdown-body .pl-s3,
.markdown-body .pl-sc,
.markdown-body .pl-sv {
color: #0086b3;
}
.markdown-body .pl-e,
.markdown-body .pl-en {
color: #795da3;
}
.markdown-body .pl-s1 .pl-s2,
.markdown-body .pl-smi,
.markdown-body .pl-smp,
.markdown-body .pl-stj,
.markdown-body .pl-vo,
.markdown-body .pl-vpf {
color: #333;
}
.markdown-body .pl-ent {
color: #63a35c;
}
.markdown-body .pl-k,
.markdown-body .pl-s,
.markdown-body .pl-st {
color: #a71d5d;
}
.markdown-body .pl-pds,
.markdown-body .pl-s1,
.markdown-body .pl-s1 .pl-pse .pl-s2,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-src {
color: #df5000;
}
.markdown-body .pl-mo,
.markdown-body .pl-v {
color: #1d3e81;
}
.markdown-body .pl-id {
color: #b52a1d;
}
.markdown-body .pl-ii {
background-color: #b52a1d;
color: #f8f8f8;
}
.markdown-body .pl-sr .pl-cce {
color: #63a35c;
font-weight: bold;
}
.markdown-body .pl-ml {
color: #693a17;
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
color: #1d3e81;
font-weight: bold;
}
.markdown-body .pl-mq {
color: #008080;
}
.markdown-body .pl-mi {
color: #333;
font-style: italic;
}
.markdown-body .pl-mb {
color: #333;
font-weight: bold;
}
.markdown-body .pl-md,
.markdown-body .pl-mdhf {
background-color: #ffecec;
color: #bd2c00;
}
.markdown-body .pl-mdht,
.markdown-body .pl-mi1 {
background-color: #eaffea;
color: #55a532;
}
.markdown-body .pl-mdr {
color: #795da3;
font-weight: bold;
}
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.markdown-body .task-list-item {
list-style-type: none;
}
.markdown-body .task-list-item+.task-list-item {
margin-top: 3px;
}
.markdown-body .task-list-item input {
float: left;
margin: 0.3em 0 0.25em -1.6em;
vertical-align: middle;
}
.markdown-body :checked+.radio-label {
z-index: 1;
position: relative;
border-color: #4183c4;
}

784
public/editormd/scss/lib/prefixes.scss Normal file
View File

@@ -0,0 +1,784 @@
@charset "UTF-8";
/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
// appearance
@mixin appearance($value) {
-webkit-appearance: $value;
-moz-appearance: $value;
-ms-appearance: $value;
appearance: $value;
}
// clearfix
@mixin clearfix() {
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
// viewport
@mixin viewport-device-width() {
width: device-width;
user-zoom: fixed;
}
@mixin viewport() {
@-webkit-viewport {
@include viewport-device-width();
}
@-moz-viewport {
@include viewport-device-width();
}
@-ms-viewport {
@include viewport-device-width();
}
@-o-viewport {
@include viewport-device-width();
}
@viewport {
@include viewport-device-width();
}
}
// Transform
@mixin transform($transform) {
-webkit-transform: $transform; /* Safari, Chrome */
-moz-transform: $transform; /* Firefox 3.5~16.0 */
-ms-transform: $transform; /* IE9~10 */
-o-transform: $transform; /* Opera 10.5~12.10 */
transform: $transform;
}
@mixin transform-origin($origin) {
-webkit-transform-origin: $origin;
-moz-transform-origin: $origin; /* Firefox 3.5~16.0 */
-ms-transform-origin: $origin; /* IE9~10 */
-o-transform-origin: $origin; /* Opera 10.5~12.10 */
transform-origin: $origin;
}
@mixin transform-origin-x($origin) {
-webkit-transform-origin-x: $origin; /* Blink, Webkit */
transform-origin-x: $origin; /* IE11+ */
}
@mixin transform-origin-y($origin) {
-webkit-transform-origin-y: $origin; /* Blink, Webkit */
transform-origin-y: $origin; /* IE11+ */
}
@mixin transform-origin-z($origin) {
-webkit-transform-origin-z: $origin; /* Blink, Webkit */
transform-origin-z: $origin; /* IE11+ */
}
@mixin transform-style($style) {
-webkit-transform-style: $style;
-moz-transform-style: $style; /* Firefox 10~16.0 */
-ms-transform-style: $style; /* IE9~10 */
transform-style: $style; /* Firefox, Blink, IE11+ */
}
// perspective
@mixin perspective($value) {
-webkit-perspective: $value; /* Safari, Chrome */
perspective: $value; /* None yet / Non-standard */
}
@mixin perspective-origin($value) {
-webkit-perspective-origin: $value; /* Safari, Chrome 12+ */
-moz-perspective-origin: $value; /* Firefox 10~16 */
perspective-origin: $value; /* Opera 15+, IE10+ */
}
@mixin perspective-origin-x($value) {
-webkit-perspective-origin-x: $value; /* Safari, Chrome 12+ */
perspective-origin-x: $value; /* IE10+ */
}
@mixin perspective-origin-y($value) {
-webkit-perspective-origin-y: $value; /* Safari, Chrome 12+ */
perspective-origin-y: $value; /* IE10+ */
}
@mixin backface-visibility($value : hidden) {
-webkit-backface-visibility: $value; /* Chrome, Safari, Opera 15+ */
-moz-backface-visibility: $value; /* Firefox */
-ms-backface-visibility: $value; /* IE10 */
backface-visibility: $value;
}
// Transitions IE10+
@mixin transition($transition...) {
-webkit-transition: $transition; /* Safari, Chrome */
-moz-transition: $transition; /* Firefox 4.0~16.0 */
transition: $transition; /* IE >9, FF >15, Opera >12.0 */
}
@mixin transition-property($property) {
-webkit-transition-property: $property;
-moz-transition-property: $property; /* Firefox 4.0~16.0 */
transition-property: $property;
}
@mixin transition-duration($duration) {
-webkit-transition-duration: $duration;
-moz-transition-duration: $duration; /* Firefox 4.0~16.0 */
transition-duration: $duration;
}
@mixin transition-timing-function($easing) {
-webkit-transition-timing-function: $easing;
-moz-transition-timing-function: $easing; /* Firefox 4.0~16.0 */
transition-timing-function: $easing;
}
@mixin transition-delay($delay) {
-webkit-transition-delay: $delay;
-moz-transition-delay: $delay; /* Firefox 4.0~16.0 */
transition-delay: $delay;
}
// Flex align
@mixin align-content($value) {
-webkit-align-content: $value; /* Chrome 21.0+, Safari Not supported. */
align-content: $value; /* Firefox 28+, Opera 12.10, IE Not supported. */
}
@mixin align-items($value) {
-webkit-align-items: $value; /* Safari 7.0+, Chrome 21.0+ */
align-items: $value; /* Firefox 20.0+, IE11+, Opera 12.10 */
}
@mixin align-self($value) {
-webkit-align-self: $value; /* Chrome 21~36, Safari Not supported. */
align-self: $value; /* Firefox 28+, Opera 12.10, IE Not supported. */
}
// Animations IE10+
@mixin keyframes($name) {
@-webkit-keyframes #{$name} {
@content;
}
@-moz-keyframes #{$name} {
@content;
}
@keyframes #{$name} {
@content;
}
}
@mixin animation($animation...) {
-webkit-animation: $animation;
-moz-animation: $animation; /* Firefox 5.0~16.0 */
animation: $animation; /* IE10+ */
}
@mixin animation-name($name) {
-webkit-animation-name: $name;
-moz-animation-name: $name; /* Firefox 5.0~16.0 */
animation-name: $name;
}
@mixin animation-duration($time : 1s) {
-webkit-animation-duration: $time;
-moz-animation-duration: $time; /* Firefox 5.0~16.0 */
animation-duration: $time;
}
@mixin animation-timing-function($easing : ease) {
-webkit-animation-timing-function: $easing;
-moz-animation-timing-function: $easing; /* Firefox 5.0~16.0 */
animation-timing-function: $easing;
}
@mixin animation-delay($delay : 1s) {
-webkit-animation-delay: $delay;
-moz-animation-delay: $delay; /* Firefox 5.0~16.0 */
animation-delay: $delay;
}
@mixin animation-iteration-count($count : infinite) {
-webkit-animation-iteration-count: $count;
-moz-animation-iteration-count: $count; /* Firefox 5.0~16.0 */
animation-iteration-count: $count;
}
// normal or alternate
@mixin animation-direction($direction : normal) {
-webkit-animation-direction: $direction;
-moz-animation-direction: $direction; /* Firefox 5.0~16.0 */
animation-direction: $direction;
}
// paused or running
@mixin animation-play-state($state) {
-webkit-animation-play-state: $state;
-moz-animation-play-state: $state; /* Firefox 5.0~16.0 */
animation-play-state: $state;
}
// animation-fill-mode
@mixin animation-fill-mode($mode) {
-webkit-animation-fill-mode: $mode;
-moz-animation-fill-mode: $mode;
animation-fill-mode: $mode;
}
// user-select
@mixin user-select($type) {
-webkit-user-select: $type;
-moz-user-select: $type;
-ms-user-select: $type;
-o-user-select: $type;
user-select: $type;
}
// border-radius
@mixin border-radius($radius: 4px) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
-o-border-radius: $radius;
border-radius: $radius;
}
@mixin border-top-left-radius($radius: 4px) {
-webkit-border-top-left-radius: $radius;
-moz-border-top-left-radius: $radius;
-ms-border-top-left-radius: $radius;
-o-border-top-left-radius: $radius;
border-top-left-radius: $radius;
}
@mixin border-top-right-radius($radius: 4px) {
-webkit-border-top-right-radius: $radius;
-moz-border-top-right-radius: $radius;
-ms-border-top-right-radius: $radius;
-o-border-top-right-radius: $radius;
border-top-right-radius: $radius;
}
@mixin border-bottom-left-radius($radius: 4px) {
-webkit-border-bottom-left-radius: $radius;
-moz-border-bottom-left-radius: $radius;
-ms-border-bottom-left-radius: $radius;
-o-border-bottom-left-radius: $radius;
border-bottom-left-radius: $radius;
}
@mixin border-bottom-right-radius($radius: 4px) {
-webkit-border-bottom-right-radius: $radius;
-moz-border-bottom-right-radius: $radius;
-ms-border-bottom-right-radius: $radius;
-o-border-bottom-right-radius: $radius;
border-bottom-right-radius: $radius;
}
// border-image
@mixin border-image($value) {
-webkit-border-image: $value; /* Safari 5, Chrome */
-moz-border-image: $value; /* Firefox 3.5~15.0 */
-o-border-image: $value; /* Opera */
border-image: $value; /* Safari 6+, Chrome, New */
}
@mixin border-image-source($value) {
-webkit-border-image-source: $value; /* Safari 5, Chrome */
border-image-source: $value; /* Safari 6+, Chrome, IE11+, Opera 15+ */
}
@mixin border-image-slice($value) {
-webkit-border-image-slice: $value; /* Safari 5, Chrome */
border-image-slice: $value; /* Safari 6+, Chrome, IE11+, Opera 15+ */
}
@mixin border-image-width($value) {
-webkit-border-image-width: $value; /* Safari 5, Chrome */
border-image-width: $value; /* Safari 6+, Chrome, IE11+, Opera 15+ */
}
@mixin border-image-outset($value) {
-webkit-border-image-outset: $value; /* Safari 5, Chrome */
border-image-outset: $value; /* Safari 6+, Chrome, IE11+, Opera 15+ */
}
@mixin border-image-repeat($value) {
-webkit-border-image-repeat: $value; /* Safari 5, Chrome */
border-image-repeat: $value; /* Safari 6+, Chrome, IE11+, Opera 15+ */
}
// box-shadow
@mixin box-shadow($value) {
-webkit-box-shadow: $value; /* Webkit browsers */
-moz-box-shadow: $value; /* Firefox */
-ms-box-shadow: $value; /* IE9 */
-o-box-shadow: $value; /* Opera(Old) */
box-shadow: $value; /* IE9+, News */
}
//box-sizing
@mixin box-sizing($value) {
-webkit-box-sizing: $value;
-moz-box-sizing: $value;
box-sizing: $value;
}
// box-reflect
@mixin box-reflect($value) {
-webkit-box-reflect: $value; /* Chrome, Safari, iOS, Blackberry */
box-reflect: $value; /* None yet / Non-standard */
}
// background
@mixin linear-gradient($start-color, $end-color, $position : top, $perStart : 0%, $perEnd : 100%) {
background: -webkit-linear-gradient($position, $start-color, $end-color); /* Webkit browsers */
background: -moz-linear-gradient( $position, $start-color, $end-color); /* Firefox(old) */
background: -o-linear-gradient( $position, $start-color, $end-color); /* Opera(old) */
background: -ms-linear-gradient( $position, $start-color $perStart, $end-color $perEnd); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, start-colorstr=#{$start-color}, end-colorstr=#{$end-color}); /* IE9 */
ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, start-colorstr=#{$start-color}, end-colorstr=#{$end-color})"; /* IE8 */
background: linear-gradient( $position, $start-color $perStart, $end-color $perEnd); /* W3C */
}
@mixin background-clip($value) {
-webkit-background-clip: $value;
background-clip: $value; /* Firefox 4.0, IE9+, Opera 10.5+, Chrome, Safari 3.0+ */
}
@mixin background-origin($value) {
-webkit-background-origin: $value;
background-origin: $value; /* IE9+, Other */
}
@mixin background-size($value) {
-webkit-background-size: $value; /* Chrome, iOS, Safari */
-moz-background-size: $value; /* Firefox 3.6~4.0 */
-o-background-size: $value; /* Opera 9.5 */
background-size: $value; /* IE9+, New */
}
// Column
@mixin column-count($value) {
-webkit-column-count: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-count: $value; /* Firefox 34+ */
column-count: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-gap($value) {
-webkit-column-gap: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-gap: $value; /* Firefox 34+ */
column-gap: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-rule($value) {
-webkit-column-rule: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-rule: $value; /* Firefox 34+ */
column-rule: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-rule-color($value) {
-webkit-column-rule-color: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-rule-color: $value; /* Firefox 34+ */
column-rule-color: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-rule-style($value) {
-webkit-column-rule-style: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-rule-style: $value; /* Firefox 34+ */
column-rule-style: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-rule-width($value) {
-webkit-column-rule-width: $value; /* Chrome, Safari, Android, Blackberry */
-moz-column-rule-width: $value; /* Firefox 34+ */
column-rule-width: $value; /* IE 10+, Opera 11.1+, New */
}
@mixin column-fill($value) {
-webkit-column-fill: $value; /* None yet */
-moz-column-fill: $value; /* Firefox 13.0+ */
column-fill: $value; /* None yet / Non-standard */
}
@mixin column-span($value) {
-webkit-column-span: $value; /* Safari, Chrome, iOS 7.0+, Android, Opera 26+ */
-moz-column-span: $value; /* Firefox 34+ */
column-span: $value; /* IE10+, Opera Mini */
}
@mixin column-width($value) {
-webkit-column-width: $value; /* Safari, Chrome, iOS 7.0+, Android, Opera 26+ */
-moz-column-width: $value; /* Firefox */
column-width: $value; /* IE10+, Opera */
}
// columns: column-width column-count;
@mixin columns($value) {
-webkit-columns: $value; /* Safari, Chrome, iOS 7.0+, Android, Opera 26+ */
-moz-columns: $value; /* Firefox */
columns: $value; /* IE10+, Opera */
}
// clip-path
@mixin clip-path($value) {
-webkit-clip-path: $value; /* Chrome, iOS, Safari */
clip-path: $value;
}
// display
@mixin display-grid() {
display: -ms-grid; /* IE 10 */
display: grid; /* None yet */
}
@mixin display-flex() {
display: -webkit-box; /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
display: flex; /* New, Spec - Firefox, Chrome, Opera */
}
@mixin inline-flex($value) {
-webkit-inline-flex: $value; /* Chrome 21.0+ */
inline-flex: $value; /* Firefox 20+, Opera 12.5 */
}
@mixin flex($value) {
-webkit-box-flex: $value; /* Old - iOS 6-, Safari 3.1~6 */
-webkit-flex: $value; /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
-ms-flex: $value; /* IE 10 */
flex: $value; /* New, Spec - Firefox, Chrome, Opera */
}
@mixin flex-direction($value) {
-webkit-flex-direction: $value; /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
flex-direction: $value; /* Firefox 28+, IE11, Opera 12.10 */
}
@mixin flex-basis($value) {
-webkit-flex-basis: $value; /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
flex-basis: $value; /* Firefox 22+, IE11, Opera 12.10 */
}
@mixin flex-flow($value) {
-webkit-flex-flow: $value; /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
flex-flow: $value; /* Firefox 28+, IE11, Opera 12.10 */
}
@mixin flex-grow($value) {
-webkit-flex-grow: $value; /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
flex-grow: $value; /* Firefox 20+, Opera 12.10, IE Not supported. */
}
@mixin flex-shrink($value) {
-webkit-flex-shrink: $value; /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
flex-shrink: $value; /* Firefox 20+, Opera 12.10, IE Not supported. */
}
@mixin flex-wrap($value) {
-webkit-flex-wrap: $value; /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
flex-wrap: $value; /* Firefox 28+, IE11, Opera 12.10 */
}
@mixin order($value) {
-webkit-order: $value; /* Chrome 21+, Safari Not supported. */
-ms-flex-order: $value; /* IE 10.0 */
order: $value; /* Firefox 20+, Opera 12.10 */
}
// flow
@mixin flow-into($value) {
-webkit-flow-into: $value; /* Safari 7.1+, iOS Safari 7.1+ */
-ms-flow-into: $value; /* IE10+ */
flow-into: $value; /* None yet */
}
@mixin flow-from($value) {
-webkit-flow-from: $value; /* Safari 7.1+, iOS Safari 7.1+ */
-ms-flow-from: $value; /* IE10+ */
flow-from: $value; /* None yet */
}
// filter
@mixin filter($value) {
-webkit-filter: $value; /* Chrome 23+, Safari 6.0+, Blackberry 10.0+ */
filter: $value; /* None yet */
}
// filter blur
@mixin filter-blur($value : 10px, $ie-value : 10) {
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=#{$ie-value}, MakeShadow=false); /* IE6~IE9 */
-webkit-filter: blur($value); /* Chrome, Opera, iOS, Safari */
-moz-filter: blur($value); /* Firefox(Old) */
-ms-filter: blur($value);
filter: blur($value);
}
@mixin font-kerning($value) {
-webkit-font-kerning: $value;
font-kerning: $value;
}
// font-feature-settings
@mixin font-feature-settings($value) {
-webkit-font-feature-settings: $value; /* Chrome 16-26, Blackberry 10 */
-moz-font-feature-settings: $value; /* Firefox 4-21 */
font-feature-settings: $value; /* IE 10, Safari 4.0-6.0 */
}
@mixin font-variant-ligatures($value) {
-webkit-font-variant-ligatures: $value;
font-variant-ligatures: $value;
}
// hyphens
@mixin hyphens($value : auto) {
// Chrome 29- and Android 4.0 Browser support "-webkit-hyphens: none", but not the "auto" property.
-webkit-hyphens: $value; /* Safari 5.1+, Chrome */
-moz-hyphens: $value; /* Firefox 6.0+ */
-ms-hyphens: $value; /* IE 10+ */
hyphens: $value; /* None yet */
}
@mixin justify-content($value) {
-webkit-justify-content: $value; /* Chrome 21+, Safari Not supported. */
justify-content: $value; /* Firefox 20+, Opera 12.10, IE Not supported. */
}
// line
@mixin line-break($value) {
-webkit-line-break: $value;
line-break: $value;
}
// margin
@mixin margin-start($value) {
-webkit-margin-start: $value; /* Safari 3.0+, Chrome */
-moz-margin-start: $value; /* Firefox 1.0+ */
margin-start: $value; /* None yet / Non-standard */
}
@mixin margin-end($value) {
-webkit-margin-end: $value; /* Safari 3.0+, Chrome */
-moz-margin-end: $value; /* Firefox 1.0+ */
margin-end: $value; /* None yet / Non-standard */
}
// mask
@mixin mask-image($value) {
-webkit-mask-image: $value; /* Chrome, iOS, Safari */
mask-image: $value; /* None yet / Non-standard */
}
@mixin mask-size($value) {
-webkit-mask-size: $value; /* Chrome, iOS, Safari */
mask-size: $value; /* None yet / Non-standard */
}
@mixin mask-clip($value) {
-webkit-mask-clip: $value; /* Chrome, iOS, Safari */
mask-clip: $value; /* None yet / Non-standard */
}
@mixin mask-position($value) {
-webkit-mask-position: $value; /* Chrome, iOS, Safari */
mask-position: $value; /* None yet / Non-standard */
}
@mixin mask-position-x($value) {
-webkit-mask-position-x: $value; /* Chrome, iOS, Safari */
mask-position-x: $value; /* None yet / Non-standard */
}
@mixin mask-position-y($value) {
-webkit-mask-position-y: $value; /* Chrome, iOS, Safari */
mask-position-y: $value; /* None yet / Non-standard */
}
@mixin mask-origin($value) {
-webkit-mask-origin: $value; /* Chrome, iOS, Safari */
mask-origin: $value; /* None yet / Non-standard */
}
@mixin mask-repeat($value) {
-webkit-mask-repeat: $value; /* Chrome, iOS, Safari */
mask-repeat: $value; /* None yet / Non-standard */
}
@mixin mask-attachment($value) {
-webkit-mask-attachment: $value; /* Chrome, iOS, Safari */
mask-attachment: $value; /* None yet / Non-standard */
}
@mixin mask-composite($value) {
-webkit-mask-composite: $value; /* Chrome, iOS, Safari */
mask-composite: $value; /* None yet / Non-standard */
}
@mixin mask-box-image($value) {
-webkit-mask-box-image: $value; /* Chrome, iOS, Safari */
mask-box-image: $value; /* None yet / Non-standard */
}
// opacity
@mixin opacity($opacity) {
opacity: $opacity; /* W3C */
filter: alpha(opacity=($opacity * 100)); /* IE */
}
// padding
@mixin padding-start($value) {
-webkit-padding-start: $value; /* Safari, Chrome, WebKit */
-moz-padding-start: $value; /* Firefox 3+ */
padding-start: $value;
}
@mixin padding-end($value) {
-webkit-padding-end: $value; /* Safari, Chrome, WebKit */
-moz-padding-end: $value; /* Firefox 3+ */
padding-end: $value;
}
// ruby-position
@mixin ruby-position($value) {
-webkit-ruby-position: $value; /* Blink, Webkit */
ruby-position: $value; /* Firefox, IE */
}
// Text
@mixin text-size-adjust($value) {
-webkit-text-size-adjust: $value; /* Chrome 27+ */
-moz-text-size-adjust: $value; /* Firefox */
text-size-adjust: $value; /* None yet */
}
@mixin text-align-last($value) {
-webkit-text-align-last: $value; /* Chrome 35+, Safari Not supported. */
-moz-text-align-last: $value; /* Firefox 12.0 */
text-align-last: $value; /* IE 5.5+ */
}
@mixin text-justify($value) {
-webkit-text-justify: $value;
text-justify: $value;
}
@mixin text-decoration-color($value) {
-webkit-text-decoration-color: $value;
text-decoration-color: $value;
}
@mixin text-decoration-line($value) {
-webkit-text-decoration-line: $value;
text-decoration-line: $value;
}
@mixin text-decoration-style($value) {
-webkit-text-decoration-style: $value;
text-decoration-style: $value;
}
@mixin text-orientation($value) {
-webkit-text-orientation: $value;
text-orientation: $value;
}
@mixin text-underline-position($value) {
-webkit-text-underline-position: $value; /* Chrome 33 not fully supported. */
text-underline-position: $value; /* IE 5 not fully supported. */
}
@mixin text-emphasis($value) {
-webkit-text-emphasis: $value; /* Blink */
text-emphasis: $value; /* WebKit */
}
@mixin text-emphasis-color($value) {
-webkit-text-emphasis-color: $value; /* Blink */
text-emphasis-color: $value; /* WebKit */
}
@mixin text-emphasis-style($value) {
-webkit-text-emphasis-style: $value; /* Blink */
text-emphasis-style: $value; /* WebKit */
}
@mixin text-emphasis-position($value) {
-webkit-text-emphasis-position: $value; /* Blink */
text-emphasis-position: $value; /* WebKit */
}
// tab
@mixin tab-size($value) {
-webkit-tab-size: $value; /* Chrome 21+, Safari 6.1+ */
-moz-tab-size: $value; /* Firefox 4.0 */
-o-tab-size: $value; /* Opera 10.6~15 */
tab-size: $value; /* Blink & Webkit */
}
// input-placeholder
@mixin input-placeholder($seletor) {
#{$seletor}::-webkit-input-placeholder {
@content;
}
#{$seletor}:-moz-placeholder { /* Firefox 4~18 */
@content;
}
#{$seletor}::-moz-placeholder { /* Firefox 19+ */
@content;
}
#{$seletor}:-ms-input-placeholder { /* IE10+ */
@content;
}
}

11
public/editormd/scss/lib/variables.scss Normal file
View File

@@ -0,0 +1,11 @@
@charset "UTF-8";
// Global Variables
$prefix : ".editormd-";
$color : #666;
$mainColor : #2196F3;
$primaryColor : $mainColor;
$secondColor : #33CC66;
$thirdColor : #999999;
$borderColor : #ddd;

53
public/editormd/scss/prettify.scss Normal file
View File

@@ -0,0 +1,53 @@
@charset "UTF-8";
/*! Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
@media screen {
.str { color: #080 } /* string content */
.kwd { color: #008 } /* a keyword */
.com { color: #800 } /* a comment */
.typ { color: #606 } /* a type name */
.lit { color: #066 } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #660 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: red } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str { color: #060 }
.kwd { color: #006; font-weight: bold }
.com { color: #600; font-style: italic }
.typ { color: #404; font-weight: bold }
.lit { color: #044 }
.pun, .opn, .clo { color: #440 }
.tag { color: #006; font-weight: bold }
.atn { color: #404 }
.atv { color: #060 }
}
/* Put a border around prettyprinted code snippets. */
// pre.prettyprint { padding: 2px; border: 1px solid #888 }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }