Skip to content

Inline code highlighting

Patrick Schratz edited this page Oct 20, 2017 · 2 revisions

By default no background for inline-code is specified. If you want to have the usual grey background for inline-code, add the following chunk to your css file:

.remark-inline-code{
  /* background: #F5F5F5; /* lighter */
  background: #e7e8e2; /* darker */
  border-radius: 3px;
  padding: 4px;
}

You can play around with background to find the best color for you. The example provides two types of grey. border-radius lets you control the rounding of the edges of the drawn box while padding specifies the size of the box.