Sha256: 2697e01e4e646fa86c73fb2a6dc97b934a13edf0ee1fae03d1e8ee5bc3ab657f
Contents?: true
Size: 1.34 KB
Versions: 15
Compression:
Stored size: 1.34 KB
Contents
.rowchart{
//common
.background{
fill: darken($body-background, 2.5);
}
.title{
fill: $muted;
text-transform: uppercase;
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);
$shades: shade($color, $interval);
$adjusts: adjust-color($color, $lightness: $interval, $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
15 entries across 15 versions & 1 rubygems