Sha256: 5be346d3bc1e74088348c3169bc297baf219268736e12585914d3edba7182414

Contents?: true

Size: 1.26 KB

Versions: 2

Compression:

Stored size: 1.26 KB

Contents

@include pageflow-page-type-pictograms("timeline_page");

$timeline-item-padding: 2px;

$timeline-main-color: $main-color !default;

$timeline-item-background-color: #1a171c !default;

$timeline-item-text-color: #fff !default;

$timeline-item-typography: () !default;

$timeline-item-tagline-color: $timeline-main-color !default;

$timeline-item-tagline-typography: () !default;

$timeline-item-hover-scale: 1.02 !default;

.timeline {
  @mixin ensure-anti-alias-for-webkit-during-transition {
    -webkit-backface-visibility: hidden;
  }

  .timeline_item a {
    background-color: $timeline-item-background-color;
    color: $timeline-item-text-color;
    padding: $timeline-item-background-color;
    @include transition(transform 0.3s);
    @include ensure-anti-alias-for-webkit-during-transition;

    &:hover {
      @include transform(scale($timeline-item-hover-scale));

      @include phone {
        @include transform(scale(1));
      }
    }
  }

  .timeline_item-caption {
    @include typography(
      $timeline-item-typography,
      (
        font-size: 15px,
        font-weight: bold,
        line-height: 21px
      )
    );
  }

  .timeline_item-tagline {
    color: $timeline-item-tagline-color;
    @include typography($timeline-item-tagline-typography, ());
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
pageflow-timeline-page-1.0.0 app/assets/stylesheets/pageflow/timeline_page/themes/default.scss
pageflow-timeline-page-0.1.0 app/assets/stylesheets/pageflow/timeline_page/themes/default.scss