site.less

//
// Theme Styles
// --------------------------------------------------


// Theme variables
@import "variables.less";


// Bootstrap components
// --------------------------------

@import "bootstrap.less";
@import (less) "docs.css";
@import (inline) "highlight-js.css";


// Docs Components
// --------------------------------

@import "typography.less";
@import "ad.less";
/*@import "anchors.less";*/
@import "banner.less";
@import "button.less";
@import "callout.less";
@import "header.less";
@import "sidebar.less";
@import "main-nav.less";
@import "team.less";

@gq: @padding-small-horizontal; // for example, plus some meaningful name

body {
  //padding-top: 0;
  padding-top: @body-padding;
}

.docs-section + .docs-section {
  padding-top: (4 * @gq);
}

// Prevent navbar from overlapping
h1[id] {
  padding-top: (8   * @gq);
  margin-top: (-4.5 * @gq);
}
h2[id], h3[id] {
  padding-top: (8 * @gq);
  margin-top: (-6 * @gq);
}


/**
 * Neutralize background color to allow our
 * syntax highlighter theme to do the work.
 */
pre code {
  background: transparent;
}
pre {
  background-color: #f8f8f8;
  margin: (2 * @gq) 0 (2 * @gq) (.5 * @gq);
  border: 1px solid #eee;
  border-radius: 0;
  .box-shadow(-5px 0 0 #e2e2e2);
}

/**
 * Add some padding an margins to tables
 */
 
table {
  margin-bottom: (2 * @gq);
}

td {
  @q: @grid-quantum;
  padding: 0 (2 * @gq) (.5 * @gq) 0;
}