最近はスライド作成にAsciidoctor reveal.jsを利用しています.vimで書いてasciidoctor-revealjs-linuxコマンドで変換しています.
スライド内で打ち消し線を使おうと思ったのですが,変換されたスライドに反映されません.
[.line-through]#打ち消される文字列#
以下のページを参考にカスタムスタイルシートを設定することで解決しました.
my.cssに追記
.line-through{
text-decoration:line-through
}
具体的には,スライドの.adocファイルの :customcss: に resources/my-css.css の様にカスタムcssファイルを指定しているのでその中に追記しました.
slide.adoc
= スライドテスト
Kenichiro Matohara(matoken) <maroken@example.org>
:revnumber: 1.0
:revdate: 2022-04-23(Sat)
:revremark: 「{doctitle}」
:homepage: https://matoken.org/
:imagesdir: resources
:data-uri:
:example-caption: 例
:table-caption: 表
:figure-caption: 図
:backend: revealjs
:revealjs_theme: serif
:customcss: resources/my-css.css
:revealjs_slideNumber: c/t
:title-slide-transition: none
:icons: font
:revealjs_hash: true
:revealjs_center: true
:revealjs_autoPlayMedia: true
:revealjs_transition: false
:revealjs_transitionSpeed: fast
== 打ち消し線を使いたい
[.line-through]#打ち消される文字列#resources/my.css
.reveal .slides {
font-family: 'BIZ UDPGothic';
font-size: calc(28px + 0.25vw);
}
.reveal .slides h1,
.reveal .slides h2 {
font-weight: 90%;
}
.line-through{
text-decoration:line-through
}revealjs_themeによってはそのまま打ち消し線が使えるような気もします.(今回はserif)
環境
$ asciidoctor-revealjs-linux -v Asciidoctor reveal.js 4.1.0 using Asciidoctor.js 2.2.1 (Asciidoctor 2.0.12) [https://asciidoctor.org] Runtime Environment (node v12.13.1 on linux) CLI version 3.2.0