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

improve demo styling

Browse Source
This commit is contained in:
Philipp Kühn
2020-10-12 21:51:47 +02:00
parent 77f431a47d
commit 82ee198e57
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,4 @@
.demo { .demo {
background-color: $colorWhite;
overflow: hidden; overflow: hidden;
border-radius: 0.5rem; border-radius: 0.5rem;
@@ -9,6 +8,7 @@
border-top-right-radius: inherit; border-top-right-radius: inherit;
border-bottom-width: 0; border-bottom-width: 0;
color: $colorBlack; color: $colorBlack;
background-color: $colorWhite;
} }
&__source { &__source {
@@ -55,15 +55,28 @@
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
font-size: 0.85rem;
border: 1px solid rgba($colorWhite, 0.1); border: 1px solid rgba($colorWhite, 0.1);
border-bottom-left-radius: inherit; border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit; border-bottom-right-radius: inherit;
border-top-width: 0; border-top-width: 0;
background-color: $colorBlack; 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 { &__link {
// text-align: right; margin-left: auto;
} }
&__error { &__error {