行間を変えるBookmarklet

https://gyazo.com/ddeefa62c19a453d8b8c248ddefa41f7

code:style.css

:root {

--My-line-height-EM: 2.1em;

}

.editor, .stream, .line .section-0 {

line-height:var(--My-line-height-EM) !important;

}

ブックマークレットで 変数 --My-line-height-EM の値を変えている。

5段階　狭い/やや狭い/標準/やや広い/広い

code:script.js

document.documentElement.style.setProperty("--My-line-height-EM", "1.5em");

code:script.js

document.documentElement.style.setProperty("--My-line-height-EM", "1.8em");

code:script.js

document.documentElement.style.setProperty("--My-line-height-EM", "2.1em");

code:script.js

document.documentElement.style.setProperty("--My-line-height-EM", "2.4em");

code:script.js

document.documentElement.style.setProperty("--My-line-height-EM", "2.7em");

こちらのサービスを使って、Bookmarkletを作った。

javascript:(function()%7Bdocument.documentElement.style.setProperty(%22--My-line-height-EM%22%2C%20%221.5em%22)%7D)()

javascript:(function()%7Bdocument.documentElement.style.setProperty(%22--My-line-height-EM%22%2C%20%221.8em%22)%7D)()

javascript:(function()%7Bdocument.documentElement.style.setProperty(%22--My-line-height-EM%22%2C%20%222.1em%22)%7D)()

javascript:(function()%7Bdocument.documentElement.style.setProperty(%22--My-line-height-EM%22%2C%20%222.4em%22)%7D)()

javascript:(function()%7Bdocument.documentElement.style.setProperty(%22--My-line-height-EM%22%2C%20%222.7em%22)%7D)()