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

improve colors

Browse Source
This commit is contained in:
Philipp Kühn
2020-04-18 17:42:32 +02:00
parent 173accaa52
commit 2529b9b76f
2 changed files with 88 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/src/components/Demo/style.scss
View File

@@ -1,24 +1,23 @@
.demo { .demo {
background-color: $colorWhite; background-color: $colorWhite;
overflow: hidden; overflow: hidden;
border-radius: 12px; border-radius: 0.5rem;
box-shadow:
0px 6.6501px 5.32008px rgba($colorBlack, 0.0161557),
0px 22.3363px 17.869px rgba($colorBlack, 0.0238443),
0px 100px 80px rgba($colorBlack, 0.04),
0 0 0 1px rgba($colorBlack, 0.05),
;
&__preview { &__preview {
padding: 1.5rem; padding: 1.5rem;
border: 1px solid rgba($colorBlack, 0.1);
border-bottom-width: 0;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
} }
&__source { &__source {
background-color: $colorBlack; // background-color: $colorBlack;
} }
&__tabs { &__tabs {
padding: 1rem 1.5rem 0 1.5rem; padding: 1rem 1.5rem 0 1.5rem;
background-color: rgba($colorBlack, 0.9);
} }
&__tab { &__tab {
@@ -44,10 +43,9 @@
} }
&__code { &__code {
padding: 0.75rem 1.5rem; pre {
margin: 0;
code, pre { border-radius: 0;
padding: 0;
} }
} }
} }

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

@@ -1,4 +1,4 @@
$codeBg: $colorBlack; $codeBg: rgba($colorBlack, 0.9);
$codeSelection: #363636; $codeSelection: #363636;
$codeText: #eee; $codeText: #eee;
$codeGrey: #616161; $codeGrey: #616161;
@@ -66,10 +66,9 @@ pre[class*="language-"] {
position: relative; position: relative;
color: $codeText; color: $codeText;
background: $codeBg; background: $codeBg;
border-radius: 0;
margin: 0.5em 0; margin: 0.5em 0;
padding: 1.25em 1em; padding: 1.2rem 1.5rem;
border-radius: 12px; border-radius: 0.5rem;
} }
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 {