style.css

/* taken from https://bookdown.org/yihui/rmarkdown-cookbook/custom-blocks.html */
.infobox {
	padding: 1em 1em 1em 7em;
	margin-bottom: 10px;
	background: lightgray 5px center/6em no-repeat;
	border: 2px solid #17a589;
	border-radius: 10px;
	line-height: 1.7;
}

.caution {
  background-image: url("images/icons/caution.png");
}

.note {
  background-image: url("images/icons/info.svg");
}

.interpretation {
  background-image: url("images/icons/interpretation.png");
}

.dataWrangling {
  background-image: url("images/icons/dataWrangling.png");
}

.communication {
  background-image: url("images/icons/communication.png");
}

/* these options for the pre class make code sections >500px scroll */
/* see: https://bookdown.org/yihui/rmarkdown-cookbook/html-scroll.html */
pre {
  max-height: 500px;
  overflow-y: auto;
}

pre[class] {
  max-height: 500px;
}

.scroll-500 {
  max-height: 500px;
  overflow-y: auto;
}

.figure {
  width: 100%;
}