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

Ruby shortcode and some new ruby CSS styles

Browse source
This commit is contained in:
Eryn Wells 2023-04-23 22:00:46 +09:00
parent 51d9a5b61f
commit ec96e17acd
2 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/styles/root.css
View file

@ -133,6 +133,10 @@ a.hover-only:hover {
transition: color 0.2s; transition: color 0.2s;
} }
a rt {
color: var(--html-color);
}
article.two-column { article.two-column {
columns: 2; columns: 2;
} }
@ -273,6 +277,12 @@ h1, h2, h3, h4, h5, h6 {
line-height: var(--body-header-line-height); line-height: var(--body-header-line-height);
} }
:is(h1, h2, h3, h4, h5, h6) rt {
font-family: var(--font-family-body);
font-weight: normal;
letter-spacing: 0;
}
h1.site { h1.site {
color: rgb(var(--mid-blue)); color: rgb(var(--mid-blue));
font-size: 2.5em; font-size: 2.5em;
@ -584,6 +594,20 @@ footer > .tags > .chevron:hover {
background-color: inherit; background-color: inherit;
} }
rt {
color: rgba(var(--black), 0.5);
transition: 0.3s;
}
ruby:hover rt {
color: inherit;
transition: 0.3s;
}
@media (prefers-color-scheme: dark) {
rt {
color: rgba(var(--white), 0.5);
}
}
table { table {
border: 1px solid var(--separator-color); border: 1px solid var(--separator-color);
border-collapse: collapse; border-collapse: collapse;

1
layouts/shortcodes/ruby.html Normal file
View file

@ -0,0 +1 @@
<ruby {{ with .Get 1 }}lang="{{ . }}"{{ end }}>{{- .Inner }} <rp>(</rp><rt {{ with .Get 2 }}lang="{{ . }}"{{ end }}>{{- .Get 0 -}}</rt><rp>)</rp></ruby>{{- "" -}}