Skip to content

Instantly share code, notes, and snippets.

@aboutdavid
Created October 25, 2020 21:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aboutdavid/8ff3099228ae545394df9419f9ab15a6 to your computer and use it in GitHub Desktop.
Save aboutdavid/8ff3099228ae545394df9419f9ab15a6 to your computer and use it in GitHub Desktop.
My hashnode blog's custom CSS (blog.aboutdavid.me)
/* Headers */
.blog-header {
background-color: #00FA9A; /* Header background color */
/* Sticky header */
position: -webkit-sticky; /* Safari support */
position: sticky;
top: 0;
padding-bottom:3;
}
.mode-dark .blog-header {
background-color: #66CDAA; /* Header background color */
/* Sticky header */
position: -webkit-sticky; /* Safari support */
position: sticky;
top: 0;
}
/* Custom headers, underlines and bolds */
h2,h3,h4,h5,h6,b,u {
background: linear-gradient(rgba(255,0,0,0) 60%, #66CDAA 40%);
display: inline-block;
}
/* Fix reaction button on sticky header */
blog-content-sidebar {
padding-top:7%;
}
header {
background-color:#00FA9A;
}
.mode-dark header {
background-color:#66CDAA;
}
header {
background-color:#00FA9A;
}
.mode-dark header {
background-color:#66CDAA;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment