diff --git a/sass/_extra.scss b/sass/_extra.scss index b1c345c..fc771fa 100644 --- a/sass/_extra.scss +++ b/sass/_extra.scss @@ -36,3 +36,19 @@ blockquote > p:first-child { code { font-size: 1rem; } + +/* Remove the padding at the top of a code block to make space for the + * language/copybutton bar. */ +pre { + padding-top: .3rem; + /* To ensure that top and bottom padding are definitely the same, even if + * abridge updates its styles, let's set the padding-bottom to this value + * too. At the time of writing (2024-09-15), this is the same as abridge's + * value (and hence doesn't change anything). */ + padding-bottom: .3rem; +} + +/* Actually remove the language/copybutton bar at the top of a code block. */ +pre code[data-lang]::before { + display: none; +} diff --git a/sass/abridge.scss b/sass/abridge.scss index f9844a0..fa4fadb 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -9,7 +9,7 @@ //$mb: 1200px,// value at which to switch from fluid layout to max-width $abridgeMode: "switcher",//valid values: switcher, auto, dark, light - $syntax-mode: "auto",// Force syntax mode: auto, dark, light + $syntax-mode: "light",// Force syntax mode: auto, dark, light $switcherDefault: "light",// default nojs switcher mode: dark, light (make sure to also set js_switcher_default in config.toml) $color: "orange",// color template to use/override: orange, blue, blueshade @@ -22,17 +22,17 @@ $icon-rss: true, $icon-mail: false,// e-mail - $icon-mastodon: false, + $icon-mastodon: true, $icon-element: false, $icon-matrix: false, $icon-buymeacoffee: false, $icon-kofi: false, - $icon-twitter: false, + $icon-twitter: true, $icon-facebook: false, $icon-linkedin: false, $icon-codeberg: false, $icon-gitlab: false, - $icon-github: false, + $icon-github: true, $icon-github-sponsor: false, $icon-bitbucket: false, $icon-python: false,