From 9a39c3b772be4458d1526830ff8d2e0d342bd160 Mon Sep 17 00:00:00 2001 From: Hans Pagel Date: Thu, 10 Dec 2020 16:19:53 +0100 Subject: [PATCH] improve styling of the new sponsor banner --- examples/Components/Banner/style.scss | 13 +++++++------ examples/Components/Navigation/index.vue | 3 --- 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/examples/Components/Banner/style.scss b/examples/Components/Banner/style.scss index c41da609..230c98e2 100644 --- a/examples/Components/Banner/style.scss +++ b/examples/Components/Banner/style.scss @@ -2,25 +2,26 @@ .banner { font-size: 0.9rem; - background-color: $color-black; - color: $color-white; + background-color: $color-white; + color: $color-black; border-bottom: 1px solid $color-grey; text-align: center; padding: 0.5rem 1rem; &__action { display: inline-block; - background-color: $color-white; + border: 3px solid $color-grey; + font-weight: bold; + transition: 0.1s ease-in-out all; - color: $color-black; text-decoration: none; padding: 0.4rem 0.7rem; - margin: 0.5rem; + margin: 0.5rem 0.5rem 0.25rem; border-radius: 5px; white-space: nowrap; &:hover { - background-color: $color-grey; + border-color: $color-black; } } diff --git a/examples/Components/Navigation/index.vue b/examples/Components/Navigation/index.vue index f32e8c6c..b90ea1d1 100644 --- a/examples/Components/Navigation/index.vue +++ b/examples/Components/Navigation/index.vue @@ -17,9 +17,6 @@ Documentation - - Sponsor -