Sha256: 8518eb6a7e69cd1cf7ca9cbef1e54ee35d24c2f10e9bbb364e85b166d4885a75
Contents?: true
Size: 1.59 KB
Versions: 6
Compression:
Stored size: 1.59 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-item-inverted-background-color: null !default;
$timeline-item-inverted-text-color: null !default;
$timeline-item-caption-padding: 7px 10px !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-padding;
@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));
}
}
.invert & {
background-color: $timeline-item-inverted-background-color;
color: $timeline-item-inverted-text-color;
}
}
.timeline_item-caption {
padding: $timeline-item-caption-padding;
@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
6 entries across 6 versions & 1 rubygems