Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Tweak styling due to Vitepress rc5 changes

Browse Source
This commit is contained in:
Soitora 2023-08-27 14:20:16 +02:00
parent 52f8e921c9
commit 16223c09dc
No known key found for this signature in database
GPG Key ID: A6D711EB4F2CCD97
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
website/src/.vitepress/theme/styles/base.styl
View File

@ -49,15 +49,7 @@ html:not(.dark) {
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
:root { :root {
--vp-button-brand-border: var(--vp-c-brand-light) --vp-button-brand-bg: var(--vp-c-brand-darker)
--vp-button-brand-text: var(--vp-c-black)
--vp-button-brand-bg: var(--vp-c-brand)
--vp-button-brand-hover-border: var(--vp-c-brand-light)
--vp-button-brand-hover-text: var(--vp-c-black)
--vp-button-brand-hover-bg: var(--vp-c-brand-light)
--vp-button-brand-active-border: var(--vp-c-brand-light)
--vp-button-brand-active-text: var(--vp-c-black)
--vp-button-brand-active-bg: var(--vp-button-brand-bg)
} }
/** /**
@ -125,24 +117,36 @@ html:not(.dark) {
* Component: Image Figure * Component: Image Figure
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
figure:has(img) { // Shitty method to give elevation to image - TO BE REPLACED
main > div > div > figure:has(img) img {
box-shadow: 2px 2px 8px 4px var(--vp-c-bg-alt)
}
figure {
&:has(img) {
position: relative position: relative
display: flex display: flex
flex-direction: column flex-direction: column
width: auto width: auto
text-align: center text-align: center
transition: transform var(--vp-tt) transition: transform var(--vp-tt)
}
figure:has(img) img { img {
overflow: hidden overflow: hidden
margin: 0 auto margin: 0 auto
border-radius: 8px border-radius: 8px
} }
figure:has(img) img[tabindex]:hover, figcaption {
figure:has(img) img[tabindex]:focus { display: inline-block
box-shadow: 2px 2px 10px 0 var(--card-shadow) margin: 6px auto
font-size: 0.8rem
}
& > a .external-link-icon {
display: none
}
}
} }
@media print { @media print {
@ -151,13 +155,11 @@ figure:has(img) img[tabindex]:focus {
content: "" content: ""
} }
} }
.vp-doc a {
text-decoration: none
figure:has(img)>a .external-link-icon { &:hover {
display: none text-decoration: underline
} text-underline-offset: 2px
}
figure:has(img) figcaption {
display: inline-block
margin: 6px auto
font-size: 0.8rem
} }