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

add basic styling for menus example

Browse Source
This commit is contained in:
Philipp Kühn
2021-04-01 17:36:22 +02:00
parent 136f6e47a9
commit 3b3a0103b9
5 changed files with 104 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
docs/src/demos/Examples/Menus/React/styles.scss
View File

@@ -8,3 +8,48 @@
padding: 0 1rem;
}
}
.bubble-menu {
display: flex;
background-color: #0D0D0D;
padding: 0.2rem;
border-radius: 0.5rem;
button {
border: none;
background: none;
color: #FFF;
font-size: 0.85rem;
font-weight: 500;
padding: 0 0.2rem;
opacity: 0.6;
&:hover,
&.is-active {
opacity: 1;
}
}
}
.floating-menu {
display: flex;
background-color: #0D0D0D10;
padding: 0.2rem;
border-radius: 0.5rem;
margin-top: -0.25rem;
margin-left: 0.25rem;
button {
border: none;
background: none;
font-size: 0.85rem;
font-weight: 500;
padding: 0 0.2rem;
opacity: 0.6;
&:hover,
&.is-active {
opacity: 1;
}
}
}