//
// 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/link/link';
@import '~carbon-components/scss/components/button/button';

.#{$ide-prefix}-empty-state {
  display: flex;
  flex-direction: row;
}
.#{$ide-prefix}-empty-state--format-sm {
  flex-direction: column;
}

.#{$ide-prefix}-empty-state__image-container {
  align-self: flex-start;
  margin-right: $spacing-08;
}
.#{$ide-prefix}-empty-state__image-container--format-sm {
  margin-right: 0;
}
.#{$ide-prefix}-empty-state__image {
  display: block;
  width: carbon--mini-units(15);
  height: carbon--mini-units(19);
}
.#{$ide-prefix}-empty-state__image--format-sm {
  width: carbon--mini-units(11);
  height: carbon--mini-units(11);
}

.#{$ide-prefix}-empty-state__content-container {
  align-self: center;
}
.#{$ide-prefix}-empty-state__content-container--format-sm {
  align-self: start;
}
.#{$ide-prefix}-empty-state__title {
  @include carbon--type-style('productive-heading-02');

  padding-top: 0;
}
.#{$ide-prefix}-empty-state__title--format-sm {
  padding-top: $spacing-05;
}
.#{$ide-prefix}-empty-state__body {
  @include carbon--type-style('caption-01');

  margin-top: $spacing-03;
  color: $text-02;
}
.#{$ide-prefix}-empty-state__button {
  margin-top: $spacing-04;
}
.#{$ide-prefix}-empty-state__link {
  @include carbon--type-style('body-short-01');

  display: flex;
  flex-direction: row;
  margin-top: $spacing-03;

  .#{$ide-prefix}-empty-state__launchIcon {
    width: $layout-01;
    height: $layout-01;
    margin-left: $spacing-01;
    fill: $interactive-03;
  }
}
.#{$ide-prefix}-empty-state__link:first-of-type {
  margin-top: $spacing-05;
}