barecss-power/less/_code.less

A classless CSS framework (power) http://barecss.com

@import (reference) "config";


// config
@code-back: darken(@def-back, 10%);
@code-border: @grey-light;
@code-text: @grey-ultradark;
@code-radius: @radius-s;
@code-pad: 1.2 * @pad-s;


code:not([class]) {
  display: inline-block;
  border: 1px solid @code-border;
  border-radius: @code-radius;
  padding: 0 0.4em;
  background: @code-back;
  // font-family: monospace; // do some magic
  // font-size: 1.2em !important; // (not needed)
  // font-weight: normal;
  // line-height: 1.8;
  // color: @text;
  // text-transform: none;
}

pre:not([class]) {
  code {
    display: block;
    width: 100%;
    border: none;
    // border-left: 4px solid @pri-back; // (uncomment)
    border-radius: 0;
    padding: @code-pad;
  }
}