@dabapps/roe/src/less/code-block.less

A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.

.code-block {
  background-color: @code-block-background;
}

.code-block-name {
  background-color: @code-block-name-background;
  border: @code-block-border;
  border-bottom: @border-none;
  border-radius: @border-radius-base;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: @margin-large;
  font-size: @font-size-small;
  padding: @padding-small;
  font-weight: @font-weight-bold;

  & + .code-block {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-color: @grey-light;
  }
}

.code-block-language {
  float: right;
  font-weight: @font-weight-normal;
  color: @grey-light;
  margin-left: @margin-base;
}