@@ -1133,6 +1133,7 @@ so that we can apply CSS-filters to change the arrow color in themes */
11331133.setting-check input : checked {
11341134 background-color : var (--settings-input-color );
11351135 border-width : 1px ;
1136+ /* cross-mark image in the settings checkboxes */
11361137 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">\
11371138 <path d= "M7,25L17,32L33,12" fill="none" stroke="black" stroke-width="5"/>\
11381139 <path d= "M7,23L17,30L33,10" fill="none" stroke="white" stroke-width="5"/></svg>');
@@ -1644,6 +1645,7 @@ enable-background="new 0 0 22 22" viewBox="0 0 27.434 29.5">\
16441645}
16451646
16461647#sidebar-button > a:before {
1648+ /* sidebar resizer image */
16471649 content: url('data:image/svg+xml,<svg xmlns=" http://www.w3.org/2000/svg" viewBox="0 0 22 22 " \
16481650 fill= " none" stroke="black">\
16491651 <rect x= "1" y="1" width="20" height="20" ry="1.5" stroke-width="1.5"/>\
@@ -1871,6 +1873,7 @@ However, it's not needed with smaller screen width because the doc/code block is
18711873/* sidebar button opens modal
18721874 use hamburger button */
18731875.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
1876+ /* hamburger button image */
18741877 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
18751878 viewBox= "0 0 22 22" fill="none" stroke="black">\
18761879 <path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
@@ -1884,6 +1887,7 @@ However, it's not needed with smaller screen width because the doc/code block is
18841887
18851888/* src sidebar button opens a folder view */
18861889.src # sidebar-button > a : before {
1890+ /* folder image */
18871891 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
18881892 viewBox= "0 0 22 22" fill="none" stroke="black">\
18891893 <path d= "M16,9v-4h-6v-1l-2,-2h-4l-2,2v16h13L21,9h-15L2,19" stroke-width="1.25"/>\
0 commit comments