// Enables feature flag for GlButton border migration
// to see in Storybook the expected new styles
$feature-button-border: true;

@import 'tokens';

@import 'functions';
@import 'variables';

@import '../vendor/bootstrap/scss/functions';
@import '../vendor/bootstrap/scss/variables';
@import '../vendor/bootstrap/scss/mixins';

@import 'bootstrap_vue';

@import 'mixins';

@import 'fonts';

@import 'body';
@import 'typography';
@import 'components';

@import 'storybook_dark_mode';

/**
 * Custom padding for docs pages. This improves the integration in Pajamas pages.
 */
.sbdocs-wrapper {
  padding-top: $gl-spacing-scale-2 !important;
  padding-bottom: 0 !important;
}

.bootstrap-vue-docs {
  @import "../vendor/bootstrap-vue/docs/assets/css/docs.min";
  @import "../vendor/bootstrap-vue/docs/assets/scss/styles";
}

// This imports the tailwind.css file.
// Note that adding `.css` here would break the inline import.
// These utilities are imported last, because that's
// what we do in GitLab as well.
@import 'tailwind';