@import '~terriajs-variables';
@import '../../Sass/common/mixins';

.download {
  float: right;
  margin: 10px 1px;
}

.btn {
  composes: btn from './feature-info-panel.scss';
  composes: btn-primary from '../../Sass/common/_buttons.scss';
}

.icon--download {
  display: inline-block;
  vertical-align: bottom;
  svg{
    height: 20px;
    width: 20px;
    fill: $text-light;
  }
}

.dropdown__list {
  display: flex;
  li a {
    @if variable-exists(text-link) {
      color: $text-link;
    }
    // Outside of a dropdown menu, links are normally shown with the same color on hover.
    // So, to provide some highlighting on hover in a dropdown menu, use the visited link color,
    // if it exists and is different from the unvisited link color.
    &:hover {
      @if variable-exists(text-visited-link) and variable-exists(text-link) and ($text-visited-link != $text-link) {
        color: $text-visited-link;
        text-decoration: $link-text-decoration;
      }
    }
  }
}

.dropdown__button {
  composes: btn--small from '../../Sass/common/_buttons.scss';
}