CartoDB/cartodb20

View on GitHub
assets/stylesheets/deep-insights/widgets/_dropdown.scss

Summary

Maintainability
Test Coverage
// Dropdown styles
// ----------------------------------------------

.CDB-Dropdown {
  position: absolute;
  z-index: 100;
  top: 50px;
  right: 24px;
  min-width: 216px;
  border-radius: $baseSize / 2;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24), 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  line-height: 15px;
}

.CDB-Dropdown.has-top-position {
  top: -104px;
  right: 38px;
}

.CDB-Dropdown-link {
  @include display-flex;
  @include align-items(center);
  @include justify-content(space-between);
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
}

.CDB-Dropdown-link:first-child:hover {
  border-radius: $baseSize / 2 $baseSize / 2 0 0;
}

.CDB-Dropdown-link:last-child:hover {
  border-radius: 0 0 $baseSize / 2 $baseSize / 2;
}

.CDB-Dropdown-toggle {
  margin-left: auto;
}

.CDB-Dropdown-list {
  @include flex(1);
}