Sha256: c1eb37acb32cab150522dec62d1e67f061273b3dd7200e7665850e7a89d2bc7e
Contents?: true
Size: 1.15 KB
Versions: 5
Compression:
Stored size: 1.15 KB
Contents
.areachart{
//common
svg{
background-color: darken($light-gray, 2.5);
overflow: visible;
border-radius: 3px;
}
.title{
fill: $muted;
text-transform: uppercase;
font-weight: 600;
}
.area{
fill: rgba($primary, .05);
}
.line{
fill: none;
stroke: rgba($primary, .2);
stroke-width: 4px;
}
.circle{
fill: rgba($primary, .2);
}
.tick{
opacity: .5;
.dashed{
stroke-dasharray: 1, 3;
}
}
.sum{
font-weight: 600;
font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h1'), 'font-size')) * 1.5;
}
// color-dependent
$map: $foundation-palette;
@each $key, $value in $map{
&.#{$key}{
.area{
fill: rgba($value, .05);
}
.line{
stroke: rgba($value, .2);
}
.circle{
fill: rgba($value, .2);
}
}
}
// variations
&.small{
.sum{
font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h3'), 'font-size'));
@include breakpoint(medium down){
font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h1'), 'font-size')) * 1.5;
}
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems