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

black to white

Browse Source
This commit is contained in:
Philipp Kühn
2021-01-29 11:46:19 +01:00
parent 8ca5e70b58
commit d006f96fb3
6 changed files with 44 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
docs/src/layouts/App/base.scss
View File

@@ -55,7 +55,7 @@ body {
-moz-osx-font-smoothing: grayscale;
line-height: 1.7;
font-feature-settings: 'cv05' 1;
background-color: $colorBlack;
background-color: $colorWhite;
color: $colorText;
}
@@ -75,7 +75,7 @@ a {
text-decoration: none;
&:hover {
color: $colorWhite;
color: $colorBlack;
}
}
@@ -91,46 +91,6 @@ code {
color: white;
}
// TODO: Move to examples
// .ProseMirror {
// > * + * {
// margin-top: 0.75em;
// }
// ul,
// ol {
// padding: 0 1rem;
// }
// pre {
// background: $colorBlack;
// color: $colorWhite;
// font-family: 'JetBrainsMono', monospace;
// padding: 0.75rem 1rem;
// border-radius: 0.5rem;
// code {
// color: inherit;
// background: none;
// font-size: 0.8rem;
// }
// }
// img {
// max-width: 100%;
// height: auto;
// }
// hr {
// margin: 1rem 0;
// }
// blockquote {
// padding-left: 1rem;
// border-left: 2px solid rgba($colorBlack, 0.1);
// }
// }
.DocSearch,
.DocSearch-Container {
filter: saturate(0);

30
docs/src/layouts/App/style.scss
View File

@@ -16,7 +16,7 @@ $menuBreakPoint: 800px;
display: inline-flex;
align-items: center;
font-weight: 600;
color: $colorWhite;
color: $colorBlack;
font-size: 1.5rem;
&::after {
@@ -27,7 +27,7 @@ $menuBreakPoint: 800px;
letter-spacing: 0.05rem;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid $colorWhite;
border: 1px solid $colorBlack;
padding: 0 0.4em;
}
}
@@ -51,13 +51,13 @@ $menuBreakPoint: 800px;
height: 3rem;
overflow: hidden;
background-color: transparent;
border: 1px solid rgba($colorWhite, 0.1);
border: 1px solid rgba($colorBlack, 0.1);
border-radius: 0.5rem;
padding: 0.5rem 0.75rem;
&::after {
content: 'Search';
color: rgba($colorWhite, 0.5);
color: rgba($colorBlack, 0.5);
}
}
@@ -90,7 +90,7 @@ $menuBreakPoint: 800px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
border-right: 1px solid rgba($colorWhite, 0.1);
border-right: 1px solid rgba($colorBlack, 0.1);
}
}
@@ -121,7 +121,7 @@ $menuBreakPoint: 800px;
left: 0;
width: 100%;
height: 100%;
background-color: $colorBlack;
background-color: $colorWhite;
opacity: 0.8;
transform: translate3d(0,0,0);
pointer-events: none;
@@ -146,7 +146,7 @@ $menuBreakPoint: 800px;
transition: color 0.2s $ease;
&:hover {
color: $colorWhite;
color: $colorBlack;
}
@media (min-width: $menuBreakPoint) {
@@ -177,7 +177,7 @@ $menuBreakPoint: 800px;
letter-spacing: 0.025rem;
font-size: 0.75rem;
text-transform: uppercase;
color: rgba($colorWhite, 0.3);
color: rgba($colorBlack, 0.3);
margin-bottom: 0.5rem;
}
@@ -209,16 +209,16 @@ $menuBreakPoint: 800px;
white-space: nowrap;
&:hover {
color: $colorWhite;
color: $colorBlack;
}
&--exact {
color: $colorWhite;
background-color: rgba($colorWhite, 0.05);
color: $colorBlack;
background-color: rgba($colorBlack, 0.05);
}
&--draft {
color: rgba($colorWhite, 0.4);
color: rgba($colorBlack, 0.4);
&::after {
content: 'draft';
@@ -268,7 +268,7 @@ $menuBreakPoint: 800px;
&--with-children::after {
content: '›';
font-weight: bold;
color: rgba($colorWhite, 0.2);
color: rgba($colorBlack, 0.2);
position: absolute;
margin-left: -1.5em;
}
@@ -287,14 +287,14 @@ $menuBreakPoint: 800px;
}
&__page-navigation {
border-top: 1px solid rgba($colorWhite, 0.1);
border-top: 1px solid rgba($colorBlack, 0.1);
}
&__page-footer {
font-size: 0.85rem;
padding: 1.5rem 0;
text-align: center;
border-top: 1px solid rgba($colorWhite, 0.1);
border-top: 1px solid rgba($colorBlack, 0.1);
a {
text-decoration: underline;