loganthomas / loganthomas.github.io

1 stars 0 forks source link

CLN: add custom css to remove site header #50

Closed loganthomas closed 1 year ago

loganthomas commented 1 year ago

Currently, there is a dark line across the site. This is hard to see when chrome in in dark mode, but evident when in light mode.

Screen Shot 2023-07-24 at 13 34 15

This is not an issue with the HTML or CSS but actually the default for minima theme: https://jekyll.github.io/minima/

Screen Shot 2023-07-24 at 13 36 12

Solution

https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/adding-a-theme-to-your-github-pages-site-using-jekyll#customizing-your-themes-css

$ bundle info --path minima
/usr/local/lib/ruby/gems/3.0.0/gems/minima-2.5.1
.site-header {
    // border-top: 5px solid $grey-color-dark;
    border-bottom: 1px solid $grey-color-light;
    min-height: $spacing-unit * 1.865;

    // Positioning context for the mobile navigation icon
    position: relative;
}