fix(bullet list): bullet list design review (#3043)

* fix: reload bullet list scss in docs to use tick variable

* fix: use svgs from figma just to test

* feat: use svgo on markers

* Update scss/_variables.scss

---------

Co-authored-by: Louis-Maxime Piton <[email protected]>

Author: MaxLardenois

scss/_variables.scss

@@ -1950,10 +1950,10 @@ $breadcrumb-divider-flipped:        $breadcrumb-divider !default;
 
 // OUDS mod
 // Bullet list
-$bullet-list-marker-level-0: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><rect x='5' y='5' width='6' height='6'/></svg>") !default;
-$bullet-list-marker-level-1: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><rect x='5' y='7' width='6' height='2'/></svg>") !default;
-$bullet-list-marker-level-2: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><rect x='6.25' y='6.25' width='3.5' height='3.5'/></svg>") !default;
-$bullet-list-empty-marker: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'></svg>") !default;
+$bullet-list-marker-level-0: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6.25 6.25h7.5v7.5h-7.5z'/></svg>") !default;
+$bullet-list-marker-level-1: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6.25 8.75h7.5v2.5h-7.5z'/></svg>") !default;
+$bullet-list-marker-level-2: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M7.813 7.813h4.375v4.375H7.813z'/></svg>") !default;
+$bullet-list-empty-marker: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'></svg>") !default;
 // End mod
 
 // Carousel

site/src/scss/docs.scss

@@ -45,6 +45,7 @@ $enable-cssgrid: true;
 $enable-bullet-list-tick: true;
 // fusv-enable
 @import "../../../scss/grid";
+@import "../../../scss/bullet-list";
 
 // Load docs components
 @import "variables";