// Copyright 2016 Palantir Technologies, Inc. All rights reserved.
// Licensed under the BSD-3 License as modified (the “License”); you may obtain a copy
// of the license at https://github.com/palantir/blueprint/blob/master/LICENSE
// and https://github.com/palantir/blueprint/blob/master/PATENTS

@import "../../common/variables";
@import "../../common/mixins";
@import "../../common/icons";

/*
Non-ideal state

Markup:
<div class="pt-non-ideal-state">
  <div class="pt-non-ideal-state-visual pt-non-ideal-state-icon">
    <span class="pt-icon pt-icon-folder-open"></span>
  </div>
  <h4 class="pt-non-ideal-state-title">This folder is empty</h4>
  <div class="pt-non-ideal-state-description">
    Create a new file to populate the folder.
  </div>
</div>

Styleguide pt-non-ideal-state
*/

.pt-non-ideal-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: $pt-grid-size * 40;
  height: 100%;
}

.pt-non-ideal-state > :not(:last-child) {
  margin-bottom: $pt-grid-size * 2;
}

.pt-non-ideal-state-icon .pt-icon {
  color: $pt-icon-color-disabled;
  font-size: $pt-icon-size-large * 3;

  .pt-dark & {
    color: $pt-dark-icon-color-disabled;
  }
}

.pt-non-ideal-state-title,
.pt-non-ideal-state-description {
  text-align: center;
}