// These classes are used to scale the SC interface up or down depending on if the root font-size has been changed
// The number in the class name represents the font-size of the root element
// This is not a perfect scaling solution but works "well enough"

.sc-scale-10{
  .simple-calendar{
    &.dark, &.light, &.classic, &.forbidden-lands{
      transform: scale(1.5);
    }
  }
}

.simple-calendar.fsc-compact-view{
  &.sc-scale-70{
    transform: scale(0.7);
  }
  &.sc-scale-80{
    transform: scale(0.8);
  }
  &.sc-scale-90{
    transform: scale(0.9);
  }
  &.sc-scale-110{
    transform: scale(1.1);
  }
  &.sc-scale-110{
    transform: scale(1.1);
  }
  &.sc-scale-120{
    transform: scale(1.2);
  }
  &.sc-scale-130{
    transform: scale(1.3);
  }
  &.sc-scale-140{
    transform: scale(1.4);
  }
  &.sc-scale-150{
    transform: scale(1.5);
  }
  &.sc-scale-160{
    transform: scale(1.6);
  }
  &.sc-scale-170{
    transform: scale(1.7);
  }
  &.sc-scale-180{
    transform: scale(1.8);
  }
  &.sc-scale-190{
    transform: scale(1.9);
  }
  &.sc-scale-200{
    transform: scale(2);
  }
}