diff --git a/site/assets/css/default.css b/site/assets/css/default.css index d8085bd..b4f4391 100644 --- a/site/assets/css/default.css +++ b/site/assets/css/default.css @@ -199,7 +199,8 @@ body { @apply wrap-anywhere; } - &:not(:has(> code:only-child), :has(> img)) { + /* See next FIXME */ + &:not(/* :has(> code:only-child), */ :has(> img)) { @apply px-1; &:not(.font-mono) { @@ -211,9 +212,10 @@ body { @apply inline wrap-anywhere text-[red] dark:text-[yellow] border-2 border-[transparent] border-dashed; - &:has(> code:only-child) { - @apply border-dotted; - } + /* FIXME: :only-child still triggers when there is sibling raw content: foo bar: this is an only child */ + /* &:has(> code:only-child) { */ + /* @apply border-dotted; */ + /* } */ &:hover { @apply border-[red] dark:border-[yellow]; @@ -258,10 +260,11 @@ body { code:not(pre > code) { @apply border-1 border-dotted px-2 py-0.5 border-black dark:border-white; - a:is(:hover, :active) /* TODO: :only-child selector doesn't have effect. */ - &:not(:where(h1, h2, h3, h4, h5, h6) code):only-child { - @apply border-transparent; - } + /* See previous FIXME */ + /* a:is(:hover, :active) */ + /* &:not(:where(h1, h2, h3, h4, h5, h6) code):only-child { */ + /* @apply border-transparent; */ + /* } */ } pre code, pre code * {