caret fixes, sample dropdown menu

pages/_data/menu-sample.yml

@@ -14,6 +14,16 @@ third:
   url: '#'
   icon: star
   title: Third
+  children:
+    first:
+      url: '#'
+      title: First
+    second:
+      url: '#'
+      title: Second
+    third:
+      url: '#'
+      title: Third
 
 disabled:
   url: '#'

scss/_variables.scss

@@ -392,6 +392,7 @@ $navbar-toggler-font-size: 1rem !default;
 $navbar-toggler-padding-x: 0 !default;
 $navbar-toggler-padding-y: 0 !default;
 $navbar-toggler-animation-time: .2s !default;
+$navbar-toggler-focus-width: 0 !default;
 
 $navbar-nav-link-padding-x: $nav-link-padding-x !default;
 
@@ -492,7 +493,7 @@ $form-range-thumb-focus-box-shadow-width: .125rem !default;
 $form-feedback-icon-valid: str-replace(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $green + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>"), "#", "%23") !default;
 $form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $red + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>"), "#", "%23") !default;
 
-$caret-width: .32em !default;
+$caret-width: .36em !default;
 
 //Flags
 $generate-flags: true !default;