this repo has no description
Make focus ring follow the radius
This still won't work on Safari because its outline radius doesn't inherit from border radius
Future Safari will fix this
+5
-1
+5
-1
src/app.css
+5
-1
src/app.css
···
1505
1505
margin-top: 24px;
1506
1506
}
1507
1507
.timeline:not(.flat) > li {
1508
+
--item-radius: 16px;
1508
1509
border: 1px solid var(--divider-color);
1509
1510
margin: 16px 0;
1510
1511
background-color: var(--bg-color);
1511
-
border-radius: 16px;
1512
+
border-radius: var(--item-radius);
1512
1513
overflow: hidden;
1513
1514
box-shadow: 0px 1px var(--bg-blur-color);
1514
1515
transition: transform 0.4s var(--timing-function);
1515
1516
--back-transition: transform 0.4s ease-out;
1517
+
}
1518
+
.timeline:not(.flat) > li > a {
1519
+
border-radius: var(--item-radius);
1516
1520
}
1517
1521
.timeline:not(.flat) > li:not(:has(.status-carousel)) {
1518
1522
transform: translate3d(0, 0, 0);