@@ -55,6 +55,9 @@ xmlns="http://www.w3.org/2000/svg" fill="black" height="18px">\
55
55
--collapse-arrow-image : url ('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" \
56
56
enable-background= "new 0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="none" \
57
57
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>');
58
61
}
59
62
60
63
: root .sans-serif {
@@ -2402,9 +2405,7 @@ However, it's not needed with smaller screen width because the doc/code block is
2402
2405
use hamburger button */
2403
2406
.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
2404
2407
/* 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 );
2408
2409
opacity : 0.75 ;
2409
2410
}
2410
2411
.sidebar-menu-toggle : hover : before ,
@@ -2413,17 +2414,6 @@ However, it's not needed with smaller screen width because the doc/code block is
2413
2414
opacity : 1 ;
2414
2415
}
2415
2416
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
-
2427
2417
/* Media Queries */
2428
2418
2429
2419
/* Make sure all the buttons line wrap at the same time */
0 commit comments