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

improve styling

Browse Source
This commit is contained in:
Philipp Kühn
2020-04-17 23:47:25 +02:00
parent 71e1e20e01
commit 5059a58c18
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,33 +18,28 @@
} }
&__tabs { &__tabs {
padding: 0 1.5rem; padding: 1rem 1.5rem 0 1.5rem;
border-bottom: 2px solid rgba($colorWhite, 0.1);
} }
&__tab { &__tab {
display: inline-flex;
position: relative; position: relative;
color: rgba($colorWhite, 0.5); background-color: transparent;
font: inherit; color: rgba($colorWhite, 0.7);
padding: 0.1rem 0.5rem;
border-radius: 5px;
font-weight: 500; font-weight: 500;
padding: 0.75rem 0;
background: none;
border: none; border: none;
cursor: pointer; margin-right: 0.5rem;
margin-right: 1rem;
&.is-active { &:first-child {
color: $colorWhite; margin-left: -0.5rem;
&::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: $colorWhite;
} }
&.is-active,
&:hover {
color: $colorWhite;
background-color: rgba($colorWhite, 0.1);
} }
} }

5
docs/src/layouts/App/base.scss
View File

@@ -60,6 +60,11 @@ ol {
list-style: none; list-style: none;
} }
button {
font: inherit;
cursor: pointer;
}
a { a {
color: inherit; color: inherit;
transition: color 0.2s $ease, background-color 0.2s $ease; transition: color 0.2s $ease, background-color 0.2s $ease;