Sha256: 39b337e4a0481b308569030caee2f52c5b377669e6161dbc86248bd04b2d9767
Contents?: true
Size: 1.93 KB
Versions: 15
Compression:
Stored size: 1.93 KB
Contents
.linechart{
//common
svg{
overflow: visible;
}
.background{
fill: darken($body-background, 2.5);
}
.title{
fill: $muted;
font-weight: 600;
font-size: rem-calc(24);
}
.subtitle{
fill: $muted;
font-size: rem-calc(14);
}
.tick{
opacity: .5;
.dashed{
stroke-dasharray: 3;
}
}
.line{
fill: none;
stroke-width: 3px;
}
// helper to colors
@mixin loop-colors-types($color, $max: 12){
@for $i from 0 through ($max - 1){
$interval: ($i % 4) * 24 + 1;
$tints: tint($color, $interval);
$shades: shade($color, $interval);
$adjusts: adjust-color($color, $lightness: $interval, $hue: -$interval);
.type-#{$i}:not(.legend){
@if $i < 4{
stroke: $tints;
&:hover{
cursor: pointer;
stroke: complement($tints);
}
}
@else if $i >= 4 and $i < 8{
stroke: $shades;
&:hover{
cursor: pointer;
stroke: complement($shades);
}
}
@else{
stroke: $adjusts;
&:hover{
cursor: pointer;
stroke: complement($adjusts);
}
}
}
.type-#{$i}:not(.line){
@if $i < 4{
fill: $tints;
&:hover{
cursor: pointer;
fill: complement($tints);
}
}
@else if $i >= 4 and $i < 8{
fill: $shades;
&:hover{
cursor: pointer;
fill: complement($shades);
}
}
@else{
fill: $adjusts;
&:hover{
cursor: pointer;
fill: complement($adjusts);
}
}
}
}
}
// default color
@include loop-colors-types($proposals);
// colors modifiers
$map: $foundation-palette;
@each $key, $value in $map{
&.#{$key}{
@include loop-colors-types($value);
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems