eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Rename some root styles

Browse source
This commit is contained in:
Eryn Wells 2023-10-14 15:05:58 -07:00
parent d45ad449a5
commit 03fee87f16
2 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/styles/root/050_ruby.css Normal file
View file

@ -0,0 +1,25 @@
@layer root {
body:has(ruby-switch[value=none]) rt {
display: none;
}
/* When the ruby switch is set to "hidden", hide the ruby base and only show the <rt>. */
body:has(ruby-switch[value=hidden]) ruby > span {
display: none;
}
body:has(ruby-switch[value=hidden]) rt {
color: inherit;
display: inline;
font-size: inherit;
white-space: inherit;
}
body:has(ruby-switch[value=hidden]) :is(h1, h2, h3, h4, h5, h6) rt {
font-family: var(--font-family-heading);
font-weight: bold;
}
rt { transition: color 0.3s; }
ruby:hover rt { transition: color 0.3s; }
}