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(var(--primary), .05);
  }

  .line{
    fill: none;
    stroke: rgba(var(--primary), .2);
    stroke-width: 4px;
  }

  .circle{
    fill: rgba(var(--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'));
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
decidim-core-0.17.0	app/assets/stylesheets/decidim/vizzs/_areachart.scss