diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss index 9879ab3e..bbd3e4b8 100644 --- a/docs/src/components/Demo/style.scss +++ b/docs/src/components/Demo/style.scss @@ -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 {