hugo-PaperMod/assets/css/reset.css
Aditya Telange c960b8af04
scroll-bar(css): fix white track color on list
pages, due to diff bg
2020-11-09 11:52:57 +05:30

138 lines
1.9 KiB
CSS

/* Reset
-------------------------------------------------- */
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
color: var(--primary);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 18px;
line-height: 1.6;
word-break: break-word;
background: var(--theme);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
color: var(--primary);
line-height: 1.2;
}
p {
margin-top: 0;
margin-bottom: 0;
}
ul {
margin: 0;
padding: 0;
}
a {
color: var(--primary);
text-decoration: none;
}
figure {
margin: 0;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: block;
overflow-x: scroll;
word-break: keep-all;
}
button,
input,
textarea {
padding: 0;
font: inherit;
background: transparent;
border: 0;
-webkit-appearance: none;
}
button,
input[type='button'],
input[type='submit'] {
cursor: pointer;
}
input,
textarea {
padding: 0;
border: 0;
outline: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
box-shadow: 0 0 0 50px var(--theme) inset;
}
img {
display: block;
max-width: 100%;
}
*::-webkit-scrollbar {
width: 10px;
height: 6px;
}
*::-webkit-scrollbar-track {
background: var(--theme);
}
.list::-webkit-scrollbar-track {
background: var(--code-bg);
}
*::-webkit-scrollbar-thumb {
background: var(--tertiary);
border-radius: var(--radius);
}
*::-webkit-scrollbar-thumb:hover {
background: var(--secondary);
}
@media screen and (max-width: 800px) {
*::-webkit-scrollbar {
width: 8px;
height: 2px;
}
}