Contents

.acts-list {

  .date {
    display: inline-block;
    @include font-size('h3');
    padding: $spacer-small 0;
    margin-left: 25%;
    transform: translateX(-50%);
  }

  .act {
    @include grid(4, $spacer-small);

    &__time {
      grid-column: auto / span 1;
      text-align: right;
      font-size: .8em;
      margin-top: $spacer-tiny;

      &:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: $color-brand;
        margin-left: $spacer-small;
        border: 3px solid $color-white;
        border-radius: 10px;
        transform: translateY($spacer-tiny);
      }
    }

    &__content {
      grid-column: auto / span 3;
    }

    &-action {
      @extend %card;
      background-color: $gray-100;

      &--update:before {
        @include icon($fa-var-sync, true);
      }

      &--unpublish:before {
        @include icon($fa-var-eye-slash, true);
      }

      &--lock:before {
        @include icon($fa-var-lock, true);
      }

      &--unlock:before {
        @include icon($fa-var-unlock, true);
      }
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
elabs-3.0.0	app/assets/stylesheets/elabs/app/_acts.scss
elabs-2.0.0	app/assets/stylesheets/elabs/app/_acts.scss
elabs-2.0.0.pre	app/assets/stylesheets/elabs/app/_acts.scss