anthonymidili/Bullhorn

View on GitHub
app/assets/stylesheets/events.scss

Summary

Maintainability
Test Coverage
.event {
  .event_name {
    font-size: large;
    font-weight: bold;
  }
  .response {
    padding: 15px;
    background-color: var(--event-response-background);
    border: 1px solid var(--event-border);
    @include media-breakpoint-down(sm) {
      li + li {
        margin-left: 0;
      }
    }
  }
  .callout-thin {
    background-color: var(--event-description-background);
  }
}

.status_user {
  display: block;
  position: relative;
  img {
    width: 50px;
    height: 50px;
    border: solid 1px var(--avatar-border);
    background-color: var(--avatar-background);
  }
  li {
    height: 78px;
  }
  .status_icon {
    position: absolute;
    bottom: -4px;
    svg {
      padding: 1px;
      margin: 1px;
      background-color: var(--white-color);
    }
  }
}