mirror of
https://gitlab.com/MisterBiggs/brain-quartz.git
synced 2025-07-23 23:01:22 +00:00
.github
content
docs
quartz
cli
components
pages
scripts
styles
backlinks.scss
breadcrumbs.scss
clipboard.scss
contentMeta.scss
darkmode.scss
explorer.scss
footer.scss
graph.scss
legacyToc.scss
listPage.scss
mermaid.inline.scss
popover.scss
recentNotes.scss
search.scss
toc.scss
ArticleTitle.tsx
Backlinks.tsx
Body.tsx
Breadcrumbs.tsx
Comments.tsx
ContentMeta.tsx
Darkmode.tsx
Date.tsx
DesktopOnly.tsx
Explorer.tsx
ExplorerNode.tsx
Footer.tsx
Graph.tsx
Head.tsx
Header.tsx
MobileOnly.tsx
PageList.tsx
PageTitle.tsx
RecentNotes.tsx
Search.tsx
Spacer.tsx
TableOfContents.tsx
TagList.tsx
index.ts
renderPage.tsx
types.ts
i18n
plugins
processors
static
styles
util
bootstrap-cli.mjs
bootstrap-worker.mjs
build.ts
cfg.ts
depgraph.test.ts
depgraph.ts
worker.ts
.gitattributes
.gitignore
.node-version
.npmrc
.prettierignore
.prettierrc
CODE_OF_CONDUCT.md
Dockerfile
LICENSE.txt
README.md
globals.d.ts
index.d.ts
package-lock.json
package.json
quartz.config.ts
quartz.layout.ts
tsconfig.json
7d7e334976
* Responsive design grid * Addressed PR feedback * Bump Quartz version 4.3.1 => 4.4.0 * Moved page-header into center * Updated docs with new layouts * Sync updated version number with package-lock * Table of Content scrollbar auto * Reset node_modules * Updated layout images * Fixed tablet layout * Finilazed layout images
84 lines
1.4 KiB
SCSS
84 lines
1.4 KiB
SCSS
@use "../../styles/variables.scss" as *;
|
|
|
|
@keyframes dropin {
|
|
0% {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
1% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
.popover {
|
|
z-index: 999;
|
|
position: absolute;
|
|
overflow: visible;
|
|
padding: 1rem;
|
|
|
|
& > .popover-inner {
|
|
position: relative;
|
|
width: 30rem;
|
|
max-height: 20rem;
|
|
padding: 0 1rem 1rem 1rem;
|
|
font-weight: initial;
|
|
font-style: initial;
|
|
line-height: normal;
|
|
font-size: initial;
|
|
font-family: var(--bodyFont);
|
|
border: 1px solid var(--lightgray);
|
|
background-color: var(--light);
|
|
border-radius: 5px;
|
|
box-shadow: 6px 6px 36px 0 rgba(0, 0, 0, 0.25);
|
|
overflow: auto;
|
|
white-space: normal;
|
|
}
|
|
|
|
& > .popover-inner[data-content-type] {
|
|
&[data-content-type*="pdf"],
|
|
&[data-content-type*="image"] {
|
|
padding: 0;
|
|
max-height: 100%;
|
|
}
|
|
|
|
&[data-content-type*="image"] {
|
|
img {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&[data-content-type*="pdf"] {
|
|
iframe {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition:
|
|
opacity 0.3s ease,
|
|
visibility 0.3s ease;
|
|
|
|
@media all and ($mobile) {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
a:hover .popover,
|
|
.popover:hover {
|
|
animation: dropin 0.3s ease;
|
|
animation-fill-mode: forwards;
|
|
animation-delay: 0.2s;
|
|
}
|