refactor(CMultiSelect): improve border radius in small and large variant

Author: mrholek

scss/_variables.scss

@@ -1198,6 +1198,8 @@ $form-multi-select-indicator:               url("data:image/svg+xml,<svg xmlns='
 $form-multi-select-border-width:            $input-border-width !default;
 $form-multi-select-border-color:            $input-border-color !default;
 $form-multi-select-border-radius:           $border-radius !default;
+$form-multi-select-border-radius-sm:        $border-radius-sm !default;
+$form-multi-select-border-radius-lg:        $border-radius-lg !default;
 $form-multi-select-box-shadow:              inset 0 1px 2px rgba($black, .075) !default;
 
 $form-multi-select-focus-width:             $input-focus-width !default;
@@ -1209,14 +1211,16 @@ $form-multi-select-focus-box-shadow:        0 0 0 $form-multi-select-focus-width
 $form-multi-select-selection-tags-padding-y:  .125rem !default;
 $form-multi-select-selection-tags-padding-x:  .125rem !default;
 
-$form-multi-select-tag-bg:             $light !default;
-$form-multi-select-tag-border-width:   $border-width !default;
-$form-multi-select-tag-border-color:   $border-color !default;
-$form-multi-select-tag-border-radius:  $border-radius !default;
-$form-multi-select-tag-margin-y:       .125rem !default;
-$form-multi-select-tag-margin-x:       .125rem !default;
-$form-multi-select-tag-padding-y:      subtract(($form-multi-select-padding-y - $form-multi-select-selection-tags-padding-y - $form-multi-select-tag-margin-y), $form-multi-select-tag-border-width) !default;
-$form-multi-select-tag-padding-x:      .5rem !default;
+$form-multi-select-tag-bg:                $light !default;
+$form-multi-select-tag-border-width:      $border-width !default;
+$form-multi-select-tag-border-color:      $border-color !default;
+$form-multi-select-tag-border-radius:     .25rem !default;
+$form-multi-select-tag-border-radius-sm:  .125rem !default;
+$form-multi-select-tag-border-radius-lg:  .375rem !default;
+$form-multi-select-tag-margin-y:          .125rem !default;
+$form-multi-select-tag-margin-x:          .125rem !default;
+$form-multi-select-tag-padding-y:         subtract(($form-multi-select-padding-y - $form-multi-select-selection-tags-padding-y - $form-multi-select-tag-margin-y), $form-multi-select-tag-border-width) !default;
+$form-multi-select-tag-padding-x:         .5rem !default;
 
 $form-multi-select-search-color:          $input-color !default;
 $form-multi-select-search-bg:             $input-bg !default;
@@ -1289,7 +1293,7 @@ $form-multi-select-padding-y-sm:                 $input-padding-y-sm !default;
 $form-multi-select-padding-x-sm:                 $input-padding-x-sm !default;
 $form-multi-select-font-size-sm:                 $input-font-size-sm !default;
 $form-multi-select-selection-tags-padding-y-sm:  .0675rem !default;
-$form-multi-select-selection-tags-padding-x-sm:  .0675rem !default;
+$form-multi-select-selection-tags-padding-x-sm:  .125rem !default;
 $form-multi-select-tag-margin-y-sm:              .0675rem !default;
 $form-multi-select-tag-margin-x-sm:              .0675rem !default;
 $form-multi-select-tag-padding-y-sm:             0 !default;

scss/forms/_form-multi-select.scss

@@ -338,11 +338,13 @@
   --#{$prefix}form-multi-select-padding-y: #{$form-multi-select-padding-y-sm};
   --#{$prefix}form-multi-select-padding-x: #{$form-multi-select-padding-x-sm};
   --#{$prefix}form-multi-select-font-size: #{$form-multi-select-font-size-sm};
+  --#{$prefix}form-multi-select-border-radius: #{$form-multi-select-border-radius-sm};
   --#{$prefix}form-multi-select-selection-tags-padding-x: #{$form-multi-select-selection-tags-padding-x-sm};
   --#{$prefix}form-multi-select-tag-padding-y: #{$form-multi-select-tag-padding-y-sm};
   --#{$prefix}form-multi-select-tag-padding-x: #{$form-multi-select-tag-padding-x-sm};
   --#{$prefix}form-multi-select-tag-margin-y: #{$form-multi-select-tag-margin-y-sm};
   --#{$prefix}form-multi-select-tag-margin-x: #{$form-multi-select-tag-margin-x-sm};
+  --#{$prefix}form-multi-select-tag-border-radius: #{$form-multi-select-tag-border-radius-sm};
 
   &.form-multi-select-selection-tags {
     min-height: add(($form-multi-select-padding-y-sm * 2), ($form-multi-select-font-size-sm * $form-multi-select-line-height), ($form-multi-select-border-width * 2));
@@ -357,11 +359,13 @@
   --#{$prefix}form-multi-select-padding-y: #{$form-multi-select-padding-y-lg};
   --#{$prefix}form-multi-select-padding-x: #{$form-multi-select-padding-x-lg};
   --#{$prefix}form-multi-select-font-size: #{$form-multi-select-font-size-lg};
+  --#{$prefix}form-multi-select-border-radius: #{$form-multi-select-border-radius-lg};
   --#{$prefix}form-multi-select-selection-tags-padding-x: #{$form-multi-select-selection-tags-padding-x-lg};
   --#{$prefix}form-multi-select-tag-padding-y: #{$form-multi-select-tag-padding-y-lg};
   --#{$prefix}form-multi-select-tag-padding-x: #{$form-multi-select-tag-padding-x-lg};
   --#{$prefix}form-multi-select-tag-margin-y: #{$form-multi-select-tag-margin-y-lg};
   --#{$prefix}form-multi-select-tag-margin-x: #{$form-multi-select-tag-margin-x-lg};
+  --#{$prefix}form-multi-select-tag-border-radius: #{$form-multi-select-tag-border-radius-lg};
 
   &.form-multi-select-selection-tags {
     min-height: add(($form-multi-select-padding-y-lg * 2) + ($form-multi-select-font-size-lg * $form-multi-select-line-height), ($form-multi-select-border-width * 2));