this repo has no description
It's time for hairline width
+10
-3
+2
-2
src/app.css
+2
-2
src/app.css
···
82
82
background-color: var(--bg-blur-color);
83
83
background-image: linear-gradient(to bottom, var(--bg-color), transparent);
84
84
backdrop-filter: saturate(180%) blur(20px);
85
-
border-bottom: 1px solid var(--divider-color);
85
+
border-bottom: var(--hairline-width) solid var(--divider-color);
86
86
z-index: 1;
87
87
cursor: default;
88
88
z-index: 10;
···
136
136
list-style: none;
137
137
margin: 0;
138
138
padding: 0;
139
-
border-bottom: 1px solid var(--divider-color);
139
+
border-bottom: var(--hairline-width) solid var(--divider-color);
140
140
}
141
141
.timeline.flat > li {
142
142
border-bottom: none;
+1
-1
src/components/status.css
+1
-1
src/components/status.css
···
699
699
padding-bottom: 16px;
700
700
margin-left: calc(-50px - 16px);
701
701
color: var(--text-insignificant-color);
702
-
border-top: 1px solid var(--outline-color);
702
+
border-top: var(--hairline-width) solid var(--outline-color);
703
703
margin-top: 8px;
704
704
}
705
705
.status .action.has-count {
+7
src/index.css
+7
src/index.css
···
1
1
:root {
2
2
text-size-adjust: none;
3
+
--hairline-width: 1px;
3
4
4
5
--blue-color: royalblue;
5
6
--purple-color: blueviolet;
···
36
37
--comment-line-color: #e5e5e5;
37
38
38
39
--timing-function: cubic-bezier(0.3, 0.5, 0, 1);
40
+
}
41
+
42
+
@media (min-resolution: 2dppx) or (min-resolution: 192dpi) or (min-device-pixel-ratio: 2) {
43
+
:root {
44
+
--hairline-width: 0.5px;
45
+
}
39
46
}
40
47
41
48
@media (prefers-color-scheme: dark) {