Skip to content

Commit 85ed8ae

Browse files
Merge pull request #31 from jeffreylauwers/chore/css-reset-modern
chore(reset): CSS reset bijgewerkt naar moderne best practices
2 parents d1c13b3 + deb71de commit 85ed8ae

1 file changed

Lines changed: 17 additions & 6 deletions

File tree

packages/core/src/styles/reset.css

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,10 @@
2121

2222
/* Document defaults */
2323
html {
24-
/* Prevent font size inflation on iOS */
25-
-webkit-text-size-adjust: 100%;
24+
/* Prevent font size inflation on mobile browsers */
25+
-webkit-text-size-adjust: none;
26+
-moz-text-size-adjust: none;
27+
text-size-adjust: none;
2628
/* Smooth scrolling */
2729
scroll-behavior: smooth;
2830
}
@@ -96,10 +98,19 @@ h6 {
9698
overflow-wrap: break-word;
9799
}
98100

99-
/* List styles */
100-
ul,
101-
ol {
102-
list-style: none;
101+
/* Prevent orphaned words on the last line of headings */
102+
h1,
103+
h2,
104+
h3,
105+
h4,
106+
h5,
107+
h6 {
108+
text-wrap: balance;
109+
}
110+
111+
/* Scroll margin for anchor links — prevents heading from touching the top edge */
112+
:target {
113+
scroll-margin-block: 5ex;
103114
}
104115

105116
/* Link styles */

0 commit comments

Comments
 (0)