on master help sign in
Docs: Chevron sizing and vertical alignment
2bf43deMatilde Park
sass/_main.scss+3−7
@@ -437,18 +437,15 @@ nav.docs:not(.mobile) {
437}
437}
438nav.docs details {
438nav.docs details {
439 summary {
439 summary {
440− @extend .fw4, .black;
440+ @extend .fw4, .black, .mt2;
441 }
441 }
442 & > summary::before {
442 & > summary::before {
443 content: "› ";
443 content: "› ";
444 display: inline-block;
444 display: inline-block;
445 transform: rotate(90deg);
445 transform: rotate(90deg);
446− vertical-align: middle;
446+ vertical-align: baseline;
447− margin-right: 0.5rem;
448− @extend .gray1;
447+ @extend .gray1, .fw6;
449 font-family: "Inter UI", sans-serif;
448 font-family: "Inter UI", sans-serif;
450− font-weight: 400;
451− font-size: 1.5rem;
452 }
449 }
453 &[open] > summary {
450 &[open] > summary {
454 @extend .fw6;
451 @extend .fw6;
@@ -456,7 +453,6 @@ nav.docs details {
456 &[open] > summary::before {
453 &[open] > summary::before {
457 content: "› ";
454 content: "› ";
458 display: inline-block;
455 display: inline-block;
459− margin-right: 0.5rem;
460 transform: rotate(-90deg);
456 transform: rotate(-90deg);
461 }
457 }
462}
458}