Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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