@@ -55,6 +55,9 @@ xmlns="http://www.w3.org/2000/svg" fill="black" height="18px">\
5555 --collapse-arrow-image : url ('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" \
5656 enable-background= "new 0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="none" \
5757 d= "M3,8l4,4l4,-4m-4,4M3,4l4,4l4,-4" stroke="black" stroke-width="2"/></svg>');
58+ --hamburger-image : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
59+ viewBox= "0 0 22 22" fill="none" stroke="black">\
60+ <path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
5861}
5962
6063: root .sans-serif {
@@ -2402,9 +2405,7 @@ However, it's not needed with smaller screen width because the doc/code block is
24022405 use hamburger button */
24032406.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
24042407 /* hamburger button image */
2405- content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
2406- viewBox= "0 0 22 22" fill="none" stroke="black">\
2407- <path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
2408+ content : var (--hamburger-image );
24082409 opacity : 0.75 ;
24092410}
24102411.sidebar-menu-toggle : hover : before ,
@@ -2413,17 +2414,6 @@ However, it's not needed with smaller screen width because the doc/code block is
24132414 opacity : 1 ;
24142415}
24152416
2416- /* src sidebar button opens a folder view */
2417- .src # sidebar-button > a : before {
2418- /* folder image */
2419- content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
2420- viewBox= "0 0 22 22" fill="none" stroke="black">\
2421- <path d= "M16,9v-4h-6v-1l-2,-2h-4l-2,2v16h13L21,9h-15L2,19" stroke-width="1.25"/>\
2422- <path d= "M15,7h-11v3" stroke-width="0.75"/>\
2423- <path d= "M3.75,10v1.25" stroke-width="0.375"/></svg>');
2424- opacity : 0.75 ;
2425- }
2426-
24272417/* Media Queries */
24282418
24292419/* Make sure all the buttons line wrap at the same time */
0 commit comments