ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Philipp Kühn
2020-04-18 12:59:17 +02:00
parent b1ca679a25
commit 0dfac4ad2a
1 changed files with 54 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
docs/src/layouts/App/prism.scss
View File

@@ -1,4 +1,15 @@
$codeBg: $colorBlack; $codeBg: $colorBlack;
$codeSelection: #363636;
$codeText: #eee;
$codeGrey: #616161;
$codeRed: #ff6666;
$codeOrange: #fd9170;
$colorDarkYellow: #ffcb6b;
$codeYellow: #f2ff00;
$codeGreen: #a5e844;
$codeBlue: #89ddff;
$codeTeal: #80cbc4;
$codePurple: #c792ea;
code[class*="language-"], pre[class*="language-"] { code[class*="language-"], pre[class*="language-"] {
text-align: left; text-align: left;
@@ -20,8 +31,8 @@ code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection { pre[class*="language-"] ::-moz-selection {
text-shadow: none; text-shadow: none;
opacity: 1; opacity: 1;
color: #eee; color: $codeText;
background: #363636; background: $codeSelection;
} }
code[class*="language-"]::selection, pre[class*="language-"]::selection, code[class*="language-"]::selection, pre[class*="language-"]::selection,
@@ -29,8 +40,8 @@ code[class*="language-"] ::selection,
pre[class*="language-"] ::selection { pre[class*="language-"] ::selection {
text-shadow: none; text-shadow: none;
opacity: 1; opacity: 1;
color: #eee; color: $codeText;
background: #363636; background: $codeSelection;
} }
@media print { @media print {
@@ -41,7 +52,7 @@ pre[class*="language-"] ::selection {
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
white-space: normal; white-space: normal;
color: #eee; color: $codeText;
background: $codeBg; background: $codeBg;
border-radius: 0.2em; border-radius: 0.2em;
padding: 0.1em; padding: 0.1em;
@@ -54,7 +65,7 @@ pre > code[class*="language-"] {
pre[class*="language-"] { pre[class*="language-"] {
overflow: auto; overflow: auto;
position: relative; position: relative;
color: #eee; color: $codeText;
background: $codeBg; background: $codeBg;
border-radius: 0; border-radius: 0;
margin: 0.5em 0; margin: 0.5em 0;
@@ -63,7 +74,7 @@ pre[class*="language-"] {
} }
pre[class*="language-"].language-css > code, pre[class*="language-"].language-sass > code, pre[class*="language-"].language-scss > code { pre[class*="language-"].language-css > code, pre[class*="language-"].language-sass > code, pre[class*="language-"].language-scss > code {
color: #fd9170; color: $codeOrange;
} }
[class*="language-"] .namespace { [class*="language-"] .namespace {
@@ -71,147 +82,147 @@ pre[class*="language-"].language-css > code, pre[class*="language-"].language-sa
} }
.token.atrule { .token.atrule {
color: #c792ea; color: $codePurple;
} }
.token.attr-name { .token.attr-name {
color: #ffcb6b; color: $colorDarkYellow;
} }
.token.attr-value { .token.attr-value {
color: #a5e844; color: $codeGreen;
} }
.token.attribute { .token.attribute {
color: #a5e844; color: $codeGreen;
} }
.token.boolean { .token.boolean {
color: #c792ea; color: $codePurple;
} }
.token.builtin { .token.builtin {
color: #ffcb6b; color: $colorDarkYellow;
} }
.token.cdata { .token.cdata {
color: #80cbc4; color: $codeTeal;
} }
.token.char { .token.char {
color: #80cbc4; color: $codeTeal;
} }
.token.class { .token.class {
color: #ffcb6b; color: $colorDarkYellow;
} }
.token.class-name { .token.class-name {
color: #f2ff00; color: $codeYellow;
} }
.token.comment { .token.comment {
color: #616161; color: $codeGrey;
} }
.token.constant { .token.constant {
color: #c792ea; color: $codePurple;
} }
.token.deleted { .token.deleted {
color: #ff6666; color: $codeRed;
} }
.token.doctype { .token.doctype {
color: #616161; color: $codeGrey;
} }
.token.entity { .token.entity {
color: #ff6666; color: $codeRed;
} }
.token.function { .token.function {
color: #c792ea; color: $codePurple;
} }
.token.hexcode { .token.hexcode {
color: #f2ff00; color: $codeYellow;
} }
.token.id { .token.id {
color: #c792ea; color: $codePurple;
font-weight: bold; font-weight: bold;
} }
.token.important { .token.important {
color: #c792ea; color: $codePurple;
font-weight: bold; font-weight: bold;
} }
.token.inserted { .token.inserted {
color: #80cbc4; color: $codeTeal;
} }
.token.keyword { .token.keyword {
color: #c792ea; color: $codePurple;
} }
.token.number { .token.number {
color: #fd9170; color: $codeOrange;
} }
.token.operator { .token.operator {
color: #89ddff; color: $codeBlue;
} }
.token.prolog { .token.prolog {
color: #616161; color: $codeGrey;
} }
.token.property { .token.property {
color: #80cbc4; color: $codeTeal;
} }
.token.pseudo-class { .token.pseudo-class {
color: #a5e844; color: $codeGreen;
} }
.token.pseudo-element { .token.pseudo-element {
color: #a5e844; color: $codeGreen;
} }
.token.punctuation { .token.punctuation {
color: #89ddff; color: $codeBlue;
} }
.token.regex { .token.regex {
color: #f2ff00; color: $codeYellow;
} }
.token.selector { .token.selector {
color: #ff6666; color: $codeRed;
} }
.token.string { .token.string {
color: #a5e844; color: $codeGreen;
} }
.token.symbol { .token.symbol {
color: #c792ea; color: $codePurple;
} }
.token.tag { .token.tag {
color: #ff6666; color: $codeRed;
} }
.token.unit { .token.unit {
color: #fd9170; color: $codeOrange;
} }
.token.url { .token.url {
color: #ff6666; color: $codeRed;
} }
.token.variable { .token.variable {
color: #ff6666; color: $codeRed;
} }