on master help sign in
Chevron for details/summary on indice pages
commit8e73eb943803c888f94e826dde0f4d82f324aeb5 authorMatilde Park <matilde@tlon.io> dateMon 9 Sep 2019, 23:38 (7 years ago) parent496199e
1 file changed+38−2
sass/_main.scss+38−2
sass/_main.scss+38−2
@@ -348,6 +348,42 @@ details.page-indiced li {
348348 list-style-type: none;
349349}
350350
351−body.page-indiced h3 {
352− @extend .gray2;
351+details {
352+ & > summary {
353+ cursor: default;
354+ list-style: none;
355+ display: inline-block;
356+ vertical-align: bottom;
357+ &:focus {
358+ outline: 0;
359+ }
360+ &::-webkit-details-marker {
361+ display: none;
362+ }
363+ &::before {
364+ content: "›";
365+ display: inline-block;
366+ vertical-align: middle;
367+ margin-right: 0.5rem;
368+ @extend .gray1;
369+ font-family: "Inter UI", sans-serif;
370+ font-weight: 400;
371+ font-size: 1.5rem;
372+ }
373+ }
374+ &[open] > summary::before {
375+ content: "› ";
376+ display: inline-block;
377+ transform: rotate(90deg);
378+ }
379+}
380+
381+body.page-indiced {
382+ h3 {
383+ @extend .gray2;
384+ }
385+ nav:not(.search-overlay) {
386+ position: fixed;
387+ max-width: 20%;
388+ }
353389}