Merge branch 'main' into feature/extension-classes

# Conflicts:
#	packages/core/src/utils/getSchema.ts
This commit is contained in:
Philipp Kühn
2020-10-12 22:25:33 +02:00
25 changed files with 790 additions and 542 deletions

View File

@@ -1,18 +1,19 @@
.demo {
background-color: $colorWhite;
overflow: hidden;
border-radius: 0.5rem;
&__preview {
padding: 1.5rem;
border: 1px solid rgba($colorBlack, 0.1);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-width: 0;
color: $colorBlack;
background-color: $colorWhite;
}
&__source {
// background-color: $colorBlack;
border: 1px solid rgba($colorWhite, 0.1);
background-color: $colorBlack;
}
&__tabs {
@@ -54,17 +55,28 @@
justify-content: space-between;
width: 100%;
padding: 0.5rem 1.5rem;
font-size: 0.85rem;
border: 1px solid rgba($colorWhite, 0.1);
border: 1px solid rgba($colorBlack, 0.1);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-width: 0;
background-color: rgba($colorBlack, 0.9);
color: $colorWhite;
background-color: $colorBlack;
white-space: nowrap;
}
&__name {
display: none;
@media (min-width: 600px) {
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0.5rem;
}
}
&__link {
// text-align: right;
margin-left: auto;
}
&__error {

View File

@@ -47,15 +47,15 @@ export default {
&__preview {
padding: 1.5rem;
border: 1px solid rgba($colorBlack, 0.1);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-width: 0;
color: $colorBlack;
}
&__editor {
background-color: rgba($colorBlack, 0.9);
color: rgba($colorWhite, 0.7);
border: 1px solid rgba($colorWhite, 0.1);
background-color: $colorBlack;
}
&__editor ::v-deep {
@@ -63,10 +63,6 @@ export default {
overflow: auto;
max-height: unquote("max(300px, 60vh)");
padding: 1.5rem;
&::-webkit-scrollbar-thumb {
background-color: rgba($colorWhite, 0.25);
}
}
.prism-editor__container {

View File

@@ -9,15 +9,6 @@
border-bottom-width: 0;
}
&__source {
// background-color: $colorBlack;
}
&__tabs {
padding: 1rem 1.5rem 0 1.5rem;
background-color: rgba($colorBlack, 0.9);
}
&__tab {
display: inline-flex;
position: relative;
@@ -53,16 +44,10 @@
width: 100%;
padding: 0.5rem 1.5rem;
border: 1px solid rgba($colorWhite, 0.1);
border: 1px solid rgba($colorBlack, 0.1);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-width: 0;
background-color: rgba($colorBlack, 0.9);
color: $colorWhite;
}
&__link {
// text-align: right;
background-color: $colorBlack;
}
&__error {

View File

@@ -1,14 +1,16 @@
.page-navigation {
display: flex;
justify-content: space-between;
padding: 3rem 0;
padding: 1.5rem 0;
&__link {
font-weight: 500;
color: rgba($colorBlack, 0.6);
color: rgba($colorWhite, 0.6);
padding: 0.25rem 0.5rem;
border-radius: 5px;
&:hover {
color: $colorBlack;
color: $colorWhite;
background-color: rgba($colorWhite, 0.05);
}
}
}
}