/* These are overrides for Design System for the css/syntax.css file which control the code highlighter */

/* Adding in size so vertical scroll appears */
figure.highlight>pre {
  max-height: 500px;
}

div.highlight,
figure.highlight { 
  border: 1px solid #ddd;
  background-color: #fafafa;
}

/* The following handle cases where there is an image right befor a codebox */
/* This only works for zoom images, not regular images (which are wrapped in p) */

a[data-lightbox] + figure.highlight {
  border-top: none;
  margin-top: 0px;
}

div.zoomimage + div.highlighter-rouge > .highlight {
  border-top: none;
}

div.zoomimage + div.highlighter-rouge {
  margin-top: 0px;
}

/* Fix for recordType icon/lozenge alignment in code snippets */
.highlight .r:before, .highlight .rc:before {
  margin-top: -2px;
  margin-right: 3px;
}