//
// Copyright IBM Corp. 2020, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//
@import '../../globals/scss/carbon-settings';
@import '../../globals/scss/variables';

@import '~carbon-components/scss/components/button/button';
@import '~carbon-components/scss/components/file-uploader/file-uploader';
@import '~carbon-components/scss/components/text-input/text-input';

.#{$ide-prefix}-import-container {
  .#{$prefix}--file__drop-container {
    max-width: 100%;
  }
  .#{$ide-prefix}--file-list {
    margin-top: carbon--mini-units(10);
    .#{$ide-prefix}--file-list-status {
      @include carbon--type-style('body-short-01');

      margin-bottom: $spacing-03;
    }
    .#{$prefix}--file__selected-file {
      max-width: 100%;
    }
  }

  .#{$ide-prefix}-hide-import {
    margin-top: 0;
  }

  .#{$ide-prefix}--file-header-label {
    margin-bottom: $spacing-03;
    @include carbon--type-style('label-01');

    color: $text-02;
  }

  .#{$ide-prefix}-file-by-url {
    margin-top: $spacing-07;
  }
  .#{$ide-prefix}-importing-description {
    @include carbon--type-style('body-short-01');

    margin-top: $spacing-03;
    margin-bottom: $spacing-06;
  }
  // the bold headers
  h5 {
    margin-bottom: $spacing-03;
    @include carbon--type-style('productive-heading-01');
  }
  .#{$ide-prefix}-importing-drop-description {
    margin-bottom: $spacing-05;
    @include carbon--type-style('body-short-01');

    color: $text-01;
  }
  .#{$prefix}--file-browse-btn {
    margin-bottom: 0;
  }

  .#{$ide-prefix}-importing-flex-input {
    display: flex;
    width: 100%;
    .#{$prefix}--form-item {
      flex: 1 0 8rem;
      margin-right: $spacing-05;
    }
    .#{$ide-prefix}-importing-flex-button {
      flex: 0 0 auto;
    }
  }
}