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
committed by Hans Pagel
parent 238776c479
commit 60263ca0d0
6 changed files with 44 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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;