hugo-PaperMod/assets/css/reset.css

152 lines
1.8 KiB
CSS
Raw Normal View History

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