improve demo styling

This commit is contained in:
Philipp Kühn
2020-10-12 21:51:47 +02:00
parent 77f431a47d
commit 82ee198e57

View File

@@ -1,5 +1,4 @@
.demo {
background-color: $colorWhite;
overflow: hidden;
border-radius: 0.5rem;
@@ -9,6 +8,7 @@
border-top-right-radius: inherit;
border-bottom-width: 0;
color: $colorBlack;
background-color: $colorWhite;
}
&__source {
@@ -55,15 +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-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-width: 0;
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 {