
// Standard icons
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.1em;
  height: 1em;

  &.sm {
    width: 0.8em;
    height: 0.75em;
  }

  &.tn {
    width: 0.6em;
    height: 0.5em;
  }

  &.lg {
    width: 1.6em;
    height: 1.5em;
  }

  &.xl {
    width: 2.1em;
    height: 2em;
  }
}

// Modifiction icons - hard-code fill
.modicon {
  display: inline-block;
  vertical-align: middle;
  width: 1.1em;
  height: 1em;
  stroke-width: 20;
  fill: transparent;


  &.sm {
    width: 0.8em;
    height: 0.75em;
  }

  &.tn {
    width: 0.6em;
    height: 0.5em;
  }

  &.lg {
    width: 1.6em;
    height: 1.5em;
  }

  &.xl {
    width: 2.1em;
    height: 2em;
  }
}

.summary {
  stroke: @fg;
  fill: @fg;

  svg {
    stroke-width: 10;
  }
}
