consul/consul

View on GitHub
app/assets/stylesheets/admin/budgets/links.scss

Summary

Maintainability
Test Coverage
.admin .budgets-links {
  $vertical-gap: $line-height;
  @include admin-action-icons;
  @include flex-with-gap;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: -$vertical-gap;

  > * {
    $min-width: $sdg-icon-min-width;
    margin-top: $vertical-gap;
    min-width: $min-width;

    @supports (max-width: max-content) {
      flex-basis: $min-width;
      flex-grow: 1;
      max-width: max-content;
    }
  }

  + * {
    margin-top: $line-height;
  }

  a {
    @include icon-on-top;
  }

  .ballots-link {
    @include has-fa-icon(archive, solid);
  }

  .results-link {
    @include has-fa-icon(poll, solid);
  }
}