@import "variables";
@import "frame_styles";
@import "fadable_control"; // should be after frame_styles as it overrides frame_styles
@import "publisher_button";
@import "container_frames";

html[data-factlink-suppress-scrolling] {
  overflow: hidden !important;
}

span.factlink {
  cursor: pointer;

  // elementary reset
  background: transparent !important;
  font: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;

  &.fl-scroll-highlight, &.fl-load-highlight {
    background: rgba(255,255,0, 0.3) !important;
  }

  &:hover, &.fl-active {
    background: rgba(255,255,0, 0.6) !important;
  }

  &.fl-core-highlight {
    background: rgba(255,255,0, 1) !important;
  }

  transition: all $highlight_visibility_transition_time;
}


@import "variables";
@import "frame_styles";
@import "fadable_control"; // should be after frame_styles as it overrides frame_styles
@import "publisher_button";
@import "container_frames";

html[data-factlink-suppress-scrolling] {
  overflow: hidden !important;
  width:auto;
  max-width: none;
}

span.factlink {
  cursor: pointer;

  // elementary reset
  background: transparent !important;
  font: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;

  &.fl-scroll-highlight, &.fl-load-highlight {
    background: rgba(255,255,0, 0.3) !important;
  }

  &:hover, &.fl-active {
    background: rgba(255,255,0, 0.6) !important;
  }

  &.fl-core-highlight {
    background: rgba(255,255,0, 1) !important;
  }

  transition: all $highlight_visibility_transition_time;
}


Allow html to shrink from viewport.
Allow html to shrink from viewport.
