docs.less 24.49 KiB
/*!
 * Bootstrap Docs (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details, see http://creativecommons.org/licenses/by/3.0/.
 */
// Import Bootstrap variables and mixins
@import "../../../less/variables.less";
@import "../../../less/mixins.less";
// Import the syntax highlighting
@import "syntax.less";
// Local docs variables
@bs-purple:       #563d7c;
@bs-purple-light: #cdbfe3;
// Scaffolding
// Update the basics of our documents to prep for docs content.
body {
  position: relative; // For scrollspy?
// Buttons
.btn-outline {
  color: #563d7c;
  background-color: transparent;
  border-color: #563d7c;
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: #fff;
  background-color: #563d7c;
  border-color: #563d7c;
.btn-outline-inverse {
  color: #fff;
  background-color: transparent;
  border-color: #cdbfe3;
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
  color: #563d7c;
  text-shadow: none;
  background-color: #fff;
  border-color: #fff;
// Bootstrap "B" icon
.bs-docs-booticon {
  display: block;
  width: 144px;
  height: 144px;
  font-size: 108px;
  font-weight: 500;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
line-height: 140px; color: #fff; text-align: center; cursor: default; background-color: #563d7c; border-radius: 15%; &.inverse { color: #563d7c; background-color: #fff; } &.outline { background-color: transparent; border: 1px solid #cdbfe3; } } // // Main navigation // .bs-docs-nav { margin-bottom: 0; background-color: #563d7c; border-bottom: 0; } .bs-home-nav .bs-nav-b { display: none; } .bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav > li > a { font-weight: 500; color: #cdbfe3; } .bs-docs-nav .navbar-brand { color: #fff; } .bs-docs-nav .navbar-nav > li > a:hover, .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: #fff; background-color: #563d7c; } .bs-docs-nav .navbar-toggle .icon-bar { background-color: #fff; } .bs-docs-nav .navbar-header .navbar-toggle { border-color: #322f38; } .bs-docs-nav .navbar-header .navbar-toggle:hover, .bs-docs-nav .navbar-header .navbar-toggle:focus { background-color: #29262f; border-color: #29262f; } // // Footer // .bs-docs-footer { margin-top: 100px; color: #777; text-align: center; border-top: 1px solid #e5e5e5; } .bs-docs-footer-links { padding-left: 0; margin-top: 20px;
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
color: #999; } .bs-docs-footer-links li { display: inline; padding: 0 2px; } .bs-docs-footer-links li:first-child { padding-left: 0; } @media (min-width: 768px) { .bs-docs-footer p { margin-bottom: 0; } .bs-docs .bs-docs-footer { text-align: left; } } // // Social buttons // .bs-docs-social { margin-bottom: 20px; text-align: center; } .bs-docs-social-buttons { display: inline-block; padding-left: 0; margin-bottom: 0; list-style: none; } .bs-docs-social-buttons li { display: inline-block; padding: 5px 8px; line-height: 1; } .bs-docs-social-buttons .twitter-follow-button { width: 225px !important; } .bs-docs-social-buttons .twitter-share-button { width: 98px !important; } // Style the GitHub buttons via CSS instead of inline attributes .github-btn { overflow: hidden; border: 0; } @media (min-width: 768px) { .bs-docs .bs-docs-social { margin-left: -8px; text-align: left; } } // // Homepage // // Masthead (headings and download button) .bs-docs-masthead { position: relative; padding: 30px 15px; color: #cdbfe3; text-align: center;
211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
text-shadow: 0 1px 0 rgba(0,0,0,.1); background-color: #6f5499; #gradient > .vertical(@bs-purple, #6f5499); } .bs-docs-masthead .bs-docs-booticon { margin: 0 auto 30px; } .bs-docs-masthead h1 { font-weight: 300; line-height: 1; color: #fff; } .bs-docs-masthead .lead { margin: 0 auto 30px; font-size: 20px; color: #fff; } .bs-docs-masthead .version { margin-top: -15px; margin-bottom: 30px; color: #9783b9; } .bs-docs-masthead .btn { width: 100%; padding: 15px 30px; font-size: 20px; } @media (min-width: 480px) { .bs-docs-masthead .btn { width: auto; } } @media (min-width: 768px) { .bs-docs-masthead { padding: 80px 0; } .bs-docs-masthead h1 { font-size: 60px; } .bs-docs-masthead .lead { font-size: 24px; } } @media (min-width: 992px) { .bs-docs-masthead .lead { width: 80%; font-size: 30px; } } // // Page headers // .bs-docs-header { padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 2rem; font-size: 1.25rem; background-color: #563d7c; } .bs-docs-header h1 { margin-top: 0; color: #fff; }