-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ref: Major refactor Tune into Snapshot
- Loading branch information
Showing
74 changed files
with
2,677 additions
and
208 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,87 @@ | ||
// V-Tippy tooltip package styling - could be moved somewhere else? | ||
.tippy-box[data-animation='fade'][data-state='hidden'] { | ||
opacity: 0; | ||
} | ||
[data-tippy-root] { | ||
max-width: calc(100vw - 10px); | ||
} | ||
.tippy-box { | ||
position: relative; | ||
background-color: var(--text-color); | ||
color: var(--header-bg); | ||
border-radius: 7px; | ||
font-size: 16px; | ||
line-height: 1.4; | ||
outline: 0; | ||
transition-property: transform, visibility, opacity; | ||
padding: 2px 4px; | ||
text-align: center; | ||
font-weight: 500; | ||
} | ||
.tippy-box[data-placement^='top'] > .tippy-arrow { | ||
bottom: 0; | ||
} | ||
.tippy-box[data-placement^='top'] > .tippy-arrow:before { | ||
bottom: -7px; | ||
left: 0; | ||
border-width: 8px 8px 0; | ||
border-top-color: var(--text-color); | ||
transform-origin: center top; | ||
} | ||
.tippy-box[data-placement^='bottom'] > .tippy-arrow { | ||
top: 0; | ||
} | ||
.tippy-box[data-placement^='bottom'] > .tippy-arrow:before { | ||
top: -7px; | ||
left: 0; | ||
border-width: 0 8px 8px; | ||
border-bottom-color: var(--text-color); | ||
transform-origin: center bottom; | ||
} | ||
.tippy-box[data-placement^='left'] > .tippy-arrow { | ||
right: 0; | ||
} | ||
.tippy-box[data-placement^='left'] > .tippy-arrow:before { | ||
border-width: 8px 0 8px 8px; | ||
border-left-color: var(--text-color); | ||
right: -7px; | ||
transform-origin: center left; | ||
} | ||
.tippy-box[data-placement^='right'] > .tippy-arrow { | ||
left: 0; | ||
} | ||
.tippy-box[data-placement^='right'] > .tippy-arrow:before { | ||
left: -7px; | ||
border-width: 8px 8px 8px 0; | ||
border-right-color: var(--text-color); | ||
transform-origin: center right; | ||
} | ||
.tippy-box[data-inertia][data-state='visible'] { | ||
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); | ||
} | ||
.tippy-arrow { | ||
width: 16px; | ||
height: 16px; | ||
color: #333; | ||
} | ||
.tippy-arrow:before { | ||
content: ''; | ||
position: absolute; | ||
border-color: transparent; | ||
border-style: solid; | ||
} | ||
.tippy-content { | ||
position: relative; | ||
padding: 5px 9px; | ||
z-index: 1; | ||
overflow-wrap: break-word; | ||
} | ||
.tippy-box[data-theme~='urlified'] { | ||
max-width: 200px; | ||
white-space: pre-wrap; | ||
color: var(--header-bg); | ||
|
||
a { | ||
color: var(--header-bg); | ||
} | ||
} |
Oops, something went wrong.