@import "bootstrap/mixins";

@evidencePadding: 18px;

.ndp-evidenceish {
  .new-design-font();
}

.ndp-evidenceish-heading {
  position: absolute;
  top: -23px;
  left: @evidencePadding;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ndp-evidenceish-box {
  position: relative;
  .new-design-white-block-with-shadow();
}

.ndp-evidenceish-content {
  padding: @evidencePadding @evidencePadding 13px;

  // HACK until we have "small Factwheels" (per NDP design, in-line with text)
  // -- this looks better for now
  > .fact-base {
    margin-left: -3px;
  }
}

.ndp-evidenceish-bottom {
  box-shadow: 0px -1px @NDPMutedBorderBottomColor, 0px -2px @NDPMutedBorderTopColor;
  margin: 0 @evidencePadding;
  padding: 5px 0;
  color: @mutedFontColor;
  font-size: @metaFontSize;
}

@import "bootstrap/mixins";

@evidencePadding: 18px;

.ndp-evidenceish {
  .new-design-font();
}

.ndp-evidenceish-heading {
  position: absolute;
  top: -23px;
  left: @evidencePadding;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ndp-evidenceish-box {
  position: relative;
  .new-design-white-block-with-shadow();
}

.ndp-evidenceish-content {
  padding: @evidencePadding @evidencePadding 13px;
  word-wrap: break-word;

  // HACK until we have "small Factwheels" (per NDP design, in-line with text)
  // -- this looks better for now
  > .fact-base {
    margin-left: -3px;
  }
}

.ndp-evidenceish-bottom {
  box-shadow: 0px -1px @NDPMutedBorderBottomColor, 0px -2px @NDPMutedBorderTopColor;
  margin: 0 @evidencePadding;
  padding: 5px 0;
  color: @mutedFontColor;
  font-size: @metaFontSize;
}

Break crazy long words inside evidenceish content (comments / subcomments)
Break crazy long words inside evidenceish content (comments / subcomments)
