mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-12-15 02:59:01 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve styling of the new sponsor banner

Browse Source
This commit is contained in:
Hans Pagel 2020-12-10 16:19:53 +01:00
parent dd0c1044d0
commit 9a39c3b772
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
examples/Components/Banner/style.scss
View File

@ -2,25 +2,26 @@
.banner { .banner {
font-size: 0.9rem; font-size: 0.9rem;
background-color: $color-black; background-color: $color-white;
color: $color-white; color: $color-black;
border-bottom: 1px solid $color-grey; border-bottom: 1px solid $color-grey;
text-align: center; text-align: center;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
&__action { &__action {
display: inline-block; display: inline-block;
background-color: $color-white; border: 3px solid $color-grey;
font-weight: bold;
transition: 0.1s ease-in-out all; transition: 0.1s ease-in-out all;
color: $color-black;
text-decoration: none; text-decoration: none;
padding: 0.4rem 0.7rem; padding: 0.4rem 0.7rem;
margin: 0.5rem; margin: 0.5rem 0.5rem 0.25rem;
border-radius: 5px; border-radius: 5px;
white-space: nowrap; white-space: nowrap;
&:hover { &:hover {
background-color: $color-grey; border-color: $color-black;
} }
} }

3
examples/Components/Navigation/index.vue
View File

@ -17,9 +17,6 @@
<a class="navigation__link" href="https://tiptap.dev/docs" target="_blank"> <a class="navigation__link" href="https://tiptap.dev/docs" target="_blank">
Documentation Documentation
</a> </a>
<a class="navigation__link" href="https://github.com/sponsors/ueberdosis" target="_blank">
Sponsor
</a>
<a class="navigation__github-link" href="https://github.com/ueberdosis/tiptap" target="_blank"> <a class="navigation__github-link" href="https://github.com/ueberdosis/tiptap" target="_blank">
<icon class="navigation__icon" name="github" /> <icon class="navigation__icon" name="github" />
</a> </a>