/*
 *  Scss to help with bootstrap 3 to 4 migration
 */

$text-color: $gl-text-color;

$brand-primary: $gl-primary;
$brand-success: $gl-success;
$brand-info: $gl-info;
$brand-warning: $gl-warning;
$brand-danger: $gl-danger;

$border-radius-base: 3px !default;

$modal-body-bg: $white-light;
$input-border: $border-color;
$input-border-focus: $focus-border-color;

$padding-base-vertical: $gl-vert-padding;
$padding-base-horizontal: $gl-padding;

html {
  // Override default font size used in bs4
  font-size: 14px;
}

// Polyfill deprecated selectors

.hidden {
  @extend .d-none;
  @extend .invisible;
}

.dropdown-toggle::after {
  // Remove bootstrap's dropdown caret
  display: none;
}

/*
 *  Scss to help with bootstrap 3 to 4 migration
 */

$text-color: $gl-text-color;

$brand-primary: $gl-primary;
$brand-success: $gl-success;
$brand-info: $gl-info;
$brand-warning: $gl-warning;
$brand-danger: $gl-danger;

$border-radius-base: 3px !default;

$modal-body-bg: $white-light;
$input-border: $border-color;
$input-border-focus: $focus-border-color;

$padding-base-vertical: $gl-vert-padding;
$padding-base-horizontal: $gl-padding;

html {
  // Override default font size used in bs4
  font-size: 14px;
}

// Polyfill deprecated selectors

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.dropdown-toggle::after {
  // Remove bootstrap's dropdown caret
  display: none;
}

Use existing .hidden properties rather than extending because of important
[skip ci] Use existing .hidden properties rather than extending because of important
