Sha256: 93b925889d7af052f7a5f64a7844abb41f4af2bf69fa43699566f3517d4cf338
Contents?: true
Size: 1.33 KB
Versions: 11
Compression:
Stored size: 1.33 KB
Contents
.rowchart{
//common
.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;
}
}
// 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 * 1%);
$shades: shade($color, $interval * 1%);
$adjusts: adjust-color($color, $lightness: $interval * 1%, $hue: -$interval);
.type-#{$i}{
@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
11 entries across 11 versions & 1 rubygems