Sha256: b02434cd57b3901bbf6ab5bc361e74f73f015e95b2c41ce8265f822e27bd67cb
Contents?: true
Size: 1.7 KB
Versions: 28
Compression:
Stored size: 1.7 KB
Contents
/*------------------------------------*\
#DATE-MARKER
\*------------------------------------*/
$date-marker-min-width: 50px !default;
$date-marker-min-height: 48px !default;
$date-marker-background-color: $light-gray !default;
$date-marker-month-font-size: 12px !default;
$date-marker-day-font-size: 20px !default;
$date-marker-arrow-size: 12px !default;
$date-marker-border-radius: $global-border-radius !default;
.date-marker {
position: relative;
margin-top: $spacing-unit;
margin-right: $horizontal-margin;
padding: $spacing-unit;
min-width: $date-marker-min-width;
min-height: $date-marker-min-height;
float: right;
font-weight: bold;
line-height: 1.2;
text-align: center;
background-color: $date-marker-background-color;
border-radius: $date-marker-border-radius;
&::before {
position: absolute;
top: 50%;
right: 0;
transform: translate(50%, -50%) rotate(45deg);
display: block;
width: $date-marker-arrow-size;
height: $date-marker-arrow-size;
background-color: $date-marker-background-color;
content: '';
}
}
.date-marker__annotation {
@include center($to: vertical);
right: $date-marker-min-width + $horizontal-margin;
text-align: right;
white-space: nowrap;
}
.date-marker__month {
font-size: $date-marker-month-font-size;
line-height: 1;
text-transform: uppercase;
}
.date-marker__day {
margin-bottom: 0;
font-size: $date-marker-day-font-size;
line-height: 1;
}
.date-marker__unknown {
@include center;
font-size: $date-marker-day-font-size;
}
Version data entries
28 entries across 28 versions & 1 rubygems