@@ -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>');
@@ -1627,6 +1628,7 @@ a.tooltip:hover::after {
16271628}
16281629
16291630# sidebar-button > a : before {
1631+ /* sidebar resizer image */
16301632 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" \
16311633 fill= "none" stroke="black">\
16321634 <rect x= "1" y="1" width="20" height="20" ry="1.5" stroke-width="1.5"/>\
@@ -1860,6 +1862,7 @@ However, it's not needed with smaller screen width because the doc/code block is
18601862/* sidebar button opens modal
18611863 use hamburger button */
18621864.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
1865+ /* hamburger button image */
18631866 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
18641867 viewBox= "0 0 22 22" fill="none" stroke="black">\
18651868 <path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
@@ -1873,6 +1876,7 @@ However, it's not needed with smaller screen width because the doc/code block is
18731876
18741877/* src sidebar button opens a folder view */
18751878.src # sidebar-button > a : before {
1879+ /* folder image */
18761880 content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
18771881 viewBox= "0 0 22 22" fill="none" stroke="black">\
18781882 <path d= "M16,9v-4h-6v-1l-2,-2h-4l-2,2v16h13L21,9h-15L2,19" stroke-width="1.25"/>\
0 commit comments