From 4f4592c22501a220d2d6c2e5daab80395f93dce7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:09:46 -0700 Subject: Reorganize v3 docs CSS to use Less --- docs/_includes/ads.html | 4 +- docs/_includes/header.html | 4 +- docs/assets/css/docs.css | 1649 ++++++++++++++++++++ docs/assets/css/docs.css.map | 1 + docs/assets/css/ie10-viewport-bug-workaround.css | 13 - docs/assets/css/src/docs.css | 1632 ------------------- docs/assets/css/src/pygments-manni.css | 66 - docs/assets/less/ads.less | 152 ++ docs/assets/less/anchor.less | 25 + docs/assets/less/booticon.less | 30 + docs/assets/less/brand.less | 64 + docs/assets/less/buttons.less | 28 + docs/assets/less/callouts.less | 50 + docs/assets/less/customizer.less | 108 ++ docs/assets/less/demos.less | 20 + docs/assets/less/docs.less | 129 ++ docs/assets/less/examples.less | 324 ++++ docs/assets/less/featured-sites.less | 21 + docs/assets/less/featurettes.less | 66 + docs/assets/less/footer.less | 30 + docs/assets/less/glyphicons.less | 44 + docs/assets/less/ie10-viewport-bug-workaround.less | 13 + docs/assets/less/masthead.less | 72 + docs/assets/less/nav.less | 30 + docs/assets/less/page-header.less | 36 + docs/assets/less/responsive-tests.less | 72 + docs/assets/less/sidebar.less | 122 ++ docs/assets/less/skip-link.less | 23 + docs/assets/less/swatches.less | 64 + docs/assets/less/syntax.less | 96 ++ docs/assets/less/team.less | 21 + docs/assets/less/zero-clipboard.less | 33 + 32 files changed, 3327 insertions(+), 1715 deletions(-) create mode 100644 docs/assets/css/docs.css create mode 100644 docs/assets/css/docs.css.map delete mode 100644 docs/assets/css/ie10-viewport-bug-workaround.css delete mode 100644 docs/assets/css/src/docs.css delete mode 100644 docs/assets/css/src/pygments-manni.css create mode 100644 docs/assets/less/ads.less create mode 100644 docs/assets/less/anchor.less create mode 100644 docs/assets/less/booticon.less create mode 100644 docs/assets/less/brand.less create mode 100644 docs/assets/less/buttons.less create mode 100644 docs/assets/less/callouts.less create mode 100644 docs/assets/less/customizer.less create mode 100644 docs/assets/less/demos.less create mode 100644 docs/assets/less/docs.less create mode 100644 docs/assets/less/examples.less create mode 100644 docs/assets/less/featured-sites.less create mode 100644 docs/assets/less/featurettes.less create mode 100644 docs/assets/less/footer.less create mode 100644 docs/assets/less/glyphicons.less create mode 100644 docs/assets/less/ie10-viewport-bug-workaround.less create mode 100644 docs/assets/less/masthead.less create mode 100644 docs/assets/less/nav.less create mode 100644 docs/assets/less/page-header.less create mode 100644 docs/assets/less/responsive-tests.less create mode 100644 docs/assets/less/sidebar.less create mode 100644 docs/assets/less/skip-link.less create mode 100644 docs/assets/less/swatches.less create mode 100644 docs/assets/less/syntax.less create mode 100644 docs/assets/less/team.less create mode 100644 docs/assets/less/zero-clipboard.less (limited to 'docs') diff --git a/docs/_includes/ads.html b/docs/_includes/ads.html index ba4775f5e..9d8600f94 100644 --- a/docs/_includes/ads.html +++ b/docs/_includes/ads.html @@ -1 +1,3 @@ -
+ + + diff --git a/docs/_includes/header.html b/docs/_includes/header.html index 08da6e447..8c7210abe 100644 --- a/docs/_includes/header.html +++ b/docs/_includes/header.html @@ -31,9 +31,7 @@ {% if site.github %} {% else %} - - - + {% endif %} diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css new file mode 100644 index 000000000..b5b5958e6 --- /dev/null +++ b/docs/assets/css/docs.css @@ -0,0 +1,1649 @@ +/*! + * Bootstrap Docs (http://getbootstrap.com) + * Copyright 2011-2017 Twitter, Inc. + * Licensed under the Creative Commons Attribution 3.0 Unported License. For + * details, see https://creativecommons.org/licenses/by/3.0/. + */ +/* + * Bootstrap Documentation + * Special styles for presenting Bootstrap's documentation and code examples. + */ +.hll { + background-color: #ffffcc; +} +/*{ background: #f0f3f3; }*/ +.c { + color: #999; +} +/* Comment */ +.err { + color: #AA0000; + background-color: #FFAAAA; +} +/* Error */ +.k { + color: #006699; +} +/* Keyword */ +.o { + color: #555555; +} +/* Operator */ +.cm { + color: #999; +} +/* Comment.Multiline */ +/* Edited to remove italics and make into comment */ +.cp { + color: #009999; +} +/* Comment.Preproc */ +.c1 { + color: #999; +} +/* Comment.Single */ +.cs { + color: #999; +} +/* Comment.Special */ +.gd { + background-color: #FFCCCC; + border: 1px solid #CC0000; +} +/* Generic.Deleted */ +.ge { + font-style: italic; +} +/* Generic.Emph */ +.gr { + color: #FF0000; +} +/* Generic.Error */ +.gh { + color: #003300; +} +/* Generic.Heading */ +.gi { + background-color: #CCFFCC; + border: 1px solid #00CC00; +} +/* Generic.Inserted */ +.go { + color: #AAAAAA; +} +/* Generic.Output */ +.gp { + color: #000099; +} +/* Generic.Prompt */ +/* Generic.Strong */ +.gu { + color: #003300; +} +/* Generic.Subheading */ +.gt { + color: #99CC66; +} +/* Generic.Traceback */ +.kc { + color: #006699; +} +/* Keyword.Constant */ +.kd { + color: #006699; +} +/* Keyword.Declaration */ +.kn { + color: #006699; +} +/* Keyword.Namespace */ +.kp { + color: #006699; +} +/* Keyword.Pseudo */ +.kr { + color: #006699; +} +/* Keyword.Reserved */ +.kt { + color: #007788; +} +/* Keyword.Type */ +.m { + color: #FF6600; +} +/* Literal.Number */ +.s { + color: #d44950; +} +/* Literal.String */ +.na { + color: #4f9fcf; +} +/* Name.Attribute */ +.nb { + color: #336666; +} +/* Name.Builtin */ +.nc { + color: #00AA88; +} +/* Name.Class */ +.no { + color: #336600; +} +/* Name.Constant */ +.nd { + color: #9999FF; +} +/* Name.Decorator */ +.ni { + color: #999999; +} +/* Name.Entity */ +.ne { + color: #CC0000; +} +/* Name.Exception */ +.nf { + color: #CC00FF; +} +/* Name.Function */ +.nl { + color: #9999FF; +} +/* Name.Label */ +.nn { + color: #00CCFF; +} +/* Name.Namespace */ +.nt { + color: #2f6f9f; +} +/* Name.Tag */ +.nv { + color: #003333; +} +/* Name.Variable */ +.ow { + color: #000000; +} +/* Operator.Word */ +.w { + color: #bbbbbb; +} +/* Text.Whitespace */ +.mf { + color: #FF6600; +} +/* Literal.Number.Float */ +.mh { + color: #FF6600; +} +/* Literal.Number.Hex */ +.mi { + color: #FF6600; +} +/* Literal.Number.Integer */ +.mo { + color: #FF6600; +} +/* Literal.Number.Oct */ +.sb { + color: #CC3300; +} +/* Literal.String.Backtick */ +.sc { + color: #CC3300; +} +/* Literal.String.Char */ +.sd { + color: #CC3300; + font-style: italic; +} +/* Literal.String.Doc */ +.s2 { + color: #CC3300; +} +/* Literal.String.Double */ +.se { + color: #CC3300; +} +/* Literal.String.Escape */ +.sh { + color: #CC3300; +} +/* Literal.String.Heredoc */ +.si { + color: #AA0000; +} +/* Literal.String.Interpol */ +.sx { + color: #CC3300; +} +/* Literal.String.Other */ +.sr { + color: #33AAAA; +} +/* Literal.String.Regex */ +.s1 { + color: #CC3300; +} +/* Literal.String.Single */ +.ss { + color: #FFCC33; +} +/* Literal.String.Symbol */ +.bp { + color: #336666; +} +/* Name.Builtin.Pseudo */ +.vc { + color: #003333; +} +/* Name.Variable.Class */ +.vg { + color: #003333; +} +/* Name.Variable.Global */ +.vi { + color: #003333; +} +/* Name.Variable.Instance */ +.il { + color: #FF6600; +} +/* Literal.Number.Integer.Long */ +.css .o, +.css .o + .nt, +.css .nt + .nt { + color: #999; +} +.highlight { + padding: 9px 14px; + margin-bottom: 14px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; + border-radius: 4px; +} +.highlight pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + word-break: normal; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.highlight pre code { + font-size: inherit; + color: #333; + /* Effectively the base text color */ +} +.highlight pre code:first-child { + display: inline-block; + padding-right: 45px; +} +/*! + * IE10 viewport hack for Surface/desktop Windows 8 bug + * Copyright 2014-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/* + * See the Getting Started docs for more information: + * http://getbootstrap.com/getting-started/#support-ie10-width + */ +@-ms-viewport { + width: device-width; +} +@-o-viewport { + width: device-width; +} +@viewport { + width: device-width; +} +/* Outline button for use within the docs */ +.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; +} +/* Inverted outline button (white on dark) */ +.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; + font-weight: 500; + color: #fff; + text-align: center; + cursor: default; + background-color: #563d7c; + border-radius: 15%; +} +.bs-docs-booticon-sm { + width: 30px; + height: 30px; + font-size: 20px; + line-height: 28px; +} +.bs-docs-booticon-lg { + width: 144px; + height: 144px; + font-size: 108px; + line-height: 140px; +} +.bs-docs-booticon-inverse { + color: #563d7c; + background-color: #fff; +} +.bs-docs-booticon-outline { + background-color: transparent; + border: 1px solid #cdbfe3; +} +/* + * Fancy skip link + * + * Make it look a bit less "bare bones" + * Also includes focus suppression for the Chrome tabindex="-1" workaround + */ +#skippy { + display: block; + padding: 1em; + color: #fff; + background-color: #6f5499; + outline: 0; +} +#skippy .skiplink-text { + padding: .5em; + outline: 1px dotted; +} +#content:focus { + outline: none; +} +.bs-docs-nav { + margin-bottom: 0; + background-color: #fff; + 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: #563d7c; +} +.bs-docs-nav .navbar-nav > li > a:hover, +.bs-docs-nav .navbar-nav > .active > a, +.bs-docs-nav .navbar-nav > .active > a:hover { + color: #463265; + background-color: #f9f9f9; +} +.bs-docs-nav .navbar-toggle .icon-bar { + background-color: #563d7c; +} +.bs-docs-nav .navbar-header .navbar-toggle { + border-color: #fff; +} +.bs-docs-nav .navbar-header .navbar-toggle:hover, +.bs-docs-nav .navbar-header .navbar-toggle:focus { + background-color: #f9f9f9; + border-color: #f9f9f9; +} +.bs-docs-footer { + padding-top: 50px; + padding-bottom: 50px; + margin-top: 100px; + color: #99979c; + text-align: center; + background-color: #2a2730; +} +.bs-docs-footer a { + color: #fff; +} +.bs-docs-footer-links { + padding-left: 0; + margin-bottom: 20px; +} +.bs-docs-footer-links li { + display: inline-block; +} +.bs-docs-footer-links li + li { + margin-left: 15px; +} +@media (min-width: 768px) { + .bs-docs-footer { + text-align: left; + } + .bs-docs-footer p { + margin-bottom: 0; + } +} +/* + * Homepage + * + * Tweaks to the custom homepage and the masthead (main jumbotron). + */ +/* Share masthead with page headers */ +.bs-docs-masthead, +.bs-docs-header { + position: relative; + padding: 30px 0; + color: #cdbfe3; + text-align: center; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + background-color: #6f5499; + background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); + background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); + background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); + background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); + background-repeat: repeat-x; +} +/* Masthead (headings and download button) */ +.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; + } +} +.bs-docs-header { + margin-bottom: 40px; + font-size: 20px; +} +.bs-docs-header h1 { + margin-top: 0; + color: #fff; +} +.bs-docs-header p { + margin-bottom: 0; + font-weight: 300; + line-height: 1.4; +} +.bs-docs-header .container { + position: relative; +} +@media (min-width: 768px) { + .bs-docs-header { + padding-top: 60px; + padding-bottom: 60px; + font-size: 24px; + text-align: left; + } + .bs-docs-header h1 { + font-size: 60px; + line-height: 1; + } +} +@media (min-width: 992px) { + .bs-docs-header h1, + .bs-docs-header p { + margin-right: 380px; + } +} +#carbonads { + display: block; + padding: 15px 15px 15px 160px; + margin: 50px -15px 0; + overflow: hidden; + font-size: 13px; + line-height: 1.5; + text-align: left; + border: solid #866ab3; + border-width: 1px 0 0; +} +#carbonads a { + color: #fff; + text-decoration: none; +} +@media (min-width: 768px) { + #carbonads { + max-width: 330px; + margin: 50px auto 0; + border-width: 1px; + border-radius: 4px; + } +} +@media (min-width: 1200px) { + #carbonads { + position: absolute; + top: 0; + right: 15px; + margin-top: 0; + } + .bd-masthead #carbonads { + position: static; + } +} +.carbon-img { + float: left; + margin-left: -145px; +} +.carbon-poweredby { + display: block; + color: #cdbfe3 !important; +} +.bd-content #carbonads { + position: static; + max-width: 400px; + margin: 2rem 0; + line-height: 1.4; + background-color: #f5f5f5; + border: 0; +} +.bd-content #carbonads a { + color: #333; +} +.bd-content #carbonads .carbon-poweredby { + color: #777 !important; +} +/* + * Carbon ads + * + * Single display ad that shows on all pages (except homepage) in page headers. + * The hella `!important` is required for any pre-set property. + */ +.bs-docs-featurette { + padding-top: 40px; + padding-bottom: 40px; + font-size: 16px; + line-height: 1.5; + color: #555; + text-align: center; + background-color: #fff; + border-bottom: 1px solid #e5e5e5; +} +.bs-docs-featurette + .bs-docs-footer { + margin-top: 0; + border-top: 0; +} +.bs-docs-featurette-title { + margin-bottom: 5px; + font-size: 30px; + font-weight: normal; + color: #333; +} +.half-rule { + width: 100px; + margin: 40px auto; +} +.bs-docs-featurette h3 { + margin-bottom: 5px; + font-weight: normal; + color: #333; +} +.bs-docs-featurette-img { + display: block; + margin-bottom: 20px; + color: #333; +} +.bs-docs-featurette-img:hover { + color: #337ab7; + text-decoration: none; +} +.bs-docs-featurette-img img { + display: block; + margin-bottom: 15px; +} +@media (min-width: 480px) { + .bs-docs-featurette .img-responsive { + margin-top: 30px; + } +} +@media (min-width: 768px) { + .bs-docs-featurette { + padding-top: 100px; + padding-bottom: 100px; + } + .bs-docs-featurette-title { + font-size: 40px; + } + .bs-docs-featurette .lead { + max-width: 80%; + margin-right: auto; + margin-left: auto; + } + .bs-docs-featurette .img-responsive { + margin-top: 0; + } +} +.bs-docs-featured-sites { + margin-right: -1px; + margin-left: -1px; +} +.bs-docs-featured-sites .col-xs-6 { + padding: 1px; +} +.bs-docs-featured-sites .img-responsive { + margin-top: 0; +} +@media (min-width: 768px) { + .bs-docs-featured-sites .col-sm-3:first-child img { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .bs-docs-featured-sites .col-sm-3:last-child img { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +.bs-examples .thumbnail { + margin-bottom: 10px; +} +.bs-examples h4 { + margin-bottom: 5px; +} +.bs-examples p { + margin-bottom: 20px; +} +@media (max-width: 480px) { + .bs-examples { + margin-right: -10px; + margin-left: -10px; + } + .bs-examples > [class^="col-"] { + padding-right: 10px; + padding-left: 10px; + } +} +/* By default it's not affixed in mobile views, so undo that */ +.bs-docs-sidebar.affix { + position: static; +} +@media (min-width: 768px) { + .bs-docs-sidebar { + padding-left: 20px; + } +} +/* First level of nav */ +.bs-docs-sidenav { + margin-top: 20px; + margin-bottom: 20px; +} +/* All levels of nav */ +.bs-docs-sidebar .nav > li > a { + display: block; + padding: 4px 20px; + font-size: 13px; + font-weight: 500; + color: #767676; +} +.bs-docs-sidebar .nav > li > a:hover, +.bs-docs-sidebar .nav > li > a:focus { + padding-left: 19px; + color: #563d7c; + text-decoration: none; + background-color: transparent; + border-left: 1px solid #563d7c; +} +.bs-docs-sidebar .nav > .active > a, +.bs-docs-sidebar .nav > .active:hover > a, +.bs-docs-sidebar .nav > .active:focus > a { + padding-left: 18px; + font-weight: bold; + color: #563d7c; + background-color: transparent; + border-left: 2px solid #563d7c; +} +/* Nav: second level (shown on .active) */ +.bs-docs-sidebar .nav .nav { + display: none; + /* Hide by default, but at >768px, show it */ + padding-bottom: 10px; +} +.bs-docs-sidebar .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 12px; + font-weight: normal; +} +.bs-docs-sidebar .nav .nav > li > a:hover, +.bs-docs-sidebar .nav .nav > li > a:focus { + padding-left: 29px; +} +.bs-docs-sidebar .nav .nav > .active > a, +.bs-docs-sidebar .nav .nav > .active:hover > a, +.bs-docs-sidebar .nav .nav > .active:focus > a { + padding-left: 28px; + font-weight: 500; +} +/* Back to top (hidden on mobile) */ +.back-to-top, +.bs-docs-theme-toggle { + display: none; + padding: 4px 10px; + margin-top: 10px; + margin-left: 10px; + font-size: 12px; + font-weight: 500; + color: #999; +} +.back-to-top:hover, +.bs-docs-theme-toggle:hover { + color: #563d7c; + text-decoration: none; +} +.bs-docs-theme-toggle { + margin-top: 0; +} +@media (min-width: 768px) { + .back-to-top, + .bs-docs-theme-toggle { + display: block; + } +} +/* Show and affix the side nav when space allows it */ +@media (min-width: 992px) { + .bs-docs-sidebar .nav > .active > ul { + display: block; + } + /* Widen the fixed sidebar */ + .bs-docs-sidebar.affix, + .bs-docs-sidebar.affix-bottom { + width: 213px; + } + .bs-docs-sidebar.affix { + position: fixed; + /* Undo the static from mobile first approach */ + top: 20px; + } + .bs-docs-sidebar.affix-bottom { + position: absolute; + /* Undo the static from mobile first approach */ + } + .bs-docs-sidebar.affix-bottom .bs-docs-sidenav, + .bs-docs-sidebar.affix .bs-docs-sidenav { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1200px) { + /* Widen the fixed sidebar again */ + .bs-docs-sidebar.affix-bottom, + .bs-docs-sidebar.affix { + width: 263px; + } +} +/* + * Grid examples + * + * Highlight the grid columns within the docs so folks can see their padding, + * alignment, sizing, etc. + */ +.show-grid { + margin-bottom: 15px; +} +.show-grid [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + background-color: rgba(86, 61, 124, 0.15); + border: 1px solid #ddd; + border: 1px solid rgba(86, 61, 124, 0.2); +} +/* + * Examples + * + * Isolated sections of example content for each component or feature. Usually + * followed by a code snippet. + */ +.bs-example { + position: relative; + padding: 45px 15px 15px; + margin: 0 -15px 15px; + border-color: #e5e5e5 #eee #eee; + border-style: solid; + border-width: 1px 0; + -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05); +} +/* Echo out a label for the example */ +.bs-example:after { + position: absolute; + top: 15px; + left: 15px; + font-size: 12px; + font-weight: bold; + color: #959595; + text-transform: uppercase; + letter-spacing: 1px; + content: "Example"; +} +.bs-example-padded-bottom { + padding-bottom: 24px; +} +/* Tweak display of the code snippets when following an example */ +.bs-example + .highlight, +.bs-example + .zero-clipboard + .highlight { + margin: -15px -15px 15px; + border-width: 0 0 1px; + border-radius: 0; +} +/* Make the examples and snippets not full-width */ +@media (min-width: 768px) { + .bs-example { + margin-right: 0; + margin-left: 0; + background-color: #fff; + border-color: #ddd; + border-width: 1px; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .bs-example + .highlight, + .bs-example + .zero-clipboard + .highlight { + margin-top: -16px; + margin-right: 0; + margin-left: 0; + border-width: 1px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .bs-example-standalone { + border-radius: 4px; + } +} +/* Undo width of container */ +.bs-example .container { + width: auto; +} +/* Tweak content of examples for optimum awesome */ +.bs-example > p:last-child, +.bs-example > ul:last-child, +.bs-example > ol:last-child, +.bs-example > blockquote:last-child, +.bs-example > .form-control:last-child, +.bs-example > .table:last-child, +.bs-example > .navbar:last-child, +.bs-example > .jumbotron:last-child, +.bs-example > .alert:last-child, +.bs-example > .panel:last-child, +.bs-example > .list-group:last-child, +.bs-example > .well:last-child, +.bs-example > .progress:last-child, +.bs-example > .table-responsive:last-child > .table { + margin-bottom: 0; +} +.bs-example > p > .close { + float: none; +} +/* Typography */ +.bs-example-type .table .type-info { + color: #767676; + vertical-align: middle; +} +.bs-example-type .table td { + padding: 15px 0; + border-color: #eee; +} +.bs-example-type .table tr:first-child td { + border-top: 0; +} +.bs-example-type h1, +.bs-example-type h2, +.bs-example-type h3, +.bs-example-type h4, +.bs-example-type h5, +.bs-example-type h6 { + margin: 0; +} +/* Contextual background colors */ +.bs-example-bg-classes p { + padding: 15px; +} +/* Images */ +.bs-example > .img-circle, +.bs-example > .img-rounded, +.bs-example > .img-thumbnail { + margin: 5px; +} +/* Tables */ +.bs-example > .table-responsive > .table { + background-color: #fff; +} +/* Buttons */ +.bs-example > .btn, +.bs-example > .btn-group { + margin-top: 5px; + margin-bottom: 5px; +} +.bs-example > .btn-toolbar + .btn-toolbar { + margin-top: 10px; +} +/* Forms */ +.bs-example-control-sizing select, +.bs-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: 10px; +} +.bs-example-form .input-group { + margin-bottom: 10px; +} +.bs-example > textarea.form-control { + resize: vertical; +} +/* List groups */ +.bs-example > .list-group { + max-width: 400px; +} +/* Navbars */ +.bs-example .navbar:last-child { + margin-bottom: 0; +} +.bs-navbar-top-example, +.bs-navbar-bottom-example { + z-index: 1; + padding: 0; + overflow: hidden; + /* cut the drop shadows off */ +} +.bs-navbar-top-example .navbar-header, +.bs-navbar-bottom-example .navbar-header { + margin-left: 0; +} +.bs-navbar-top-example .navbar-fixed-top, +.bs-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-right: 0; + margin-left: 0; +} +.bs-navbar-top-example { + padding-bottom: 45px; +} +.bs-navbar-top-example:after { + top: auto; + bottom: 15px; +} +.bs-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bs-navbar-bottom-example { + padding-top: 45px; +} +.bs-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} +.bs-navbar-bottom-example .navbar { + margin-bottom: 0; +} +@media (min-width: 768px) { + .bs-navbar-top-example .navbar-fixed-top, + .bs-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; + } +} +/* Pagination */ +.bs-example .pagination { + margin-top: 10px; + margin-bottom: 10px; +} +/* Pager */ +.bs-example > .pager { + margin-top: 0; +} +/* Example modals */ +.bs-example-modal { + background-color: #f5f5f5; +} +.bs-example-modal .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 1; + display: block; +} +.bs-example-modal .modal-dialog { + left: auto; + margin-right: auto; + margin-left: auto; +} +/* Example dropdowns */ +.bs-example > .dropdown > .dropdown-toggle { + float: left; +} +.bs-example > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: 5px; + clear: left; +} +/* Example tabbable tabs */ +.bs-example-tabs .nav-tabs { + margin-bottom: 15px; +} +/* Tooltips */ +.bs-example-tooltips { + text-align: center; +} +.bs-example-tooltips > .btn { + margin-top: 5px; + margin-bottom: 5px; +} +.bs-example-tooltip .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; +} +/* Popovers */ +.bs-example-popover { + padding-bottom: 24px; + background-color: #f9f9f9; +} +.bs-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 20px; +} +/* Scrollspy demo on fixed height div */ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} +.bs-example > .nav-pills-stacked-example { + max-width: 300px; +} +/* Simple collapse example */ +#collapseExample .well { + margin-bottom: 0; +} +/* Pseudo :focus state for showing how it looks in the docs */ +#focusedInput { + border-color: #cccccc; + /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/ + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); +} +/* + * Callouts + * + * Not quite alerts, but custom and helpful notes for folks reading the docs. + * Requires a base and modifier class. + */ +/* Common styles for all types */ +.bs-callout { + padding: 20px; + margin: 20px 0; + border: 1px solid #eee; + border-left-width: 5px; + border-radius: 3px; +} +.bs-callout h4 { + margin-top: 0; + margin-bottom: 5px; +} +.bs-callout p:last-child { + margin-bottom: 0; +} +.bs-callout code { + border-radius: 3px; +} +/* Tighten up space between multiple callouts */ +.bs-callout + .bs-callout { + margin-top: -5px; +} +/* Variations */ +.bs-callout-danger { + border-left-color: #ce4844; +} +.bs-callout-danger h4 { + color: #ce4844; +} +.bs-callout-warning { + border-left-color: #aa6708; +} +.bs-callout-warning h4 { + color: #aa6708; +} +.bs-callout-info { + border-left-color: #1b809e; +} +.bs-callout-info h4 { + color: #1b809e; +} +.color-swatches { + margin: 0 -5px; + overflow: hidden; + /* clearfix */ +} +.color-swatch { + float: left; + width: 60px; + height: 60px; + margin: 0 5px; + border-radius: 3px; +} +@media (min-width: 768px) { + .color-swatch { + width: 100px; + height: 100px; + } +} +/* Framework colors */ +.color-swatches .gray-darker { + background-color: #222; +} +.color-swatches .gray-dark { + background-color: #333; +} +.color-swatches .gray { + background-color: #555; +} +.color-swatches .gray-light { + background-color: #999; +} +.color-swatches .gray-lighter { + background-color: #eee; +} +.color-swatches .brand-primary { + background-color: #337ab7; +} +.color-swatches .brand-success { + background-color: #5cb85c; +} +.color-swatches .brand-warning { + background-color: #f0ad4e; +} +.color-swatches .brand-danger { + background-color: #d9534f; +} +.color-swatches .brand-info { + background-color: #5bc0de; +} +/* Docs colors */ +.color-swatches .bs-purple { + background-color: #563d7c; +} +.color-swatches .bs-purple-light { + background-color: #c7bfd3; +} +.color-swatches .bs-purple-lighter { + background-color: #e5e1ea; +} +.color-swatches .bs-gray { + background-color: #f9f9f9; +} +.bs-team .team-member { + line-height: 32px; + color: #555; +} +.bs-team .team-member:hover { + color: #333; + text-decoration: none; +} +.bs-team .github-btn { + float: right; + width: 180px; + height: 20px; + margin-top: 6px; + border: none; +} +.bs-team img { + float: left; + width: 32px; + margin-right: 10px; + border-radius: 4px; +} +/* + * Responsive tests + * + * Generate a set of tests to show the responsive utilities in action. + */ +/* Responsive (scrollable) doc tables */ +.table-responsive .highlight pre { + white-space: normal; +} +/* Utility classes table */ +.bs-table th small, +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; +} +.responsive-utilities tbody th { + font-weight: normal; +} +.responsive-utilities td { + text-align: center; +} +.responsive-utilities td.is-visible { + color: #468847; + background-color: #dff0d8 !important; +} +.responsive-utilities td.is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; +} +/* Responsive tests */ +.responsive-utilities-test { + margin-top: 5px; +} +.responsive-utilities-test .col-xs-6 { + margin-bottom: 10px; +} +.responsive-utilities-test span { + display: block; + padding: 15px 10px; + font-size: 14px; + font-weight: bold; + line-height: 1.1; + text-align: center; + border-radius: 4px; +} +.visible-on .col-xs-6 .hidden-xs, +.visible-on .col-xs-6 .hidden-sm, +.visible-on .col-xs-6 .hidden-md, +.visible-on .col-xs-6 .hidden-lg, +.hidden-on .col-xs-6 .hidden-xs, +.hidden-on .col-xs-6 .hidden-sm, +.hidden-on .col-xs-6 .hidden-md, +.hidden-on .col-xs-6 .hidden-lg { + color: #999; + border: 1px solid #ddd; +} +.visible-on .col-xs-6 .visible-xs-block, +.visible-on .col-xs-6 .visible-sm-block, +.visible-on .col-xs-6 .visible-md-block, +.visible-on .col-xs-6 .visible-lg-block, +.hidden-on .col-xs-6 .visible-xs-block, +.hidden-on .col-xs-6 .visible-sm-block, +.hidden-on .col-xs-6 .visible-md-block, +.hidden-on .col-xs-6 .visible-lg-block { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; +} +.bs-glyphicons { + margin: 0 -10px 20px; + overflow: hidden; +} +.bs-glyphicons-list { + padding-left: 0; + list-style: none; +} +.bs-glyphicons li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + font-size: 10px; + line-height: 1.4; + text-align: center; + background-color: #f9f9f9; + border: 1px solid #fff; +} +.bs-glyphicons .glyphicon { + margin-top: 5px; + margin-bottom: 10px; + font-size: 24px; +} +.bs-glyphicons .glyphicon-class { + display: block; + text-align: center; + word-wrap: break-word; + /* Help out IE10+ with class names */ +} +.bs-glyphicons li:hover { + color: #fff; + background-color: #563d7c; +} +@media (min-width: 768px) { + .bs-glyphicons { + margin-right: 0; + margin-left: 0; + } + .bs-glyphicons li { + width: 12.5%; + font-size: 12px; + } +} +.bs-customizer .toggle { + float: right; + margin-top: 25px; +} +/* Headings and form contrls */ +.bs-customizer label { + margin-top: 10px; + font-weight: 500; + color: #555; +} +.bs-customizer h2 { + padding-top: 30px; + margin-top: 0; + margin-bottom: 5px; +} +.bs-customizer h3 { + margin-bottom: 0; +} +.bs-customizer h4 { + margin-top: 15px; + margin-bottom: 0; +} +.bs-customizer .bs-callout h4 { + margin-top: 0; + /* lame, but due to specificity we have to duplicate */ + margin-bottom: 5px; +} +.bs-customizer input[type="text"] { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + background-color: #fafafa; +} +.bs-customizer .help-block { + margin-bottom: 5px; + font-size: 12px; +} +/* For the variables, use regular weight */ +#less-section label { + font-weight: normal; +} +/* Downloads */ +.bs-customize-download .btn-outline { + padding: 20px; +} +/* Error handling */ +.bs-customizer-alert { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; + padding: 15px 0; + color: #fff; + background-color: #d9534f; + border-bottom: 1px solid #b94441; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); +} +.bs-customizer-alert .close { + margin-top: -4px; + font-size: 24px; +} +.bs-customizer-alert p { + margin-bottom: 0; +} +.bs-customizer-alert .glyphicon { + margin-right: 5px; +} +.bs-customizer-alert pre { + margin: 10px 0 0; + color: #fff; + background-color: #a83c3a; + border-color: #973634; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); +} +.bs-dropzone { + position: relative; + padding: 20px; + margin-bottom: 20px; + color: #777; + text-align: center; + border: 2px dashed #eee; + border-radius: 4px; +} +.bs-dropzone .import-header { + margin-bottom: 5px; +} +.bs-dropzone .glyphicon-download-alt { + font-size: 40px; +} +.bs-dropzone hr { + width: 100px; +} +.bs-dropzone .lead { + margin-bottom: 10px; + font-weight: normal; + color: #333; +} +/*.bs-dropzone*/ +#import-manual-trigger { + cursor: pointer; +} +.bs-dropzone p:last-child { + margin-bottom: 0; +} +/* Logo series wrapper */ +.bs-brand-logos { + display: table; + width: 100%; + margin-bottom: 15px; + overflow: hidden; + color: #563d7c; + background-color: #f9f9f9; + border-radius: 4px; +} +/* Individual items */ +.bs-brand-item { + padding: 60px 0; + text-align: center; +} +.bs-brand-item + .bs-brand-item { + border-top: 1px solid #fff; +} +.bs-brand-logos .inverse { + color: #fff; + background-color: #563d7c; +} +/* Heading content within */ +.bs-brand-item h1, +.bs-brand-item h3 { + margin-top: 0; + margin-bottom: 0; +} +.bs-brand-item .bs-docs-booticon { + margin-right: auto; + margin-left: auto; +} +/* Make the icons stand out on what is/isn't okay */ +.bs-brand-item .glyphicon { + width: 30px; + height: 30px; + margin: 10px auto -10px; + line-height: 30px; + color: #fff; + border-radius: 50%; +} +.bs-brand-item .glyphicon-ok { + background-color: #5cb85c; +} +.bs-brand-item .glyphicon-remove { + background-color: #d9534f; +} +@media (min-width: 768px) { + .bs-brand-item { + display: table-cell; + width: 1%; + } + .bs-brand-item + .bs-brand-item { + border-top: 0; + border-left: 1px solid #fff; + } + .bs-brand-item h1 { + font-size: 60px; + } +} +.zero-clipboard { + position: relative; + display: none; +} +.btn-clipboard { + position: absolute; + top: 0; + right: 0; + z-index: 10; + display: block; + padding: 5px 8px; + font-size: 12px; + color: #767676; + cursor: pointer; + background-color: #fff; + border: 1px solid #e1e1e8; + border-radius: 0 4px 0 4px; +} +.btn-clipboard-hover { + color: #fff; + background-color: #563d7c; + border-color: #563d7c; +} +@media (min-width: 768px) { + .zero-clipboard { + display: block; + } + .bs-example + .zero-clipboard .btn-clipboard { + top: -16px; + border-top-right-radius: 0; + } +} +/* + * AnchorJS Styles + */ +.anchorjs-link { + color: inherit; +} +@media (max-width: 480px) { + .anchorjs-link { + display: none; + } +} +*:hover > .anchorjs-link { + opacity: .75; + -webkit-transition: color .16s linear; + -o-transition: color .16s linear; + transition: color .16s linear; +} +*:hover > .anchorjs-link:hover, +.anchorjs-link:focus { + text-decoration: none; + opacity: 1; +} +body { + position: relative; +} +.table code { + font-size: 13px; + font-weight: normal; +} +h2 code, +h3 code, +h4 code { + background-color: inherit; +} +.bs-docs-section { + margin-bottom: 60px; +} +.bs-docs-section:last-child { + margin-bottom: 0; +} +h1[id] { + padding-top: 20px; + margin-top: 0; +} +.bs-docs-browser-bugs td p { + margin-bottom: 0; +} +.bs-docs-browser-bugs th:first-child { + width: 18%; +} +.bs-events-table > thead > tr > th:first-child, +.bs-events-table > tbody > tr > td:first-child { + white-space: nowrap; +} +.bs-events-table > thead > tr > th:first-child { + width: 150px; +} +.js-options-table > thead > tr > th:nth-child(1), +.js-options-table > thead > tr > th:nth-child(2) { + width: 100px; +} +.js-options-table > thead > tr > th:nth-child(3) { + width: 50px; +} +.v4-tease { + display: block; + padding: 15px 20px; + font-weight: bold; + color: #fff; + text-align: center; + background-color: #0275d8; +} +.v4-tease:hover { + color: #fff; + text-decoration: none; + background-color: #0269c2; +} +/* Nullify ill-advised printing of hrefs; see #18711 */ +@media print { + a[href]:after { + content: "" !important; + } +} +/*# sourceMappingURL=docs.css.map */ \ No newline at end of file diff --git a/docs/assets/css/docs.css.map b/docs/assets/css/docs.css.map new file mode 100644 index 000000000..e1a3a0431 --- /dev/null +++ b/docs/assets/css/docs.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["docs/assets/less/syntax.less","docs/assets/less/ie10-viewport-bug-workaround.less","docs/assets/less/buttons.less","docs/assets/less/booticon.less","docs/assets/less/skip-link.less","docs/assets/less/nav.less","docs/assets/less/footer.less","docs/assets/less/masthead.less","docs/assets/less/page-header.less","docs/assets/less/ads.less","docs/assets/less/featurettes.less","docs/assets/less/featured-sites.less","docs/assets/less/demos.less","docs/assets/less/sidebar.less","docs/assets/less/examples.less","docs/assets/less/callouts.less","docs/assets/less/swatches.less","docs/assets/less/team.less","docs/assets/less/responsive-tests.less","docs/assets/less/glyphicons.less","docs/assets/less/customizer.less","docs/assets/less/brand.less","docs/assets/less/zero-clipboard.less","docs/assets/less/anchor.less","docs/assets/less/docs.less"],"names":[],"mappings":"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","sourcesContent":[".hll { background-color: #ffffcc }\n /*{ background: #f0f3f3; }*/\n.c { color: #999; } /* Comment */\n.err { color: #AA0000; background-color: #FFAAAA } /* Error */\n.k { color: #006699; } /* Keyword */\n.o { color: #555555 } /* Operator */\n.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */\n.cp { color: #009999 } /* Comment.Preproc */\n.c1 { color: #999; } /* Comment.Single */\n.cs { color: #999; } /* Comment.Special */\n.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */\n.ge { font-style: italic } /* Generic.Emph */\n.gr { color: #FF0000 } /* Generic.Error */\n.gh { color: #003300; } /* Generic.Heading */\n.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */\n.go { color: #AAAAAA } /* Generic.Output */\n.gp { color: #000099; } /* Generic.Prompt */\n.gs { } /* Generic.Strong */\n.gu { color: #003300; } /* Generic.Subheading */\n.gt { color: #99CC66 } /* Generic.Traceback */\n.kc { color: #006699; } /* Keyword.Constant */\n.kd { color: #006699; } /* Keyword.Declaration */\n.kn { color: #006699; } /* Keyword.Namespace */\n.kp { color: #006699 } /* Keyword.Pseudo */\n.kr { color: #006699; } /* Keyword.Reserved */\n.kt { color: #007788; } /* Keyword.Type */\n.m { color: #FF6600 } /* Literal.Number */\n.s { color: #d44950 } /* Literal.String */\n.na { color: #4f9fcf } /* Name.Attribute */\n.nb { color: #336666 } /* Name.Builtin */\n.nc { color: #00AA88; } /* Name.Class */\n.no { color: #336600 } /* Name.Constant */\n.nd { color: #9999FF } /* Name.Decorator */\n.ni { color: #999999; } /* Name.Entity */\n.ne { color: #CC0000; } /* Name.Exception */\n.nf { color: #CC00FF } /* Name.Function */\n.nl { color: #9999FF } /* Name.Label */\n.nn { color: #00CCFF; } /* Name.Namespace */\n.nt { color: #2f6f9f; } /* Name.Tag */\n.nv { color: #003333 } /* Name.Variable */\n.ow { color: #000000; } /* Operator.Word */\n.w { color: #bbbbbb } /* Text.Whitespace */\n.mf { color: #FF6600 } /* Literal.Number.Float */\n.mh { color: #FF6600 } /* Literal.Number.Hex */\n.mi { color: #FF6600 } /* Literal.Number.Integer */\n.mo { color: #FF6600 } /* Literal.Number.Oct */\n.sb { color: #CC3300 } /* Literal.String.Backtick */\n.sc { color: #CC3300 } /* Literal.String.Char */\n.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */\n.s2 { color: #CC3300 } /* Literal.String.Double */\n.se { color: #CC3300; } /* Literal.String.Escape */\n.sh { color: #CC3300 } /* Literal.String.Heredoc */\n.si { color: #AA0000 } /* Literal.String.Interpol */\n.sx { color: #CC3300 } /* Literal.String.Other */\n.sr { color: #33AAAA } /* Literal.String.Regex */\n.s1 { color: #CC3300 } /* Literal.String.Single */\n.ss { color: #FFCC33 } /* Literal.String.Symbol */\n.bp { color: #336666 } /* Name.Builtin.Pseudo */\n.vc { color: #003333 } /* Name.Variable.Class */\n.vg { color: #003333 } /* Name.Variable.Global */\n.vi { color: #003333 } /* Name.Variable.Instance */\n.il { color: #FF6600 } /* Literal.Number.Integer.Long */\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt { color: #999; }\n\n\n//\n// Docs additions\n//\n\n.highlight {\n padding: 9px 14px;\n margin-bottom: 14px;\n background-color: #f7f7f9;\n border: 1px solid #e1e1e8;\n border-radius: 4px;\n}\n.highlight pre {\n padding: 0;\n margin-top: 0;\n margin-bottom: 0;\n word-break: normal;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n.highlight pre code {\n font-size: inherit;\n color: #333; /* Effectively the base text color */\n}\n.highlight pre code:first-child {\n display: inline-block;\n padding-right: 45px;\n}\n","/*!\n * IE10 viewport hack for Surface/desktop Windows 8 bug\n * Copyright 2014-2015 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n/*\n * See the Getting Started docs for more information:\n * http://getbootstrap.com/getting-started/#support-ie10-width\n */\n@-ms-viewport { width: device-width; }\n@-o-viewport { width: device-width; }\n@viewport { width: device-width; }\n","/* Outline button for use within the docs */\n.btn-outline {\n color: #563d7c;\n background-color: transparent;\n border-color: #563d7c;\n}\n.btn-outline:hover,\n.btn-outline:focus,\n.btn-outline:active {\n color: #fff;\n background-color: #563d7c;\n border-color: #563d7c;\n}\n\n/* Inverted outline button (white on dark) */\n.btn-outline-inverse {\n color: #fff;\n background-color: transparent;\n border-color: #cdbfe3;\n}\n.btn-outline-inverse:hover,\n.btn-outline-inverse:focus,\n.btn-outline-inverse:active {\n color: #563d7c;\n text-shadow: none;\n background-color: #fff;\n border-color: #fff;\n}\n","/* Bootstrap \"B\" icon */\n.bs-docs-booticon {\n display: block;\n font-weight: 500;\n color: #fff;\n text-align: center;\n cursor: default;\n background-color: #563d7c;\n border-radius: 15%;\n}\n.bs-docs-booticon-sm {\n width: 30px;\n height: 30px;\n font-size: 20px;\n line-height: 28px;\n}\n.bs-docs-booticon-lg {\n width: 144px;\n height: 144px;\n font-size: 108px;\n line-height: 140px;\n}\n.bs-docs-booticon-inverse {\n color: #563d7c;\n background-color: #fff;\n}\n.bs-docs-booticon-outline {\n background-color: transparent;\n border: 1px solid #cdbfe3;\n}\n","/*\n * Fancy skip link\n *\n * Make it look a bit less \"bare bones\"\n * Also includes focus suppression for the Chrome tabindex=\"-1\" workaround\n */\n\n#skippy {\n display: block;\n padding: 1em;\n color: #fff;\n background-color: #6f5499;\n outline: 0;\n}\n\n#skippy .skiplink-text {\n padding: .5em;\n outline: 1px dotted;\n}\n\n#content:focus {\n outline: none;\n}\n",".bs-docs-nav {\n margin-bottom: 0;\n background-color: #fff;\n border-bottom: 0;\n}\n.bs-home-nav .bs-nav-b {\n display: none;\n}\n.bs-docs-nav .navbar-brand,\n.bs-docs-nav .navbar-nav > li > a {\n font-weight: 500;\n color: #563d7c;\n}\n.bs-docs-nav .navbar-nav > li > a:hover,\n.bs-docs-nav .navbar-nav > .active > a,\n.bs-docs-nav .navbar-nav > .active > a:hover {\n color: #463265;\n background-color: #f9f9f9;\n}\n.bs-docs-nav .navbar-toggle .icon-bar {\n background-color: #563d7c;\n}\n.bs-docs-nav .navbar-header .navbar-toggle {\n border-color: #fff;\n}\n.bs-docs-nav .navbar-header .navbar-toggle:hover,\n.bs-docs-nav .navbar-header .navbar-toggle:focus {\n background-color: #f9f9f9;\n border-color: #f9f9f9;\n}\n",".bs-docs-footer {\n padding-top: 50px;\n padding-bottom: 50px;\n margin-top: 100px;\n color: #99979c;\n text-align: center;\n background-color: #2a2730;\n}\n.bs-docs-footer a {\n color: #fff;\n}\n.bs-docs-footer-links {\n padding-left: 0;\n margin-bottom: 20px;\n}\n.bs-docs-footer-links li {\n display: inline-block;\n}\n.bs-docs-footer-links li + li {\n margin-left: 15px;\n}\n\n@media (min-width: 768px) {\n .bs-docs-footer {\n text-align: left;\n }\n .bs-docs-footer p {\n margin-bottom: 0;\n }\n}\n","/*\n * Homepage\n *\n * Tweaks to the custom homepage and the masthead (main jumbotron).\n */\n\n/* Share masthead with page headers */\n.bs-docs-masthead,\n.bs-docs-header {\n position: relative;\n padding: 30px 0;\n color: #cdbfe3;\n text-align: center;\n text-shadow: 0 1px 0 rgba(0,0,0,.1);\n background-color: #6f5499;\n background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));\n background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);\n background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);\n background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);\n background-repeat: repeat-x;\n}\n\n/* Masthead (headings and download button) */\n.bs-docs-masthead .bs-docs-booticon {\n margin: 0 auto 30px;\n}\n.bs-docs-masthead h1 {\n font-weight: 300;\n line-height: 1;\n color: #fff;\n}\n.bs-docs-masthead .lead {\n margin: 0 auto 30px;\n font-size: 20px;\n color: #fff;\n}\n.bs-docs-masthead .version {\n margin-top: -15px;\n margin-bottom: 30px;\n color: #9783b9;\n}\n.bs-docs-masthead .btn {\n width: 100%;\n padding: 15px 30px;\n font-size: 20px;\n}\n\n@media (min-width: 480px) {\n .bs-docs-masthead .btn {\n width: auto;\n }\n}\n\n@media (min-width: 768px) {\n .bs-docs-masthead {\n padding: 80px 0;\n }\n .bs-docs-masthead h1 {\n font-size: 60px;\n }\n .bs-docs-masthead .lead {\n font-size: 24px;\n }\n}\n\n@media (min-width: 992px) {\n .bs-docs-masthead .lead {\n width: 80%;\n font-size: 30px;\n }\n}\n",".bs-docs-header {\n margin-bottom: 40px;\n font-size: 20px;\n}\n.bs-docs-header h1 {\n margin-top: 0;\n color: #fff;\n}\n.bs-docs-header p {\n margin-bottom: 0;\n font-weight: 300;\n line-height: 1.4;\n}\n.bs-docs-header .container {\n position: relative;\n}\n\n@media (min-width: 768px) {\n .bs-docs-header {\n padding-top: 60px;\n padding-bottom: 60px;\n font-size: 24px;\n text-align: left;\n }\n .bs-docs-header h1 {\n font-size: 60px;\n line-height: 1;\n }\n}\n\n@media (min-width: 992px) {\n .bs-docs-header h1,\n .bs-docs-header p {\n margin-right: 380px;\n }\n}\n","// scss-lint:disable ImportantRule, IdSelector\n\n//\n// Carbon ads\n//\n\n#carbonads {\n display: block;\n padding: 15px 15px 15px 160px;\n margin: 50px -15px 0;\n overflow: hidden;\n font-size: 13px;\n line-height: 1.5;\n text-align: left;\n border: solid #866ab3;\n border-width: 1px 0 0;\n\n a {\n color: #fff;\n text-decoration: none;\n }\n\n @media (min-width: @screen-sm-min) {\n max-width: 330px;\n margin: 50px auto 0;\n border-width: 1px;\n border-radius: 4px;\n }\n\n @media (min-width: @screen-lg-min) {\n position: absolute;\n top: 0;\n right: 15px;\n margin-top: 0;\n\n .bd-masthead & {\n position: static;\n }\n }\n}\n\n.carbon-img {\n float: left;\n margin-left: -145px;\n}\n\n.carbon-poweredby {\n display: block;\n color: #cdbfe3 !important;\n}\n\n.bd-content {\n #carbonads {\n position: static;\n max-width: 400px;\n margin: 2rem 0;\n line-height: 1.4;\n background-color: #f5f5f5;\n border: 0;\n\n a {\n color: #333;\n }\n\n .carbon-poweredby {\n color: #777 !important;\n }\n }\n}\n\n\n\n\n/*\n * Carbon ads\n *\n * Single display ad that shows on all pages (except homepage) in page headers.\n * The hella `!important` is required for any pre-set property.\n */\n\n// .carbonad {\n// width: auto !important;\n// height: auto !important;\n// padding: 20px !important;\n// margin: 30px -15px -31px !important;\n// overflow: hidden; /* clearfix */\n// font-size: 13px !important;\n// line-height: 16px !important;\n// text-align: left;\n// background: transparent !important;\n// border: solid #866ab3 !important;\n// border-width: 1px 0 !important;\n// }\n// .carbonad-img {\n// margin: 0 !important;\n// }\n// .carbonad-text,\n// .carbonad-tag {\n// display: block !important;\n// float: none !important;\n// width: auto !important;\n// height: auto !important;\n// margin-left: 145px !important;\n// font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n// }\n// .carbonad-text {\n// padding-top: 0 !important;\n// }\n// .carbonad-tag {\n// color: inherit !important;\n// text-align: left !important;\n// }\n// .carbonad-text a,\n// .carbonad-tag a {\n// color: #fff !important;\n// }\n// .carbonad #azcarbon > img {\n// display: none; /* hide what I assume are tracking images */\n// }\n//\n// @media (min-width: 480px) {\n// .carbonad {\n// width: 330px !important;\n// margin: 20px auto !important;\n// border-width: 1px !important;\n// border-radius: 4px;\n// }\n// .bs-docs-masthead .carbonad {\n// margin: 50px auto 0 !important;\n// }\n// }\n//\n// @media (min-width: 768px) {\n// .carbonad {\n// margin-right: 0 !important;\n// margin-left: 0 !important;\n// }\n// }\n//\n// @media (min-width: 992px) {\n// .carbonad {\n// position: absolute;\n// top: 0;\n// right: 15px; /* 15px instead of 0 since box-sizing */\n// width: 330px !important;\n// padding: 15px !important;\n// margin: 0 !important;\n// }\n// .bs-docs-masthead .carbonad {\n// position: static;\n// }\n// }\n",".bs-docs-featurette {\n padding-top: 40px;\n padding-bottom: 40px;\n font-size: 16px;\n line-height: 1.5;\n color: #555;\n text-align: center;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n}\n.bs-docs-featurette + .bs-docs-footer {\n margin-top: 0;\n border-top: 0;\n}\n\n.bs-docs-featurette-title {\n margin-bottom: 5px;\n font-size: 30px;\n font-weight: normal;\n color: #333;\n}\n.half-rule {\n width: 100px;\n margin: 40px auto;\n}\n.bs-docs-featurette h3 {\n margin-bottom: 5px;\n font-weight: normal;\n color: #333;\n}\n.bs-docs-featurette-img {\n display: block;\n margin-bottom: 20px;\n color: #333;\n}\n.bs-docs-featurette-img:hover {\n color: #337ab7;\n text-decoration: none;\n}\n.bs-docs-featurette-img img {\n display: block;\n margin-bottom: 15px;\n}\n\n@media (min-width: 480px) {\n .bs-docs-featurette .img-responsive {\n margin-top: 30px;\n }\n}\n@media (min-width: 768px) {\n .bs-docs-featurette {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n .bs-docs-featurette-title {\n font-size: 40px;\n }\n .bs-docs-featurette .lead {\n max-width: 80%;\n margin-right: auto;\n margin-left: auto;\n }\n .bs-docs-featurette .img-responsive {\n margin-top: 0;\n }\n}\n",".bs-docs-featured-sites {\n margin-right: -1px;\n margin-left: -1px;\n}\n.bs-docs-featured-sites .col-xs-6 {\n padding: 1px;\n}\n.bs-docs-featured-sites .img-responsive {\n margin-top: 0;\n}\n\n@media (min-width: 768px) {\n .bs-docs-featured-sites .col-sm-3:first-child img {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n .bs-docs-featured-sites .col-sm-3:last-child img {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n}\n",".bs-examples .thumbnail {\n margin-bottom: 10px;\n}\n.bs-examples h4 {\n margin-bottom: 5px;\n}\n.bs-examples p {\n margin-bottom: 20px;\n}\n\n@media (max-width: 480px) {\n .bs-examples {\n margin-right: -10px;\n margin-left: -10px;\n }\n .bs-examples > [class^=\"col-\"] {\n padding-right: 10px;\n padding-left: 10px;\n }\n}\n","/* By default it's not affixed in mobile views, so undo that */\n.bs-docs-sidebar.affix {\n position: static;\n}\n@media (min-width: 768px) {\n .bs-docs-sidebar {\n padding-left: 20px;\n }\n}\n\n/* First level of nav */\n.bs-docs-sidenav {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n/* All levels of nav */\n.bs-docs-sidebar .nav > li > a {\n display: block;\n padding: 4px 20px;\n font-size: 13px;\n font-weight: 500;\n color: #767676;\n}\n.bs-docs-sidebar .nav > li > a:hover,\n.bs-docs-sidebar .nav > li > a:focus {\n padding-left: 19px;\n color: #563d7c;\n text-decoration: none;\n background-color: transparent;\n border-left: 1px solid #563d7c;\n}\n.bs-docs-sidebar .nav > .active > a,\n.bs-docs-sidebar .nav > .active:hover > a,\n.bs-docs-sidebar .nav > .active:focus > a {\n padding-left: 18px;\n font-weight: bold;\n color: #563d7c;\n background-color: transparent;\n border-left: 2px solid #563d7c;\n}\n\n/* Nav: second level (shown on .active) */\n.bs-docs-sidebar .nav .nav {\n display: none; /* Hide by default, but at >768px, show it */\n padding-bottom: 10px;\n}\n.bs-docs-sidebar .nav .nav > li > a {\n padding-top: 1px;\n padding-bottom: 1px;\n padding-left: 30px;\n font-size: 12px;\n font-weight: normal;\n}\n.bs-docs-sidebar .nav .nav > li > a:hover,\n.bs-docs-sidebar .nav .nav > li > a:focus {\n padding-left: 29px;\n}\n.bs-docs-sidebar .nav .nav > .active > a,\n.bs-docs-sidebar .nav .nav > .active:hover > a,\n.bs-docs-sidebar .nav .nav > .active:focus > a {\n padding-left: 28px;\n font-weight: 500;\n}\n\n/* Back to top (hidden on mobile) */\n.back-to-top,\n.bs-docs-theme-toggle {\n display: none;\n padding: 4px 10px;\n margin-top: 10px;\n margin-left: 10px;\n font-size: 12px;\n font-weight: 500;\n color: #999;\n}\n.back-to-top:hover,\n.bs-docs-theme-toggle:hover {\n color: #563d7c;\n text-decoration: none;\n}\n.bs-docs-theme-toggle {\n margin-top: 0;\n}\n\n@media (min-width: 768px) {\n .back-to-top,\n .bs-docs-theme-toggle {\n display: block;\n }\n}\n\n/* Show and affix the side nav when space allows it */\n@media (min-width: 992px) {\n .bs-docs-sidebar .nav > .active > ul {\n display: block;\n }\n /* Widen the fixed sidebar */\n .bs-docs-sidebar.affix,\n .bs-docs-sidebar.affix-bottom {\n width: 213px;\n }\n .bs-docs-sidebar.affix {\n position: fixed; /* Undo the static from mobile first approach */\n top: 20px;\n }\n .bs-docs-sidebar.affix-bottom {\n position: absolute; /* Undo the static from mobile first approach */\n }\n .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,\n .bs-docs-sidebar.affix .bs-docs-sidenav {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n@media (min-width: 1200px) {\n /* Widen the fixed sidebar again */\n .bs-docs-sidebar.affix-bottom,\n .bs-docs-sidebar.affix {\n width: 263px;\n }\n}\n","/*\n * Grid examples\n *\n * Highlight the grid columns within the docs so folks can see their padding,\n * alignment, sizing, etc.\n */\n\n.show-grid {\n margin-bottom: 15px;\n}\n.show-grid [class^=\"col-\"] {\n padding-top: 10px;\n padding-bottom: 10px;\n background-color: #eee;\n background-color: rgba(86,61,124,.15);\n border: 1px solid #ddd;\n border: 1px solid rgba(86,61,124,.2);\n}\n\n/*\n * Examples\n *\n * Isolated sections of example content for each component or feature. Usually\n * followed by a code snippet.\n */\n\n.bs-example {\n position: relative;\n padding: 45px 15px 15px;\n margin: 0 -15px 15px;\n border-color: #e5e5e5 #eee #eee;\n border-style: solid;\n border-width: 1px 0;\n -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);\n box-shadow: inset 0 3px 6px rgba(0,0,0,.05);\n}\n/* Echo out a label for the example */\n.bs-example:after {\n position: absolute;\n top: 15px;\n left: 15px;\n font-size: 12px;\n font-weight: bold;\n color: #959595;\n text-transform: uppercase;\n letter-spacing: 1px;\n content: \"Example\";\n}\n\n.bs-example-padded-bottom {\n padding-bottom: 24px;\n}\n\n/* Tweak display of the code snippets when following an example */\n.bs-example + .highlight,\n.bs-example + .zero-clipboard + .highlight {\n margin: -15px -15px 15px;\n border-width: 0 0 1px;\n border-radius: 0;\n}\n\n/* Make the examples and snippets not full-width */\n@media (min-width: 768px) {\n .bs-example {\n margin-right: 0;\n margin-left: 0;\n background-color: #fff;\n border-color: #ddd;\n border-width: 1px;\n border-radius: 4px 4px 0 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .bs-example + .highlight,\n .bs-example + .zero-clipboard + .highlight {\n margin-top: -16px;\n margin-right: 0;\n margin-left: 0;\n border-width: 1px;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n .bs-example-standalone {\n border-radius: 4px;\n }\n}\n\n/* Undo width of container */\n.bs-example .container {\n width: auto;\n}\n\n/* Tweak content of examples for optimum awesome */\n.bs-example > p:last-child,\n.bs-example > ul:last-child,\n.bs-example > ol:last-child,\n.bs-example > blockquote:last-child,\n.bs-example > .form-control:last-child,\n.bs-example > .table:last-child,\n.bs-example > .navbar:last-child,\n.bs-example > .jumbotron:last-child,\n.bs-example > .alert:last-child,\n.bs-example > .panel:last-child,\n.bs-example > .list-group:last-child,\n.bs-example > .well:last-child,\n.bs-example > .progress:last-child,\n.bs-example > .table-responsive:last-child > .table {\n margin-bottom: 0;\n}\n.bs-example > p > .close {\n float: none;\n}\n\n/* Typography */\n.bs-example-type .table .type-info {\n color: #767676;\n vertical-align: middle;\n}\n.bs-example-type .table td {\n padding: 15px 0;\n border-color: #eee;\n}\n.bs-example-type .table tr:first-child td {\n border-top: 0;\n}\n.bs-example-type h1,\n.bs-example-type h2,\n.bs-example-type h3,\n.bs-example-type h4,\n.bs-example-type h5,\n.bs-example-type h6 {\n margin: 0;\n}\n\n/* Contextual background colors */\n.bs-example-bg-classes p {\n padding: 15px;\n}\n\n/* Images */\n.bs-example > .img-circle,\n.bs-example > .img-rounded,\n.bs-example > .img-thumbnail {\n margin: 5px;\n}\n\n/* Tables */\n.bs-example > .table-responsive > .table {\n background-color: #fff;\n}\n\n/* Buttons */\n.bs-example > .btn,\n.bs-example > .btn-group {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n.bs-example > .btn-toolbar + .btn-toolbar {\n margin-top: 10px;\n}\n\n/* Forms */\n.bs-example-control-sizing select,\n.bs-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n margin-top: 10px;\n}\n.bs-example-form .input-group {\n margin-bottom: 10px;\n}\n.bs-example > textarea.form-control {\n resize: vertical;\n}\n\n/* List groups */\n.bs-example > .list-group {\n max-width: 400px;\n}\n\n/* Navbars */\n.bs-example .navbar:last-child {\n margin-bottom: 0;\n}\n.bs-navbar-top-example,\n.bs-navbar-bottom-example {\n z-index: 1;\n padding: 0;\n overflow: hidden; /* cut the drop shadows off */\n}\n.bs-navbar-top-example .navbar-header,\n.bs-navbar-bottom-example .navbar-header {\n margin-left: 0;\n}\n.bs-navbar-top-example .navbar-fixed-top,\n.bs-navbar-bottom-example .navbar-fixed-bottom {\n position: relative;\n margin-right: 0;\n margin-left: 0;\n}\n.bs-navbar-top-example {\n padding-bottom: 45px;\n}\n.bs-navbar-top-example:after {\n top: auto;\n bottom: 15px;\n}\n.bs-navbar-top-example .navbar-fixed-top {\n top: -1px;\n}\n.bs-navbar-bottom-example {\n padding-top: 45px;\n}\n.bs-navbar-bottom-example .navbar-fixed-bottom {\n bottom: -1px;\n}\n.bs-navbar-bottom-example .navbar {\n margin-bottom: 0;\n}\n@media (min-width: 768px) {\n .bs-navbar-top-example .navbar-fixed-top,\n .bs-navbar-bottom-example .navbar-fixed-bottom {\n position: absolute;\n }\n}\n\n/* Pagination */\n.bs-example .pagination {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n/* Pager */\n.bs-example > .pager {\n margin-top: 0;\n}\n\n/* Example modals */\n.bs-example-modal {\n background-color: #f5f5f5;\n}\n.bs-example-modal .modal {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n z-index: 1;\n display: block;\n}\n.bs-example-modal .modal-dialog {\n left: auto;\n margin-right: auto;\n margin-left: auto;\n}\n\n/* Example dropdowns */\n.bs-example > .dropdown > .dropdown-toggle {\n float: left;\n}\n.bs-example > .dropdown > .dropdown-menu {\n position: static;\n display: block;\n margin-bottom: 5px;\n clear: left;\n}\n\n/* Example tabbable tabs */\n.bs-example-tabs .nav-tabs {\n margin-bottom: 15px;\n}\n\n/* Tooltips */\n.bs-example-tooltips {\n text-align: center;\n}\n.bs-example-tooltips > .btn {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n.bs-example-tooltip .tooltip {\n position: relative;\n display: inline-block;\n margin: 10px 20px;\n opacity: 1;\n}\n\n/* Popovers */\n.bs-example-popover {\n padding-bottom: 24px;\n background-color: #f9f9f9;\n}\n.bs-example-popover .popover {\n position: relative;\n display: block;\n float: left;\n width: 260px;\n margin: 20px;\n}\n\n/* Scrollspy demo on fixed height div */\n.scrollspy-example {\n position: relative;\n height: 200px;\n margin-top: 10px;\n overflow: auto;\n}\n\n.bs-example > .nav-pills-stacked-example {\n max-width: 300px;\n}\n\n/* Simple collapse example */\n#collapseExample .well {\n margin-bottom: 0;\n}\n\n/* Pseudo :focus state for showing how it looks in the docs */\n#focusedInput {\n border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/\n border-color: rgba(82,168,236,.8);\n outline: 0;\n outline: thin dotted \\9; /* IE6-9 */\n -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);\n box-shadow: 0 0 8px rgba(82,168,236,.6);\n}\n","/*\n * Callouts\n *\n * Not quite alerts, but custom and helpful notes for folks reading the docs.\n * Requires a base and modifier class.\n */\n\n/* Common styles for all types */\n.bs-callout {\n padding: 20px;\n margin: 20px 0;\n border: 1px solid #eee;\n border-left-width: 5px;\n border-radius: 3px;\n}\n.bs-callout h4 {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.bs-callout p:last-child {\n margin-bottom: 0;\n}\n.bs-callout code {\n border-radius: 3px;\n}\n\n/* Tighten up space between multiple callouts */\n.bs-callout + .bs-callout {\n margin-top: -5px;\n}\n\n/* Variations */\n.bs-callout-danger {\n border-left-color: #ce4844;\n}\n.bs-callout-danger h4 {\n color: #ce4844;\n}\n.bs-callout-warning {\n border-left-color: #aa6708;\n}\n.bs-callout-warning h4 {\n color: #aa6708;\n}\n.bs-callout-info {\n border-left-color: #1b809e;\n}\n.bs-callout-info h4 {\n color: #1b809e;\n}\n",".color-swatches {\n margin: 0 -5px;\n overflow: hidden; /* clearfix */\n}\n.color-swatch {\n float: left;\n width: 60px;\n height: 60px;\n margin: 0 5px;\n border-radius: 3px;\n}\n\n@media (min-width: 768px) {\n .color-swatch {\n width: 100px;\n height: 100px;\n }\n}\n\n/* Framework colors */\n.color-swatches .gray-darker {\n background-color: #222;\n}\n.color-swatches .gray-dark {\n background-color: #333;\n}\n.color-swatches .gray {\n background-color: #555;\n}\n.color-swatches .gray-light {\n background-color: #999;\n}\n.color-swatches .gray-lighter {\n background-color: #eee;\n}\n.color-swatches .brand-primary {\n background-color: #337ab7;\n}\n.color-swatches .brand-success {\n background-color: #5cb85c;\n}\n.color-swatches .brand-warning {\n background-color: #f0ad4e;\n}\n.color-swatches .brand-danger {\n background-color: #d9534f;\n}\n.color-swatches .brand-info {\n background-color: #5bc0de;\n}\n\n/* Docs colors */\n.color-swatches .bs-purple {\n background-color: #563d7c;\n}\n.color-swatches .bs-purple-light {\n background-color: #c7bfd3;\n}\n.color-swatches .bs-purple-lighter {\n background-color: #e5e1ea;\n}\n.color-swatches .bs-gray {\n background-color: #f9f9f9;\n}\n",".bs-team .team-member {\n line-height: 32px;\n color: #555;\n}\n.bs-team .team-member:hover {\n color: #333;\n text-decoration: none;\n}\n.bs-team .github-btn {\n float: right;\n width: 180px;\n height: 20px;\n margin-top: 6px;\n border: none;\n}\n.bs-team img {\n float: left;\n width: 32px;\n margin-right: 10px;\n border-radius: 4px;\n}\n","/*\n * Responsive tests\n *\n * Generate a set of tests to show the responsive utilities in action.\n */\n\n/* Responsive (scrollable) doc tables */\n.table-responsive .highlight pre {\n white-space: normal;\n}\n\n/* Utility classes table */\n.bs-table th small,\n.responsive-utilities th small {\n display: block;\n font-weight: normal;\n color: #999;\n}\n.responsive-utilities tbody th {\n font-weight: normal;\n}\n.responsive-utilities td {\n text-align: center;\n}\n.responsive-utilities td.is-visible {\n color: #468847;\n background-color: #dff0d8 !important;\n}\n.responsive-utilities td.is-hidden {\n color: #ccc;\n background-color: #f9f9f9 !important;\n}\n\n/* Responsive tests */\n.responsive-utilities-test {\n margin-top: 5px;\n}\n.responsive-utilities-test .col-xs-6 {\n margin-bottom: 10px;\n}\n.responsive-utilities-test span {\n display: block;\n padding: 15px 10px;\n font-size: 14px;\n font-weight: bold;\n line-height: 1.1;\n text-align: center;\n border-radius: 4px;\n}\n.visible-on .col-xs-6 .hidden-xs,\n.visible-on .col-xs-6 .hidden-sm,\n.visible-on .col-xs-6 .hidden-md,\n.visible-on .col-xs-6 .hidden-lg,\n.hidden-on .col-xs-6 .hidden-xs,\n.hidden-on .col-xs-6 .hidden-sm,\n.hidden-on .col-xs-6 .hidden-md,\n.hidden-on .col-xs-6 .hidden-lg {\n color: #999;\n border: 1px solid #ddd;\n}\n.visible-on .col-xs-6 .visible-xs-block,\n.visible-on .col-xs-6 .visible-sm-block,\n.visible-on .col-xs-6 .visible-md-block,\n.visible-on .col-xs-6 .visible-lg-block,\n.hidden-on .col-xs-6 .visible-xs-block,\n.hidden-on .col-xs-6 .visible-sm-block,\n.hidden-on .col-xs-6 .visible-md-block,\n.hidden-on .col-xs-6 .visible-lg-block {\n color: #468847;\n background-color: #dff0d8;\n border: 1px solid #d6e9c6;\n}\n",".bs-glyphicons {\n margin: 0 -10px 20px;\n overflow: hidden;\n}\n.bs-glyphicons-list {\n padding-left: 0;\n list-style: none;\n}\n.bs-glyphicons li {\n float: left;\n width: 25%;\n height: 115px;\n padding: 10px;\n font-size: 10px;\n line-height: 1.4;\n text-align: center;\n background-color: #f9f9f9;\n border: 1px solid #fff;\n}\n.bs-glyphicons .glyphicon {\n margin-top: 5px;\n margin-bottom: 10px;\n font-size: 24px;\n}\n.bs-glyphicons .glyphicon-class {\n display: block;\n text-align: center;\n word-wrap: break-word; /* Help out IE10+ with class names */\n}\n.bs-glyphicons li:hover {\n color: #fff;\n background-color: #563d7c;\n}\n\n@media (min-width: 768px) {\n .bs-glyphicons {\n margin-right: 0;\n margin-left: 0;\n }\n .bs-glyphicons li {\n width: 12.5%;\n font-size: 12px;\n }\n}\n",".bs-customizer .toggle {\n float: right;\n margin-top: 25px;\n}\n\n/* Headings and form contrls */\n.bs-customizer label {\n margin-top: 10px;\n font-weight: 500;\n color: #555;\n}\n.bs-customizer h2 {\n padding-top: 30px;\n margin-top: 0;\n margin-bottom: 5px;\n}\n.bs-customizer h3 {\n margin-bottom: 0;\n}\n.bs-customizer h4 {\n margin-top: 15px;\n margin-bottom: 0;\n}\n.bs-customizer .bs-callout h4 {\n margin-top: 0; /* lame, but due to specificity we have to duplicate */\n margin-bottom: 5px;\n}\n.bs-customizer input[type=\"text\"] {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n background-color: #fafafa;\n}\n.bs-customizer .help-block {\n margin-bottom: 5px;\n font-size: 12px;\n}\n\n/* For the variables, use regular weight */\n#less-section label {\n font-weight: normal;\n}\n\n/* Downloads */\n.bs-customize-download .btn-outline {\n padding: 20px;\n}\n\n/* Error handling */\n.bs-customizer-alert {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030;\n padding: 15px 0;\n color: #fff;\n background-color: #d9534f;\n border-bottom: 1px solid #b94441;\n -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);\n box-shadow: inset 0 1px 0 rgba(255,255,255,.25);\n}\n.bs-customizer-alert .close {\n margin-top: -4px;\n font-size: 24px;\n}\n.bs-customizer-alert p {\n margin-bottom: 0;\n}\n.bs-customizer-alert .glyphicon {\n margin-right: 5px;\n}\n.bs-customizer-alert pre {\n margin: 10px 0 0;\n color: #fff;\n background-color: #a83c3a;\n border-color: #973634;\n -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);\n box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);\n}\n\n.bs-dropzone {\n position: relative;\n padding: 20px;\n margin-bottom: 20px;\n color: #777;\n text-align: center;\n border: 2px dashed #eee;\n border-radius: 4px;\n}\n.bs-dropzone .import-header {\n margin-bottom: 5px;\n}\n.bs-dropzone .glyphicon-download-alt {\n font-size: 40px;\n}\n.bs-dropzone hr {\n width: 100px;\n}\n.bs-dropzone .lead {\n margin-bottom: 10px;\n font-weight: normal;\n color: #333;\n}\n/*.bs-dropzone*/ #import-manual-trigger {\n cursor: pointer;\n}\n.bs-dropzone p:last-child {\n margin-bottom: 0;\n}\n","/* Logo series wrapper */\n.bs-brand-logos {\n display: table;\n width: 100%;\n margin-bottom: 15px;\n overflow: hidden;\n color: #563d7c;\n background-color: #f9f9f9;\n border-radius: 4px;\n}\n\n/* Individual items */\n.bs-brand-item {\n padding: 60px 0;\n text-align: center;\n}\n.bs-brand-item + .bs-brand-item {\n border-top: 1px solid #fff;\n}\n.bs-brand-logos .inverse {\n color: #fff;\n background-color: #563d7c;\n}\n\n/* Heading content within */\n.bs-brand-item h1,\n.bs-brand-item h3 {\n margin-top: 0;\n margin-bottom: 0;\n}\n.bs-brand-item .bs-docs-booticon {\n margin-right: auto;\n margin-left: auto;\n}\n\n/* Make the icons stand out on what is/isn't okay */\n.bs-brand-item .glyphicon {\n width: 30px;\n height: 30px;\n margin: 10px auto -10px;\n line-height: 30px;\n color: #fff;\n border-radius: 50%;\n}\n.bs-brand-item .glyphicon-ok {\n background-color: #5cb85c;\n}\n.bs-brand-item .glyphicon-remove {\n background-color: #d9534f;\n}\n\n@media (min-width: 768px) {\n .bs-brand-item {\n display: table-cell;\n width: 1%;\n }\n .bs-brand-item + .bs-brand-item {\n border-top: 0;\n border-left: 1px solid #fff;\n }\n .bs-brand-item h1 {\n font-size: 60px;\n }\n}\n",".zero-clipboard {\n position: relative;\n display: none;\n}\n.btn-clipboard {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n display: block;\n padding: 5px 8px;\n font-size: 12px;\n color: #767676;\n cursor: pointer;\n background-color: #fff;\n border: 1px solid #e1e1e8;\n border-radius: 0 4px 0 4px;\n}\n.btn-clipboard-hover {\n color: #fff;\n background-color: #563d7c;\n border-color: #563d7c;\n}\n\n@media (min-width: 768px) {\n .zero-clipboard {\n display: block;\n }\n .bs-example + .zero-clipboard .btn-clipboard {\n top: -16px;\n border-top-right-radius: 0;\n }\n}\n","/*\n * AnchorJS Styles\n */\n.anchorjs-link {\n color: inherit;\n}\n\n@media (max-width: 480px) {\n .anchorjs-link {\n display: none;\n }\n}\n\n*:hover > .anchorjs-link {\n opacity: .75;\n -webkit-transition: color .16s linear;\n -o-transition: color .16s linear;\n transition: color .16s linear;\n}\n\n*:hover > .anchorjs-link:hover,\n.anchorjs-link:focus {\n text-decoration: none;\n opacity: 1;\n}\n","/*!\n * Bootstrap Docs (http://getbootstrap.com)\n * Copyright 2011-2017 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n\n/*\n * Bootstrap Documentation\n * Special styles for presenting Bootstrap's documentation and code examples.\n */\n\n// Dependencies\n@import \"syntax.less\";\n@import \"ie10-viewport-bug-workaround.less\";\n\n// Core variables and mixins\n@import \"../../../less/variables.less\";\n@import \"../../../less/mixins.less\";\n\n// Docs components\n@import \"buttons.less\";\n@import \"booticon.less\";\n@import \"skip-link.less\";\n@import \"nav.less\";\n@import \"footer.less\";\n@import \"masthead.less\";\n@import \"page-header.less\";\n@import \"ads.less\";\n@import \"featurettes.less\";\n@import \"featured-sites.less\";\n@import \"demos.less\";\n@import \"sidebar.less\";\n@import \"examples.less\";\n@import \"callouts.less\";\n@import \"swatches.less\";\n@import \"team.less\";\n@import \"responsive-tests.less\";\n@import \"glyphicons.less\";\n@import \"customizer.less\";\n@import \"brand.less\";\n@import \"zero-clipboard.less\";\n@import \"anchor.less\";\n\n\n//\n// Misc\n//\n\n// For scrollspy\nbody {\n position: relative;\n}\n\n// Keep code small in tables on account of limited space\n.table code {\n font-size: 13px;\n font-weight: normal;\n}\n\n// Inline code within headings retain the heading's background-color\nh2 code,\nh3 code,\nh4 code {\n background-color: inherit;\n}\n\n// Space docs sections out\n.bs-docs-section {\n margin-bottom: 60px;\n}\n.bs-docs-section:last-child {\n margin-bottom: 0;\n}\n\nh1[id] {\n padding-top: 20px;\n margin-top: 0;\n}\n\n// Wall of Browser Bugs\n.bs-docs-browser-bugs td p {\n margin-bottom: 0;\n}\n\n.bs-docs-browser-bugs th:first-child {\n width: 18%;\n}\n\n// Don't wrap event names in Events tables in JS plugin docs\n.bs-events-table > thead > tr > th:first-child,\n.bs-events-table > tbody > tr > td:first-child {\n white-space: nowrap;\n}\n\n.bs-events-table > thead > tr > th:first-child {\n width: 150px;\n}\n\n.js-options-table > thead > tr > th:nth-child(1),\n.js-options-table > thead > tr > th:nth-child(2) {\n width: 100px;\n}\n\n.js-options-table > thead > tr > th:nth-child(3) {\n width: 50px;\n}\n\n// v4 notice above main navbar\n.v4-tease {\n display: block;\n padding: 15px 20px;\n font-weight: bold;\n color: #fff;\n text-align: center;\n background-color: #0275d8;\n}\n.v4-tease:hover {\n color: #fff;\n text-decoration: none;\n background-color: #0269c2;\n}\n\n/* Nullify ill-advised printing of hrefs; see #18711 */\n@media print {\n a[href]:after {\n content: \"\" !important;\n }\n}\n"]} \ No newline at end of file diff --git a/docs/assets/css/ie10-viewport-bug-workaround.css b/docs/assets/css/ie10-viewport-bug-workaround.css deleted file mode 100644 index 4b9518e21..000000000 --- a/docs/assets/css/ie10-viewport-bug-workaround.css +++ /dev/null @@ -1,13 +0,0 @@ -/*! - * IE10 viewport hack for Surface/desktop Windows 8 bug - * Copyright 2014-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - -/* - * See the Getting Started docs for more information: - * http://getbootstrap.com/getting-started/#support-ie10-width - */ -@-ms-viewport { width: device-width; } -@-o-viewport { width: device-width; } -@viewport { width: device-width; } diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css deleted file mode 100644 index eb153b2a9..000000000 --- a/docs/assets/css/src/docs.css +++ /dev/null @@ -1,1632 +0,0 @@ -/*! - * Bootstrap Docs (http://getbootstrap.com) - * Copyright 2011-2016 Twitter, Inc. - * Licensed under the Creative Commons Attribution 3.0 Unported License. For - * details, see https://creativecommons.org/licenses/by/3.0/. - */ - - -/* - * Bootstrap Documentation - * Special styles for presenting Bootstrap's documentation and code examples. - */ - - -/* - * Scaffolding - * - * Update the basics of our documents to prep for docs content. - */ - -body { - position: relative; /* For scrollspy */ -} - -/* Keep code small in tables on account of limited space */ -.table code { - font-size: 13px; - font-weight: normal; -} - -/* Inline code within headings retain the heading's background-color */ -h2 code, -h3 code, -h4 code { - background-color: inherit; -} - -/* Outline button for use within the docs */ -.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; -} - -/* Inverted outline button (white on dark) */ -.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; - font-weight: 500; - color: #fff; - text-align: center; - cursor: default; - background-color: #563d7c; - border-radius: 15%; -} -.bs-docs-booticon-sm { - width: 30px; - height: 30px; - font-size: 20px; - line-height: 28px; -} -.bs-docs-booticon-lg { - width: 144px; - height: 144px; - font-size: 108px; - line-height: 140px; -} -.bs-docs-booticon-inverse { - color: #563d7c; - background-color: #fff; -} -.bs-docs-booticon-outline { - background-color: transparent; - border: 1px solid #cdbfe3; -} - - -/* - * Fancy skip link - * - * Make it look a bit less "bare bones" - * Also includes focus suppression for the Chrome tabindex="-1" workaround - */ - -#skippy { - display: block; - padding: 1em; - color: #fff; - background-color: #6f5499; - outline: 0; -} - -#skippy .skiplink-text { - padding: .5em; - outline: 1px dotted; -} - -#content:focus { - outline: none; -} - - -/* - * Main navigation - * - * Turn the `.navbar` at the top of the docs purple. - */ - -.bs-docs-nav { - margin-bottom: 0; - background-color: #fff; - 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: #563d7c; -} -.bs-docs-nav .navbar-nav > li > a:hover, -.bs-docs-nav .navbar-nav > .active > a, -.bs-docs-nav .navbar-nav > .active > a:hover { - color: #463265; - background-color: #f9f9f9; -} -.bs-docs-nav .navbar-toggle .icon-bar { - background-color: #563d7c; -} -.bs-docs-nav .navbar-header .navbar-toggle { - border-color: #fff; -} -.bs-docs-nav .navbar-header .navbar-toggle:hover, -.bs-docs-nav .navbar-header .navbar-toggle:focus { - background-color: #f9f9f9; - border-color: #f9f9f9; -} - - -/* - * Footer - * - * Separated section of content at the bottom of all pages, save the homepage. - */ - -.bs-docs-footer { - padding-top: 50px; - padding-bottom: 50px; - margin-top: 100px; - color: #99979c; - text-align: center; - background-color: #2a2730; -} -.bs-docs-footer a { - color: #fff; -} -.bs-docs-footer-links { - padding-left: 0; - margin-bottom: 20px; -} -.bs-docs-footer-links li { - display: inline-block; -} -.bs-docs-footer-links li + li { - margin-left: 15px; -} - -@media (min-width: 768px) { - .bs-docs-footer { - text-align: left; - } - .bs-docs-footer p { - margin-bottom: 0; - } -} - - -/* - * Homepage - * - * Tweaks to the custom homepage and the masthead (main jumbotron). - */ - -/* Share masthead with page headers */ -.bs-docs-masthead, -.bs-docs-header { - position: relative; - padding: 30px 0; - color: #cdbfe3; - text-align: center; - text-shadow: 0 1px 0 rgba(0,0,0,.1); - background-color: #6f5499; - background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); - background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); - background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); - background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); - background-repeat: repeat-x; -} - -/* Masthead (headings and download button) */ -.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 - * - * Jumbotron-esque headers at the top of every page that's not the homepage. - */ - -/* Page headers */ -.bs-docs-header { - margin-bottom: 40px; - font-size: 20px; -} -.bs-docs-header h1 { - margin-top: 0; - color: #fff; -} -.bs-docs-header p { - margin-bottom: 0; - font-weight: 300; - line-height: 1.4; -} -.bs-docs-header .container { - position: relative; -} - -@media (min-width: 768px) { - .bs-docs-header { - padding-top: 60px; - padding-bottom: 60px; - font-size: 24px; - text-align: left; - } - .bs-docs-header h1 { - font-size: 60px; - line-height: 1; - } -} - -@media (min-width: 992px) { - .bs-docs-header h1, - .bs-docs-header p { - margin-right: 380px; - } -} - - -/* - * Carbon ads - * - * Single display ad that shows on all pages (except homepage) in page headers. - * The hella `!important` is required for any pre-set property. - */ - -.carbonad { - width: auto !important; - height: auto !important; - padding: 20px !important; - margin: 30px -15px -31px !important; - overflow: hidden; /* clearfix */ - font-size: 13px !important; - line-height: 16px !important; - text-align: left; - background: transparent !important; - border: solid #866ab3 !important; - border-width: 1px 0 !important; -} -.carbonad-img { - margin: 0 !important; -} -.carbonad-text, -.carbonad-tag { - display: block !important; - float: none !important; - width: auto !important; - height: auto !important; - margin-left: 145px !important; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -} -.carbonad-text { - padding-top: 0 !important; -} -.carbonad-tag { - color: inherit !important; - text-align: left !important; -} -.carbonad-text a, -.carbonad-tag a { - color: #fff !important; -} -.carbonad #azcarbon > img { - display: none; /* hide what I assume are tracking images */ -} - -@media (min-width: 480px) { - .carbonad { - width: 330px !important; - margin: 20px auto !important; - border-width: 1px !important; - border-radius: 4px; - } - .bs-docs-masthead .carbonad { - margin: 50px auto 0 !important; - } -} - -@media (min-width: 768px) { - .carbonad { - margin-right: 0 !important; - margin-left: 0 !important; - } -} - -@media (min-width: 992px) { - .carbonad { - position: absolute; - top: 0; - right: 15px; /* 15px instead of 0 since box-sizing */ - width: 330px !important; - padding: 15px !important; - margin: 0 !important; - } - .bs-docs-masthead .carbonad { - position: static; - } -} - - -/* - * Homepage featurettes - * - * Reasons to use Bootstrap, entries from the Expo, and more. - */ - -.bs-docs-featurette { - padding-top: 40px; - padding-bottom: 40px; - font-size: 16px; - line-height: 1.5; - color: #555; - text-align: center; - background-color: #fff; - border-bottom: 1px solid #e5e5e5; -} -.bs-docs-featurette + .bs-docs-footer { - margin-top: 0; - border-top: 0; -} - -.bs-docs-featurette-title { - margin-bottom: 5px; - font-size: 30px; - font-weight: normal; - color: #333; -} -.half-rule { - width: 100px; - margin: 40px auto; -} -.bs-docs-featurette h3 { - margin-bottom: 5px; - font-weight: normal; - color: #333; -} -.bs-docs-featurette-img { - display: block; - margin-bottom: 20px; - color: #333; -} -.bs-docs-featurette-img:hover { - color: #337ab7; - text-decoration: none; -} -.bs-docs-featurette-img img { - display: block; - margin-bottom: 15px; -} - -@media (min-width: 480px) { - .bs-docs-featurette .img-responsive { - margin-top: 30px; - } -} -@media (min-width: 768px) { - .bs-docs-featurette { - padding-top: 100px; - padding-bottom: 100px; - } - .bs-docs-featurette-title { - font-size: 40px; - } - .bs-docs-featurette .lead { - max-width: 80%; - margin-right: auto; - margin-left: auto; - } - .bs-docs-featurette .img-responsive { - margin-top: 0; - } -} - - -/* - * Featured sites - * - * Homepage thumbnails from the Expo. - */ - -.bs-docs-featured-sites { - margin-right: -1px; - margin-left: -1px; -} -.bs-docs-featured-sites .col-xs-6 { - padding: 1px; -} -.bs-docs-featured-sites .img-responsive { - margin-top: 0; -} - -@media (min-width: 768px) { - .bs-docs-featured-sites .col-sm-3:first-child img { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .bs-docs-featured-sites .col-sm-3:last-child img { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } -} - - -/* - * Examples - * - * Linked docs examples. - */ - -.bs-examples .thumbnail { - margin-bottom: 10px; -} -.bs-examples h4 { - margin-bottom: 5px; -} -.bs-examples p { - margin-bottom: 20px; -} - -@media (max-width: 480px) { - .bs-examples { - margin-right: -10px; - margin-left: -10px; - } - .bs-examples > [class^="col-"] { - padding-right: 10px; - padding-left: 10px; - } -} - - -/* - * Side navigation - * - * Scrollspy and affixed enhanced navigation to highlight sections and secondary - * sections of docs content. - */ - -/* By default it's not affixed in mobile views, so undo that */ -.bs-docs-sidebar.affix { - position: static; -} -@media (min-width: 768px) { - .bs-docs-sidebar { - padding-left: 20px; - } -} - -/* First level of nav */ -.bs-docs-sidenav { - margin-top: 20px; - margin-bottom: 20px; -} - -/* All levels of nav */ -.bs-docs-sidebar .nav > li > a { - display: block; - padding: 4px 20px; - font-size: 13px; - font-weight: 500; - color: #767676; -} -.bs-docs-sidebar .nav > li > a:hover, -.bs-docs-sidebar .nav > li > a:focus { - padding-left: 19px; - color: #563d7c; - text-decoration: none; - background-color: transparent; - border-left: 1px solid #563d7c; -} -.bs-docs-sidebar .nav > .active > a, -.bs-docs-sidebar .nav > .active:hover > a, -.bs-docs-sidebar .nav > .active:focus > a { - padding-left: 18px; - font-weight: bold; - color: #563d7c; - background-color: transparent; - border-left: 2px solid #563d7c; -} - -/* Nav: second level (shown on .active) */ -.bs-docs-sidebar .nav .nav { - display: none; /* Hide by default, but at >768px, show it */ - padding-bottom: 10px; -} -.bs-docs-sidebar .nav .nav > li > a { - padding-top: 1px; - padding-bottom: 1px; - padding-left: 30px; - font-size: 12px; - font-weight: normal; -} -.bs-docs-sidebar .nav .nav > li > a:hover, -.bs-docs-sidebar .nav .nav > li > a:focus { - padding-left: 29px; -} -.bs-docs-sidebar .nav .nav > .active > a, -.bs-docs-sidebar .nav .nav > .active:hover > a, -.bs-docs-sidebar .nav .nav > .active:focus > a { - padding-left: 28px; - font-weight: 500; -} - -/* Back to top (hidden on mobile) */ -.back-to-top, -.bs-docs-theme-toggle { - display: none; - padding: 4px 10px; - margin-top: 10px; - margin-left: 10px; - font-size: 12px; - font-weight: 500; - color: #999; -} -.back-to-top:hover, -.bs-docs-theme-toggle:hover { - color: #563d7c; - text-decoration: none; -} -.bs-docs-theme-toggle { - margin-top: 0; -} - -@media (min-width: 768px) { - .back-to-top, - .bs-docs-theme-toggle { - display: block; - } -} - -/* Show and affix the side nav when space allows it */ -@media (min-width: 992px) { - .bs-docs-sidebar .nav > .active > ul { - display: block; - } - /* Widen the fixed sidebar */ - .bs-docs-sidebar.affix, - .bs-docs-sidebar.affix-bottom { - width: 213px; - } - .bs-docs-sidebar.affix { - position: fixed; /* Undo the static from mobile first approach */ - top: 20px; - } - .bs-docs-sidebar.affix-bottom { - position: absolute; /* Undo the static from mobile first approach */ - } - .bs-docs-sidebar.affix-bottom .bs-docs-sidenav, - .bs-docs-sidebar.affix .bs-docs-sidenav { - margin-top: 0; - margin-bottom: 0; - } -} -@media (min-width: 1200px) { - /* Widen the fixed sidebar again */ - .bs-docs-sidebar.affix-bottom, - .bs-docs-sidebar.affix { - width: 263px; - } -} - - -/* - * Docs sections - * - * Content blocks for each component or feature. - */ - -/* Space things out */ -.bs-docs-section { - margin-bottom: 60px; -} -.bs-docs-section:last-child { - margin-bottom: 0; -} - -h1[id] { - padding-top: 20px; - margin-top: 0; -} - - -/* - * Callouts - * - * Not quite alerts, but custom and helpful notes for folks reading the docs. - * Requires a base and modifier class. - */ - -/* Common styles for all types */ -.bs-callout { - padding: 20px; - margin: 20px 0; - border: 1px solid #eee; - border-left-width: 5px; - border-radius: 3px; -} -.bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; -} -.bs-callout p:last-child { - margin-bottom: 0; -} -.bs-callout code { - border-radius: 3px; -} - -/* Tighten up space between multiple callouts */ -.bs-callout + .bs-callout { - margin-top: -5px; -} - -/* Variations */ -.bs-callout-danger { - border-left-color: #ce4844; -} -.bs-callout-danger h4 { - color: #ce4844; -} -.bs-callout-warning { - border-left-color: #aa6708; -} -.bs-callout-warning h4 { - color: #aa6708; -} -.bs-callout-info { - border-left-color: #1b809e; -} -.bs-callout-info h4 { - color: #1b809e; -} - - -/* - * Color swatches - * - * Color swatches and associated values for our grayscale and brand colors. - */ - -.color-swatches { - margin: 0 -5px; - overflow: hidden; /* clearfix */ -} -.color-swatch { - float: left; - width: 60px; - height: 60px; - margin: 0 5px; - border-radius: 3px; -} - -@media (min-width: 768px) { - .color-swatch { - width: 100px; - height: 100px; - } -} - -/* Framework colors */ -.color-swatches .gray-darker { - background-color: #222; -} -.color-swatches .gray-dark { - background-color: #333; -} -.color-swatches .gray { - background-color: #555; -} -.color-swatches .gray-light { - background-color: #999; -} -.color-swatches .gray-lighter { - background-color: #eee; -} -.color-swatches .brand-primary { - background-color: #337ab7; -} -.color-swatches .brand-success { - background-color: #5cb85c; -} -.color-swatches .brand-warning { - background-color: #f0ad4e; -} -.color-swatches .brand-danger { - background-color: #d9534f; -} -.color-swatches .brand-info { - background-color: #5bc0de; -} - -/* Docs colors */ -.color-swatches .bs-purple { - background-color: #563d7c; -} -.color-swatches .bs-purple-light { - background-color: #c7bfd3; -} -.color-swatches .bs-purple-lighter { - background-color: #e5e1ea; -} -.color-swatches .bs-gray { - background-color: #f9f9f9; -} - - -/* - * Team members - * - * Avatars, names, and usernames for core team. - */ - -.bs-team .team-member { - line-height: 32px; - color: #555; -} -.bs-team .team-member:hover { - color: #333; - text-decoration: none; -} -.bs-team .github-btn { - float: right; - width: 180px; - height: 20px; - margin-top: 6px; - border: none; -} -.bs-team img { - float: left; - width: 32px; - margin-right: 10px; - border-radius: 4px; -} - - -/* - * Wall of Browser Bugs - * - * Better display for the responsive table on the Wall of Browser Bugs. - */ - -.bs-docs-browser-bugs td p { - margin-bottom: 0; -} - -.bs-docs-browser-bugs th:first-child { - width: 18%; -} - - -/* - * Grid examples - * - * Highlight the grid columns within the docs so folks can see their padding, - * alignment, sizing, etc. - */ - -.show-grid { - margin-bottom: 15px; -} -.show-grid [class^="col-"] { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - background-color: rgba(86,61,124,.15); - border: 1px solid #ddd; - border: 1px solid rgba(86,61,124,.2); -} - - -/* - * Examples - * - * Isolated sections of example content for each component or feature. Usually - * followed by a code snippet. - */ - -.bs-example { - position: relative; - padding: 45px 15px 15px; - margin: 0 -15px 15px; - border-color: #e5e5e5 #eee #eee; - border-style: solid; - border-width: 1px 0; - -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05); - box-shadow: inset 0 3px 6px rgba(0,0,0,.05); -} -/* Echo out a label for the example */ -.bs-example:after { - position: absolute; - top: 15px; - left: 15px; - font-size: 12px; - font-weight: bold; - color: #959595; - text-transform: uppercase; - letter-spacing: 1px; - content: "Example"; -} - -.bs-example-padded-bottom { - padding-bottom: 24px; -} - -/* Tweak display of the code snippets when following an example */ -.bs-example + .highlight, -.bs-example + .zero-clipboard + .highlight { - margin: -15px -15px 15px; - border-width: 0 0 1px; - border-radius: 0; -} - -/* Make the examples and snippets not full-width */ -@media (min-width: 768px) { - .bs-example { - margin-right: 0; - margin-left: 0; - background-color: #fff; - border-color: #ddd; - border-width: 1px; - border-radius: 4px 4px 0 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .bs-example + .highlight, - .bs-example + .zero-clipboard + .highlight { - margin-top: -16px; - margin-right: 0; - margin-left: 0; - border-width: 1px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .bs-example-standalone { - border-radius: 4px; - } -} - -/* Undo width of container */ -.bs-example .container { - width: auto; -} - -/* Tweak content of examples for optimum awesome */ -.bs-example > p:last-child, -.bs-example > ul:last-child, -.bs-example > ol:last-child, -.bs-example > blockquote:last-child, -.bs-example > .form-control:last-child, -.bs-example > .table:last-child, -.bs-example > .navbar:last-child, -.bs-example > .jumbotron:last-child, -.bs-example > .alert:last-child, -.bs-example > .panel:last-child, -.bs-example > .list-group:last-child, -.bs-example > .well:last-child, -.bs-example > .progress:last-child, -.bs-example > .table-responsive:last-child > .table { - margin-bottom: 0; -} -.bs-example > p > .close { - float: none; -} - -/* Typography */ -.bs-example-type .table .type-info { - color: #767676; - vertical-align: middle; -} -.bs-example-type .table td { - padding: 15px 0; - border-color: #eee; -} -.bs-example-type .table tr:first-child td { - border-top: 0; -} -.bs-example-type h1, -.bs-example-type h2, -.bs-example-type h3, -.bs-example-type h4, -.bs-example-type h5, -.bs-example-type h6 { - margin: 0; -} - -/* Contextual background colors */ -.bs-example-bg-classes p { - padding: 15px; -} - -/* Images */ -.bs-example > .img-circle, -.bs-example > .img-rounded, -.bs-example > .img-thumbnail { - margin: 5px; -} - -/* Tables */ -.bs-example > .table-responsive > .table { - background-color: #fff; -} - -/* Buttons */ -.bs-example > .btn, -.bs-example > .btn-group { - margin-top: 5px; - margin-bottom: 5px; -} -.bs-example > .btn-toolbar + .btn-toolbar { - margin-top: 10px; -} - -/* Forms */ -.bs-example-control-sizing select, -.bs-example-control-sizing input[type="text"] + input[type="text"] { - margin-top: 10px; -} -.bs-example-form .input-group { - margin-bottom: 10px; -} -.bs-example > textarea.form-control { - resize: vertical; -} - -/* List groups */ -.bs-example > .list-group { - max-width: 400px; -} - -/* Navbars */ -.bs-example .navbar:last-child { - margin-bottom: 0; -} -.bs-navbar-top-example, -.bs-navbar-bottom-example { - z-index: 1; - padding: 0; - overflow: hidden; /* cut the drop shadows off */ -} -.bs-navbar-top-example .navbar-header, -.bs-navbar-bottom-example .navbar-header { - margin-left: 0; -} -.bs-navbar-top-example .navbar-fixed-top, -.bs-navbar-bottom-example .navbar-fixed-bottom { - position: relative; - margin-right: 0; - margin-left: 0; -} -.bs-navbar-top-example { - padding-bottom: 45px; -} -.bs-navbar-top-example:after { - top: auto; - bottom: 15px; -} -.bs-navbar-top-example .navbar-fixed-top { - top: -1px; -} -.bs-navbar-bottom-example { - padding-top: 45px; -} -.bs-navbar-bottom-example .navbar-fixed-bottom { - bottom: -1px; -} -.bs-navbar-bottom-example .navbar { - margin-bottom: 0; -} -@media (min-width: 768px) { - .bs-navbar-top-example .navbar-fixed-top, - .bs-navbar-bottom-example .navbar-fixed-bottom { - position: absolute; - } -} - -/* Pagination */ -.bs-example .pagination { - margin-top: 10px; - margin-bottom: 10px; -} - -/* Pager */ -.bs-example > .pager { - margin-top: 0; -} - -/* Example modals */ -.bs-example-modal { - background-color: #f5f5f5; -} -.bs-example-modal .modal { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 1; - display: block; -} -.bs-example-modal .modal-dialog { - left: auto; - margin-right: auto; - margin-left: auto; -} - -/* Example dropdowns */ -.bs-example > .dropdown > .dropdown-toggle { - float: left; -} -.bs-example > .dropdown > .dropdown-menu { - position: static; - display: block; - margin-bottom: 5px; - clear: left; -} - -/* Example tabbable tabs */ -.bs-example-tabs .nav-tabs { - margin-bottom: 15px; -} - -/* Tooltips */ -.bs-example-tooltips { - text-align: center; -} -.bs-example-tooltips > .btn { - margin-top: 5px; - margin-bottom: 5px; -} -.bs-example-tooltip .tooltip { - position: relative; - display: inline-block; - margin: 10px 20px; - opacity: 1; -} - -/* Popovers */ -.bs-example-popover { - padding-bottom: 24px; - background-color: #f9f9f9; -} -.bs-example-popover .popover { - position: relative; - display: block; - float: left; - width: 260px; - margin: 20px; -} - -/* Scrollspy demo on fixed height div */ -.scrollspy-example { - position: relative; - height: 200px; - margin-top: 10px; - overflow: auto; -} - -.bs-example > .nav-pills-stacked-example { - max-width: 300px; -} - -/* Simple collapse example */ -#collapseExample .well { - margin-bottom: 0; -} - -/* Don't wrap event names in Events tables in JS plugin docs */ -.bs-events-table > thead > tr > th:first-child, -.bs-events-table > tbody > tr > td:first-child { - white-space: nowrap; -} - -.bs-events-table > thead > tr > th:first-child { - width: 150px; -} - -.js-options-table > thead > tr > th:nth-child(1), -.js-options-table > thead > tr > th:nth-child(2) { - width: 100px; -} - -.js-options-table > thead > tr > th:nth-child(3) { - width: 50px; -} - -/* - * Code snippets - * - * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS. - */ - -.highlight { - padding: 9px 14px; - margin-bottom: 14px; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; - border-radius: 4px; -} -.highlight pre { - padding: 0; - margin-top: 0; - margin-bottom: 0; - word-break: normal; - white-space: nowrap; - background-color: transparent; - border: 0; -} -.highlight pre code { - font-size: inherit; - color: #333; /* Effectively the base text color */ -} -.highlight pre code:first-child { - display: inline-block; - padding-right: 45px; -} - - -/* - * Responsive tests - * - * Generate a set of tests to show the responsive utilities in action. - */ - -/* Responsive (scrollable) doc tables */ -.table-responsive .highlight pre { - white-space: normal; -} - -/* Utility classes table */ -.bs-table th small, -.responsive-utilities th small { - display: block; - font-weight: normal; - color: #999; -} -.responsive-utilities tbody th { - font-weight: normal; -} -.responsive-utilities td { - text-align: center; -} -.responsive-utilities td.is-visible { - color: #468847; - background-color: #dff0d8 !important; -} -.responsive-utilities td.is-hidden { - color: #ccc; - background-color: #f9f9f9 !important; -} - -/* Responsive tests */ -.responsive-utilities-test { - margin-top: 5px; -} -.responsive-utilities-test .col-xs-6 { - margin-bottom: 10px; -} -.responsive-utilities-test span { - display: block; - padding: 15px 10px; - font-size: 14px; - font-weight: bold; - line-height: 1.1; - text-align: center; - border-radius: 4px; -} -.visible-on .col-xs-6 .hidden-xs, -.visible-on .col-xs-6 .hidden-sm, -.visible-on .col-xs-6 .hidden-md, -.visible-on .col-xs-6 .hidden-lg, -.hidden-on .col-xs-6 .hidden-xs, -.hidden-on .col-xs-6 .hidden-sm, -.hidden-on .col-xs-6 .hidden-md, -.hidden-on .col-xs-6 .hidden-lg { - color: #999; - border: 1px solid #ddd; -} -.visible-on .col-xs-6 .visible-xs-block, -.visible-on .col-xs-6 .visible-sm-block, -.visible-on .col-xs-6 .visible-md-block, -.visible-on .col-xs-6 .visible-lg-block, -.hidden-on .col-xs-6 .visible-xs-block, -.hidden-on .col-xs-6 .visible-sm-block, -.hidden-on .col-xs-6 .visible-md-block, -.hidden-on .col-xs-6 .visible-lg-block { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; -} - - -/* - * Glyphicons - * - * Special styles for displaying the icons and their classes in the docs. - */ - -.bs-glyphicons { - margin: 0 -10px 20px; - overflow: hidden; -} -.bs-glyphicons-list { - padding-left: 0; - list-style: none; -} -.bs-glyphicons li { - float: left; - width: 25%; - height: 115px; - padding: 10px; - font-size: 10px; - line-height: 1.4; - text-align: center; - background-color: #f9f9f9; - border: 1px solid #fff; -} -.bs-glyphicons .glyphicon { - margin-top: 5px; - margin-bottom: 10px; - font-size: 24px; -} -.bs-glyphicons .glyphicon-class { - display: block; - text-align: center; - word-wrap: break-word; /* Help out IE10+ with class names */ -} -.bs-glyphicons li:hover { - color: #fff; - background-color: #563d7c; -} - -@media (min-width: 768px) { - .bs-glyphicons { - margin-right: 0; - margin-left: 0; - } - .bs-glyphicons li { - width: 12.5%; - font-size: 12px; - } -} - - -/* - * Customizer - * - * Since this is so form control heavy, we have quite a few styles to customize - * the display of inputs, headings, and more. Also included are all the download - * buttons and actions. - */ - -.bs-customizer .toggle { - float: right; - margin-top: 25px; -} - -/* Headings and form contrls */ -.bs-customizer label { - margin-top: 10px; - font-weight: 500; - color: #555; -} -.bs-customizer h2 { - padding-top: 30px; - margin-top: 0; - margin-bottom: 5px; -} -.bs-customizer h3 { - margin-bottom: 0; -} -.bs-customizer h4 { - margin-top: 15px; - margin-bottom: 0; -} -.bs-customizer .bs-callout h4 { - margin-top: 0; /* lame, but due to specificity we have to duplicate */ - margin-bottom: 5px; -} -.bs-customizer input[type="text"] { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - background-color: #fafafa; -} -.bs-customizer .help-block { - margin-bottom: 5px; - font-size: 12px; -} - -/* For the variables, use regular weight */ -#less-section label { - font-weight: normal; -} - -/* Downloads */ -.bs-customize-download .btn-outline { - padding: 20px; -} - -/* Error handling */ -.bs-customizer-alert { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; - padding: 15px 0; - color: #fff; - background-color: #d9534f; - border-bottom: 1px solid #b94441; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.25); -} -.bs-customizer-alert .close { - margin-top: -4px; - font-size: 24px; -} -.bs-customizer-alert p { - margin-bottom: 0; -} -.bs-customizer-alert .glyphicon { - margin-right: 5px; -} -.bs-customizer-alert pre { - margin: 10px 0 0; - color: #fff; - background-color: #a83c3a; - border-color: #973634; - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); -} - -.bs-dropzone { - position: relative; - padding: 20px; - margin-bottom: 20px; - color: #777; - text-align: center; - border: 2px dashed #eee; - border-radius: 4px; -} -.bs-dropzone .import-header { - margin-bottom: 5px; -} -.bs-dropzone .glyphicon-download-alt { - font-size: 40px; -} -.bs-dropzone hr { - width: 100px; -} -.bs-dropzone .lead { - margin-bottom: 10px; - font-weight: normal; - color: #333; -} -/*.bs-dropzone*/ #import-manual-trigger { - cursor: pointer; -} -.bs-dropzone p:last-child { - margin-bottom: 0; -} - -/* - * Brand guidelines - * - * Extra styles for displaying wordmarks, logos, etc. - */ - -/* Logo series wrapper */ -.bs-brand-logos { - display: table; - width: 100%; - margin-bottom: 15px; - overflow: hidden; - color: #563d7c; - background-color: #f9f9f9; - border-radius: 4px; -} - -/* Individual items */ -.bs-brand-item { - padding: 60px 0; - text-align: center; -} -.bs-brand-item + .bs-brand-item { - border-top: 1px solid #fff; -} -.bs-brand-logos .inverse { - color: #fff; - background-color: #563d7c; -} - -/* Heading content within */ -.bs-brand-item h1, -.bs-brand-item h3 { - margin-top: 0; - margin-bottom: 0; -} -.bs-brand-item .bs-docs-booticon { - margin-right: auto; - margin-left: auto; -} - -/* Make the icons stand out on what is/isn't okay */ -.bs-brand-item .glyphicon { - width: 30px; - height: 30px; - margin: 10px auto -10px; - line-height: 30px; - color: #fff; - border-radius: 50%; -} -.bs-brand-item .glyphicon-ok { - background-color: #5cb85c; -} -.bs-brand-item .glyphicon-remove { - background-color: #d9534f; -} - -@media (min-width: 768px) { - .bs-brand-item { - display: table-cell; - width: 1%; - } - .bs-brand-item + .bs-brand-item { - border-top: 0; - border-left: 1px solid #fff; - } - .bs-brand-item h1 { - font-size: 60px; - } -} - - -/* - * ZeroClipboard styles - */ - -.zero-clipboard { - position: relative; - display: none; -} -.btn-clipboard { - position: absolute; - top: 0; - right: 0; - z-index: 10; - display: block; - padding: 5px 8px; - font-size: 12px; - color: #767676; - cursor: pointer; - background-color: #fff; - border: 1px solid #e1e1e8; - border-radius: 0 4px 0 4px; -} -.btn-clipboard-hover { - color: #fff; - background-color: #563d7c; - border-color: #563d7c; -} - -@media (min-width: 768px) { - .zero-clipboard { - display: block; - } - .bs-example + .zero-clipboard .btn-clipboard { - top: -16px; - border-top-right-radius: 0; - } -} - -/* - * AnchorJS Styles - */ -.anchorjs-link { - color: inherit; -} - -@media (max-width: 480px) { - .anchorjs-link { - display: none; - } -} - -*:hover > .anchorjs-link { - opacity: .75; - -webkit-transition: color .16s linear; - -o-transition: color .16s linear; - transition: color .16s linear; -} - -*:hover > .anchorjs-link:hover, -.anchorjs-link:focus { - text-decoration: none; - opacity: 1; -} - -/* - * Miscellaneous - * - * Odds and ends for optimum docs display. - */ - -/* Pseudo :focus state for showing how it looks in the docs */ -#focusedInput { - border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/ - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6); - box-shadow: 0 0 8px rgba(82,168,236,.6); -} - -/* v4 notice above main navbar */ -.v4-tease { - display: block; - padding: 15px 20px; - font-weight: bold; - color: #fff; - text-align: center; - background-color: #0275d8; -} -.v4-tease:hover { - color: #fff; - text-decoration: none; - background-color: #0269c2; -} - -/* Nullify ill-advised printing of hrefs; see #18711 */ -@media print { - a[href]:after { - content: "" !important; - } -} diff --git a/docs/assets/css/src/pygments-manni.css b/docs/assets/css/src/pygments-manni.css deleted file mode 100644 index 1b3c92cb2..000000000 --- a/docs/assets/css/src/pygments-manni.css +++ /dev/null @@ -1,66 +0,0 @@ -.hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/docs/assets/less/ads.less b/docs/assets/less/ads.less new file mode 100644 index 000000000..412205e7e --- /dev/null +++ b/docs/assets/less/ads.less @@ -0,0 +1,152 @@ +// scss-lint:disable ImportantRule, IdSelector + +// +// Carbon ads +// + +#carbonads { + display: block; + padding: 15px 15px 15px 160px; + margin: 50px -15px 0; + overflow: hidden; + font-size: 13px; + line-height: 1.5; + text-align: left; + border: solid #866ab3; + border-width: 1px 0 0; + + a { + color: #fff; + text-decoration: none; + } + + @media (min-width: @screen-sm-min) { + max-width: 330px; + margin: 50px auto 0; + border-width: 1px; + border-radius: 4px; + } + + @media (min-width: @screen-lg-min) { + position: absolute; + top: 0; + right: 15px; + margin-top: 0; + + .bd-masthead & { + position: static; + } + } +} + +.carbon-img { + float: left; + margin-left: -145px; +} + +.carbon-poweredby { + display: block; + color: #cdbfe3 !important; +} + +.bd-content { + #carbonads { + position: static; + max-width: 400px; + margin: 2rem 0; + line-height: 1.4; + background-color: #f5f5f5; + border: 0; + + a { + color: #333; + } + + .carbon-poweredby { + color: #777 !important; + } + } +} + + + + +/* + * Carbon ads + * + * Single display ad that shows on all pages (except homepage) in page headers. + * The hella `!important` is required for any pre-set property. + */ + +// .carbonad { +// width: auto !important; +// height: auto !important; +// padding: 20px !important; +// margin: 30px -15px -31px !important; +// overflow: hidden; /* clearfix */ +// font-size: 13px !important; +// line-height: 16px !important; +// text-align: left; +// background: transparent !important; +// border: solid #866ab3 !important; +// border-width: 1px 0 !important; +// } +// .carbonad-img { +// margin: 0 !important; +// } +// .carbonad-text, +// .carbonad-tag { +// display: block !important; +// float: none !important; +// width: auto !important; +// height: auto !important; +// margin-left: 145px !important; +// font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; +// } +// .carbonad-text { +// padding-top: 0 !important; +// } +// .carbonad-tag { +// color: inherit !important; +// text-align: left !important; +// } +// .carbonad-text a, +// .carbonad-tag a { +// color: #fff !important; +// } +// .carbonad #azcarbon > img { +// display: none; /* hide what I assume are tracking images */ +// } +// +// @media (min-width: 480px) { +// .carbonad { +// width: 330px !important; +// margin: 20px auto !important; +// border-width: 1px !important; +// border-radius: 4px; +// } +// .bs-docs-masthead .carbonad { +// margin: 50px auto 0 !important; +// } +// } +// +// @media (min-width: 768px) { +// .carbonad { +// margin-right: 0 !important; +// margin-left: 0 !important; +// } +// } +// +// @media (min-width: 992px) { +// .carbonad { +// position: absolute; +// top: 0; +// right: 15px; /* 15px instead of 0 since box-sizing */ +// width: 330px !important; +// padding: 15px !important; +// margin: 0 !important; +// } +// .bs-docs-masthead .carbonad { +// position: static; +// } +// } diff --git a/docs/assets/less/anchor.less b/docs/assets/less/anchor.less new file mode 100644 index 000000000..5bc63602e --- /dev/null +++ b/docs/assets/less/anchor.less @@ -0,0 +1,25 @@ +/* + * AnchorJS Styles + */ +.anchorjs-link { + color: inherit; +} + +@media (max-width: 480px) { + .anchorjs-link { + display: none; + } +} + +*:hover > .anchorjs-link { + opacity: .75; + -webkit-transition: color .16s linear; + -o-transition: color .16s linear; + transition: color .16s linear; +} + +*:hover > .anchorjs-link:hover, +.anchorjs-link:focus { + text-decoration: none; + opacity: 1; +} diff --git a/docs/assets/less/booticon.less b/docs/assets/less/booticon.less new file mode 100644 index 000000000..21077a8d3 --- /dev/null +++ b/docs/assets/less/booticon.less @@ -0,0 +1,30 @@ +/* Bootstrap "B" icon */ +.bs-docs-booticon { + display: block; + font-weight: 500; + color: #fff; + text-align: center; + cursor: default; + background-color: #563d7c; + border-radius: 15%; +} +.bs-docs-booticon-sm { + width: 30px; + height: 30px; + font-size: 20px; + line-height: 28px; +} +.bs-docs-booticon-lg { + width: 144px; + height: 144px; + font-size: 108px; + line-height: 140px; +} +.bs-docs-booticon-inverse { + color: #563d7c; + background-color: #fff; +} +.bs-docs-booticon-outline { + background-color: transparent; + border: 1px solid #cdbfe3; +} diff --git a/docs/assets/less/brand.less b/docs/assets/less/brand.less new file mode 100644 index 000000000..c2971222d --- /dev/null +++ b/docs/assets/less/brand.less @@ -0,0 +1,64 @@ +/* Logo series wrapper */ +.bs-brand-logos { + display: table; + width: 100%; + margin-bottom: 15px; + overflow: hidden; + color: #563d7c; + background-color: #f9f9f9; + border-radius: 4px; +} + +/* Individual items */ +.bs-brand-item { + padding: 60px 0; + text-align: center; +} +.bs-brand-item + .bs-brand-item { + border-top: 1px solid #fff; +} +.bs-brand-logos .inverse { + color: #fff; + background-color: #563d7c; +} + +/* Heading content within */ +.bs-brand-item h1, +.bs-brand-item h3 { + margin-top: 0; + margin-bottom: 0; +} +.bs-brand-item .bs-docs-booticon { + margin-right: auto; + margin-left: auto; +} + +/* Make the icons stand out on what is/isn't okay */ +.bs-brand-item .glyphicon { + width: 30px; + height: 30px; + margin: 10px auto -10px; + line-height: 30px; + color: #fff; + border-radius: 50%; +} +.bs-brand-item .glyphicon-ok { + background-color: #5cb85c; +} +.bs-brand-item .glyphicon-remove { + background-color: #d9534f; +} + +@media (min-width: 768px) { + .bs-brand-item { + display: table-cell; + width: 1%; + } + .bs-brand-item + .bs-brand-item { + border-top: 0; + border-left: 1px solid #fff; + } + .bs-brand-item h1 { + font-size: 60px; + } +} diff --git a/docs/assets/less/buttons.less b/docs/assets/less/buttons.less new file mode 100644 index 000000000..c90cefe37 --- /dev/null +++ b/docs/assets/less/buttons.less @@ -0,0 +1,28 @@ +/* Outline button for use within the docs */ +.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; +} + +/* Inverted outline button (white on dark) */ +.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; +} diff --git a/docs/assets/less/callouts.less b/docs/assets/less/callouts.less new file mode 100644 index 000000000..1017d0bde --- /dev/null +++ b/docs/assets/less/callouts.less @@ -0,0 +1,50 @@ +/* + * Callouts + * + * Not quite alerts, but custom and helpful notes for folks reading the docs. + * Requires a base and modifier class. + */ + +/* Common styles for all types */ +.bs-callout { + padding: 20px; + margin: 20px 0; + border: 1px solid #eee; + border-left-width: 5px; + border-radius: 3px; +} +.bs-callout h4 { + margin-top: 0; + margin-bottom: 5px; +} +.bs-callout p:last-child { + margin-bottom: 0; +} +.bs-callout code { + border-radius: 3px; +} + +/* Tighten up space between multiple callouts */ +.bs-callout + .bs-callout { + margin-top: -5px; +} + +/* Variations */ +.bs-callout-danger { + border-left-color: #ce4844; +} +.bs-callout-danger h4 { + color: #ce4844; +} +.bs-callout-warning { + border-left-color: #aa6708; +} +.bs-callout-warning h4 { + color: #aa6708; +} +.bs-callout-info { + border-left-color: #1b809e; +} +.bs-callout-info h4 { + color: #1b809e; +} diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less new file mode 100644 index 000000000..6046a0c07 --- /dev/null +++ b/docs/assets/less/customizer.less @@ -0,0 +1,108 @@ +.bs-customizer .toggle { + float: right; + margin-top: 25px; +} + +/* Headings and form contrls */ +.bs-customizer label { + margin-top: 10px; + font-weight: 500; + color: #555; +} +.bs-customizer h2 { + padding-top: 30px; + margin-top: 0; + margin-bottom: 5px; +} +.bs-customizer h3 { + margin-bottom: 0; +} +.bs-customizer h4 { + margin-top: 15px; + margin-bottom: 0; +} +.bs-customizer .bs-callout h4 { + margin-top: 0; /* lame, but due to specificity we have to duplicate */ + margin-bottom: 5px; +} +.bs-customizer input[type="text"] { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + background-color: #fafafa; +} +.bs-customizer .help-block { + margin-bottom: 5px; + font-size: 12px; +} + +/* For the variables, use regular weight */ +#less-section label { + font-weight: normal; +} + +/* Downloads */ +.bs-customize-download .btn-outline { + padding: 20px; +} + +/* Error handling */ +.bs-customizer-alert { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; + padding: 15px 0; + color: #fff; + background-color: #d9534f; + border-bottom: 1px solid #b94441; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.25); +} +.bs-customizer-alert .close { + margin-top: -4px; + font-size: 24px; +} +.bs-customizer-alert p { + margin-bottom: 0; +} +.bs-customizer-alert .glyphicon { + margin-right: 5px; +} +.bs-customizer-alert pre { + margin: 10px 0 0; + color: #fff; + background-color: #a83c3a; + border-color: #973634; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); +} + +.bs-dropzone { + position: relative; + padding: 20px; + margin-bottom: 20px; + color: #777; + text-align: center; + border: 2px dashed #eee; + border-radius: 4px; +} +.bs-dropzone .import-header { + margin-bottom: 5px; +} +.bs-dropzone .glyphicon-download-alt { + font-size: 40px; +} +.bs-dropzone hr { + width: 100px; +} +.bs-dropzone .lead { + margin-bottom: 10px; + font-weight: normal; + color: #333; +} +/*.bs-dropzone*/ #import-manual-trigger { + cursor: pointer; +} +.bs-dropzone p:last-child { + margin-bottom: 0; +} diff --git a/docs/assets/less/demos.less b/docs/assets/less/demos.less new file mode 100644 index 000000000..e05d7f0d9 --- /dev/null +++ b/docs/assets/less/demos.less @@ -0,0 +1,20 @@ +.bs-examples .thumbnail { + margin-bottom: 10px; +} +.bs-examples h4 { + margin-bottom: 5px; +} +.bs-examples p { + margin-bottom: 20px; +} + +@media (max-width: 480px) { + .bs-examples { + margin-right: -10px; + margin-left: -10px; + } + .bs-examples > [class^="col-"] { + padding-right: 10px; + padding-left: 10px; + } +} diff --git a/docs/assets/less/docs.less b/docs/assets/less/docs.less new file mode 100644 index 000000000..3a0bec96c --- /dev/null +++ b/docs/assets/less/docs.less @@ -0,0 +1,129 @@ +/*! + * Bootstrap Docs (http://getbootstrap.com) + * Copyright 2011-2017 Twitter, Inc. + * Licensed under the Creative Commons Attribution 3.0 Unported License. For + * details, see https://creativecommons.org/licenses/by/3.0/. + */ + +/* + * Bootstrap Documentation + * Special styles for presenting Bootstrap's documentation and code examples. + */ + +// Dependencies +@import "syntax.less"; +@import "ie10-viewport-bug-workaround.less"; + +// Core variables and mixins +@import "../../../less/variables.less"; +@import "../../../less/mixins.less"; + +// Docs components +@import "buttons.less"; +@import "booticon.less"; +@import "skip-link.less"; +@import "nav.less"; +@import "footer.less"; +@import "masthead.less"; +@import "page-header.less"; +@import "ads.less"; +@import "featurettes.less"; +@import "featured-sites.less"; +@import "demos.less"; +@import "sidebar.less"; +@import "examples.less"; +@import "callouts.less"; +@import "swatches.less"; +@import "team.less"; +@import "responsive-tests.less"; +@import "glyphicons.less"; +@import "customizer.less"; +@import "brand.less"; +@import "zero-clipboard.less"; +@import "anchor.less"; + + +// +// Misc +// + +// For scrollspy +body { + position: relative; +} + +// Keep code small in tables on account of limited space +.table code { + font-size: 13px; + font-weight: normal; +} + +// Inline code within headings retain the heading's background-color +h2 code, +h3 code, +h4 code { + background-color: inherit; +} + +// Space docs sections out +.bs-docs-section { + margin-bottom: 60px; +} +.bs-docs-section:last-child { + margin-bottom: 0; +} + +h1[id] { + padding-top: 20px; + margin-top: 0; +} + +// Wall of Browser Bugs +.bs-docs-browser-bugs td p { + margin-bottom: 0; +} + +.bs-docs-browser-bugs th:first-child { + width: 18%; +} + +// Don't wrap event names in Events tables in JS plugin docs +.bs-events-table > thead > tr > th:first-child, +.bs-events-table > tbody > tr > td:first-child { + white-space: nowrap; +} + +.bs-events-table > thead > tr > th:first-child { + width: 150px; +} + +.js-options-table > thead > tr > th:nth-child(1), +.js-options-table > thead > tr > th:nth-child(2) { + width: 100px; +} + +.js-options-table > thead > tr > th:nth-child(3) { + width: 50px; +} + +// v4 notice above main navbar +.v4-tease { + display: block; + padding: 15px 20px; + font-weight: bold; + color: #fff; + text-align: center; + background-color: #0275d8; +} +.v4-tease:hover { + color: #fff; + text-decoration: none; + background-color: #0269c2; +} + +/* Nullify ill-advised printing of hrefs; see #18711 */ +@media print { + a[href]:after { + content: "" !important; + } +} diff --git a/docs/assets/less/examples.less b/docs/assets/less/examples.less new file mode 100644 index 000000000..9bc7a5316 --- /dev/null +++ b/docs/assets/less/examples.less @@ -0,0 +1,324 @@ +/* + * Grid examples + * + * Highlight the grid columns within the docs so folks can see their padding, + * alignment, sizing, etc. + */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + background-color: rgba(86,61,124,.15); + border: 1px solid #ddd; + border: 1px solid rgba(86,61,124,.2); +} + +/* + * Examples + * + * Isolated sections of example content for each component or feature. Usually + * followed by a code snippet. + */ + +.bs-example { + position: relative; + padding: 45px 15px 15px; + margin: 0 -15px 15px; + border-color: #e5e5e5 #eee #eee; + border-style: solid; + border-width: 1px 0; + -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05); + box-shadow: inset 0 3px 6px rgba(0,0,0,.05); +} +/* Echo out a label for the example */ +.bs-example:after { + position: absolute; + top: 15px; + left: 15px; + font-size: 12px; + font-weight: bold; + color: #959595; + text-transform: uppercase; + letter-spacing: 1px; + content: "Example"; +} + +.bs-example-padded-bottom { + padding-bottom: 24px; +} + +/* Tweak display of the code snippets when following an example */ +.bs-example + .highlight, +.bs-example + .zero-clipboard + .highlight { + margin: -15px -15px 15px; + border-width: 0 0 1px; + border-radius: 0; +} + +/* Make the examples and snippets not full-width */ +@media (min-width: 768px) { + .bs-example { + margin-right: 0; + margin-left: 0; + background-color: #fff; + border-color: #ddd; + border-width: 1px; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .bs-example + .highlight, + .bs-example + .zero-clipboard + .highlight { + margin-top: -16px; + margin-right: 0; + margin-left: 0; + border-width: 1px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .bs-example-standalone { + border-radius: 4px; + } +} + +/* Undo width of container */ +.bs-example .container { + width: auto; +} + +/* Tweak content of examples for optimum awesome */ +.bs-example > p:last-child, +.bs-example > ul:last-child, +.bs-example > ol:last-child, +.bs-example > blockquote:last-child, +.bs-example > .form-control:last-child, +.bs-example > .table:last-child, +.bs-example > .navbar:last-child, +.bs-example > .jumbotron:last-child, +.bs-example > .alert:last-child, +.bs-example > .panel:last-child, +.bs-example > .list-group:last-child, +.bs-example > .well:last-child, +.bs-example > .progress:last-child, +.bs-example > .table-responsive:last-child > .table { + margin-bottom: 0; +} +.bs-example > p > .close { + float: none; +} + +/* Typography */ +.bs-example-type .table .type-info { + color: #767676; + vertical-align: middle; +} +.bs-example-type .table td { + padding: 15px 0; + border-color: #eee; +} +.bs-example-type .table tr:first-child td { + border-top: 0; +} +.bs-example-type h1, +.bs-example-type h2, +.bs-example-type h3, +.bs-example-type h4, +.bs-example-type h5, +.bs-example-type h6 { + margin: 0; +} + +/* Contextual background colors */ +.bs-example-bg-classes p { + padding: 15px; +} + +/* Images */ +.bs-example > .img-circle, +.bs-example > .img-rounded, +.bs-example > .img-thumbnail { + margin: 5px; +} + +/* Tables */ +.bs-example > .table-responsive > .table { + background-color: #fff; +} + +/* Buttons */ +.bs-example > .btn, +.bs-example > .btn-group { + margin-top: 5px; + margin-bottom: 5px; +} +.bs-example > .btn-toolbar + .btn-toolbar { + margin-top: 10px; +} + +/* Forms */ +.bs-example-control-sizing select, +.bs-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: 10px; +} +.bs-example-form .input-group { + margin-bottom: 10px; +} +.bs-example > textarea.form-control { + resize: vertical; +} + +/* List groups */ +.bs-example > .list-group { + max-width: 400px; +} + +/* Navbars */ +.bs-example .navbar:last-child { + margin-bottom: 0; +} +.bs-navbar-top-example, +.bs-navbar-bottom-example { + z-index: 1; + padding: 0; + overflow: hidden; /* cut the drop shadows off */ +} +.bs-navbar-top-example .navbar-header, +.bs-navbar-bottom-example .navbar-header { + margin-left: 0; +} +.bs-navbar-top-example .navbar-fixed-top, +.bs-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-right: 0; + margin-left: 0; +} +.bs-navbar-top-example { + padding-bottom: 45px; +} +.bs-navbar-top-example:after { + top: auto; + bottom: 15px; +} +.bs-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bs-navbar-bottom-example { + padding-top: 45px; +} +.bs-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} +.bs-navbar-bottom-example .navbar { + margin-bottom: 0; +} +@media (min-width: 768px) { + .bs-navbar-top-example .navbar-fixed-top, + .bs-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; + } +} + +/* Pagination */ +.bs-example .pagination { + margin-top: 10px; + margin-bottom: 10px; +} + +/* Pager */ +.bs-example > .pager { + margin-top: 0; +} + +/* Example modals */ +.bs-example-modal { + background-color: #f5f5f5; +} +.bs-example-modal .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 1; + display: block; +} +.bs-example-modal .modal-dialog { + left: auto; + margin-right: auto; + margin-left: auto; +} + +/* Example dropdowns */ +.bs-example > .dropdown > .dropdown-toggle { + float: left; +} +.bs-example > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: 5px; + clear: left; +} + +/* Example tabbable tabs */ +.bs-example-tabs .nav-tabs { + margin-bottom: 15px; +} + +/* Tooltips */ +.bs-example-tooltips { + text-align: center; +} +.bs-example-tooltips > .btn { + margin-top: 5px; + margin-bottom: 5px; +} +.bs-example-tooltip .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; +} + +/* Popovers */ +.bs-example-popover { + padding-bottom: 24px; + background-color: #f9f9f9; +} +.bs-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 20px; +} + +/* Scrollspy demo on fixed height div */ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + +.bs-example > .nav-pills-stacked-example { + max-width: 300px; +} + +/* Simple collapse example */ +#collapseExample .well { + margin-bottom: 0; +} + +/* Pseudo :focus state for showing how it looks in the docs */ +#focusedInput { + border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/ + border-color: rgba(82,168,236,.8); + outline: 0; + outline: thin dotted \9; /* IE6-9 */ + -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6); + box-shadow: 0 0 8px rgba(82,168,236,.6); +} diff --git a/docs/assets/less/featured-sites.less b/docs/assets/less/featured-sites.less new file mode 100644 index 000000000..926db75a5 --- /dev/null +++ b/docs/assets/less/featured-sites.less @@ -0,0 +1,21 @@ +.bs-docs-featured-sites { + margin-right: -1px; + margin-left: -1px; +} +.bs-docs-featured-sites .col-xs-6 { + padding: 1px; +} +.bs-docs-featured-sites .img-responsive { + margin-top: 0; +} + +@media (min-width: 768px) { + .bs-docs-featured-sites .col-sm-3:first-child img { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .bs-docs-featured-sites .col-sm-3:last-child img { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} diff --git a/docs/assets/less/featurettes.less b/docs/assets/less/featurettes.less new file mode 100644 index 000000000..caeb86ffc --- /dev/null +++ b/docs/assets/less/featurettes.less @@ -0,0 +1,66 @@ +.bs-docs-featurette { + padding-top: 40px; + padding-bottom: 40px; + font-size: 16px; + line-height: 1.5; + color: #555; + text-align: center; + background-color: #fff; + border-bottom: 1px solid #e5e5e5; +} +.bs-docs-featurette + .bs-docs-footer { + margin-top: 0; + border-top: 0; +} + +.bs-docs-featurette-title { + margin-bottom: 5px; + font-size: 30px; + font-weight: normal; + color: #333; +} +.half-rule { + width: 100px; + margin: 40px auto; +} +.bs-docs-featurette h3 { + margin-bottom: 5px; + font-weight: normal; + color: #333; +} +.bs-docs-featurette-img { + display: block; + margin-bottom: 20px; + color: #333; +} +.bs-docs-featurette-img:hover { + color: #337ab7; + text-decoration: none; +} +.bs-docs-featurette-img img { + display: block; + margin-bottom: 15px; +} + +@media (min-width: 480px) { + .bs-docs-featurette .img-responsive { + margin-top: 30px; + } +} +@media (min-width: 768px) { + .bs-docs-featurette { + padding-top: 100px; + padding-bottom: 100px; + } + .bs-docs-featurette-title { + font-size: 40px; + } + .bs-docs-featurette .lead { + max-width: 80%; + margin-right: auto; + margin-left: auto; + } + .bs-docs-featurette .img-responsive { + margin-top: 0; + } +} diff --git a/docs/assets/less/footer.less b/docs/assets/less/footer.less new file mode 100644 index 000000000..8d9e33c1c --- /dev/null +++ b/docs/assets/less/footer.less @@ -0,0 +1,30 @@ +.bs-docs-footer { + padding-top: 50px; + padding-bottom: 50px; + margin-top: 100px; + color: #99979c; + text-align: center; + background-color: #2a2730; +} +.bs-docs-footer a { + color: #fff; +} +.bs-docs-footer-links { + padding-left: 0; + margin-bottom: 20px; +} +.bs-docs-footer-links li { + display: inline-block; +} +.bs-docs-footer-links li + li { + margin-left: 15px; +} + +@media (min-width: 768px) { + .bs-docs-footer { + text-align: left; + } + .bs-docs-footer p { + margin-bottom: 0; + } +} diff --git a/docs/assets/less/glyphicons.less b/docs/assets/less/glyphicons.less new file mode 100644 index 000000000..841e1e244 --- /dev/null +++ b/docs/assets/less/glyphicons.less @@ -0,0 +1,44 @@ +.bs-glyphicons { + margin: 0 -10px 20px; + overflow: hidden; +} +.bs-glyphicons-list { + padding-left: 0; + list-style: none; +} +.bs-glyphicons li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + font-size: 10px; + line-height: 1.4; + text-align: center; + background-color: #f9f9f9; + border: 1px solid #fff; +} +.bs-glyphicons .glyphicon { + margin-top: 5px; + margin-bottom: 10px; + font-size: 24px; +} +.bs-glyphicons .glyphicon-class { + display: block; + text-align: center; + word-wrap: break-word; /* Help out IE10+ with class names */ +} +.bs-glyphicons li:hover { + color: #fff; + background-color: #563d7c; +} + +@media (min-width: 768px) { + .bs-glyphicons { + margin-right: 0; + margin-left: 0; + } + .bs-glyphicons li { + width: 12.5%; + font-size: 12px; + } +} diff --git a/docs/assets/less/ie10-viewport-bug-workaround.less b/docs/assets/less/ie10-viewport-bug-workaround.less new file mode 100644 index 000000000..4b9518e21 --- /dev/null +++ b/docs/assets/less/ie10-viewport-bug-workaround.less @@ -0,0 +1,13 @@ +/*! + * IE10 viewport hack for Surface/desktop Windows 8 bug + * Copyright 2014-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/* + * See the Getting Started docs for more information: + * http://getbootstrap.com/getting-started/#support-ie10-width + */ +@-ms-viewport { width: device-width; } +@-o-viewport { width: device-width; } +@viewport { width: device-width; } diff --git a/docs/assets/less/masthead.less b/docs/assets/less/masthead.less new file mode 100644 index 000000000..b36d170e0 --- /dev/null +++ b/docs/assets/less/masthead.less @@ -0,0 +1,72 @@ +/* + * Homepage + * + * Tweaks to the custom homepage and the masthead (main jumbotron). + */ + +/* Share masthead with page headers */ +.bs-docs-masthead, +.bs-docs-header { + position: relative; + padding: 30px 0; + color: #cdbfe3; + text-align: center; + text-shadow: 0 1px 0 rgba(0,0,0,.1); + background-color: #6f5499; + background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); + background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); + background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); + background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); + background-repeat: repeat-x; +} + +/* Masthead (headings and download button) */ +.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; + } +} diff --git a/docs/assets/less/nav.less b/docs/assets/less/nav.less new file mode 100644 index 000000000..29af534ca --- /dev/null +++ b/docs/assets/less/nav.less @@ -0,0 +1,30 @@ +.bs-docs-nav { + margin-bottom: 0; + background-color: #fff; + 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: #563d7c; +} +.bs-docs-nav .navbar-nav > li > a:hover, +.bs-docs-nav .navbar-nav > .active > a, +.bs-docs-nav .navbar-nav > .active > a:hover { + color: #463265; + background-color: #f9f9f9; +} +.bs-docs-nav .navbar-toggle .icon-bar { + background-color: #563d7c; +} +.bs-docs-nav .navbar-header .navbar-toggle { + border-color: #fff; +} +.bs-docs-nav .navbar-header .navbar-toggle:hover, +.bs-docs-nav .navbar-header .navbar-toggle:focus { + background-color: #f9f9f9; + border-color: #f9f9f9; +} diff --git a/docs/assets/less/page-header.less b/docs/assets/less/page-header.less new file mode 100644 index 000000000..33900f334 --- /dev/null +++ b/docs/assets/less/page-header.less @@ -0,0 +1,36 @@ +.bs-docs-header { + margin-bottom: 40px; + font-size: 20px; +} +.bs-docs-header h1 { + margin-top: 0; + color: #fff; +} +.bs-docs-header p { + margin-bottom: 0; + font-weight: 300; + line-height: 1.4; +} +.bs-docs-header .container { + position: relative; +} + +@media (min-width: 768px) { + .bs-docs-header { + padding-top: 60px; + padding-bottom: 60px; + font-size: 24px; + text-align: left; + } + .bs-docs-header h1 { + font-size: 60px; + line-height: 1; + } +} + +@media (min-width: 992px) { + .bs-docs-header h1, + .bs-docs-header p { + margin-right: 380px; + } +} diff --git a/docs/assets/less/responsive-tests.less b/docs/assets/less/responsive-tests.less new file mode 100644 index 000000000..a5c61a103 --- /dev/null +++ b/docs/assets/less/responsive-tests.less @@ -0,0 +1,72 @@ +/* + * Responsive tests + * + * Generate a set of tests to show the responsive utilities in action. + */ + +/* Responsive (scrollable) doc tables */ +.table-responsive .highlight pre { + white-space: normal; +} + +/* Utility classes table */ +.bs-table th small, +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; +} +.responsive-utilities tbody th { + font-weight: normal; +} +.responsive-utilities td { + text-align: center; +} +.responsive-utilities td.is-visible { + color: #468847; + background-color: #dff0d8 !important; +} +.responsive-utilities td.is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; +} + +/* Responsive tests */ +.responsive-utilities-test { + margin-top: 5px; +} +.responsive-utilities-test .col-xs-6 { + margin-bottom: 10px; +} +.responsive-utilities-test span { + display: block; + padding: 15px 10px; + font-size: 14px; + font-weight: bold; + line-height: 1.1; + text-align: center; + border-radius: 4px; +} +.visible-on .col-xs-6 .hidden-xs, +.visible-on .col-xs-6 .hidden-sm, +.visible-on .col-xs-6 .hidden-md, +.visible-on .col-xs-6 .hidden-lg, +.hidden-on .col-xs-6 .hidden-xs, +.hidden-on .col-xs-6 .hidden-sm, +.hidden-on .col-xs-6 .hidden-md, +.hidden-on .col-xs-6 .hidden-lg { + color: #999; + border: 1px solid #ddd; +} +.visible-on .col-xs-6 .visible-xs-block, +.visible-on .col-xs-6 .visible-sm-block, +.visible-on .col-xs-6 .visible-md-block, +.visible-on .col-xs-6 .visible-lg-block, +.hidden-on .col-xs-6 .visible-xs-block, +.hidden-on .col-xs-6 .visible-sm-block, +.hidden-on .col-xs-6 .visible-md-block, +.hidden-on .col-xs-6 .visible-lg-block { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; +} diff --git a/docs/assets/less/sidebar.less b/docs/assets/less/sidebar.less new file mode 100644 index 000000000..61d1c3610 --- /dev/null +++ b/docs/assets/less/sidebar.less @@ -0,0 +1,122 @@ +/* By default it's not affixed in mobile views, so undo that */ +.bs-docs-sidebar.affix { + position: static; +} +@media (min-width: 768px) { + .bs-docs-sidebar { + padding-left: 20px; + } +} + +/* First level of nav */ +.bs-docs-sidenav { + margin-top: 20px; + margin-bottom: 20px; +} + +/* All levels of nav */ +.bs-docs-sidebar .nav > li > a { + display: block; + padding: 4px 20px; + font-size: 13px; + font-weight: 500; + color: #767676; +} +.bs-docs-sidebar .nav > li > a:hover, +.bs-docs-sidebar .nav > li > a:focus { + padding-left: 19px; + color: #563d7c; + text-decoration: none; + background-color: transparent; + border-left: 1px solid #563d7c; +} +.bs-docs-sidebar .nav > .active > a, +.bs-docs-sidebar .nav > .active:hover > a, +.bs-docs-sidebar .nav > .active:focus > a { + padding-left: 18px; + font-weight: bold; + color: #563d7c; + background-color: transparent; + border-left: 2px solid #563d7c; +} + +/* Nav: second level (shown on .active) */ +.bs-docs-sidebar .nav .nav { + display: none; /* Hide by default, but at >768px, show it */ + padding-bottom: 10px; +} +.bs-docs-sidebar .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 12px; + font-weight: normal; +} +.bs-docs-sidebar .nav .nav > li > a:hover, +.bs-docs-sidebar .nav .nav > li > a:focus { + padding-left: 29px; +} +.bs-docs-sidebar .nav .nav > .active > a, +.bs-docs-sidebar .nav .nav > .active:hover > a, +.bs-docs-sidebar .nav .nav > .active:focus > a { + padding-left: 28px; + font-weight: 500; +} + +/* Back to top (hidden on mobile) */ +.back-to-top, +.bs-docs-theme-toggle { + display: none; + padding: 4px 10px; + margin-top: 10px; + margin-left: 10px; + font-size: 12px; + font-weight: 500; + color: #999; +} +.back-to-top:hover, +.bs-docs-theme-toggle:hover { + color: #563d7c; + text-decoration: none; +} +.bs-docs-theme-toggle { + margin-top: 0; +} + +@media (min-width: 768px) { + .back-to-top, + .bs-docs-theme-toggle { + display: block; + } +} + +/* Show and affix the side nav when space allows it */ +@media (min-width: 992px) { + .bs-docs-sidebar .nav > .active > ul { + display: block; + } + /* Widen the fixed sidebar */ + .bs-docs-sidebar.affix, + .bs-docs-sidebar.affix-bottom { + width: 213px; + } + .bs-docs-sidebar.affix { + position: fixed; /* Undo the static from mobile first approach */ + top: 20px; + } + .bs-docs-sidebar.affix-bottom { + position: absolute; /* Undo the static from mobile first approach */ + } + .bs-docs-sidebar.affix-bottom .bs-docs-sidenav, + .bs-docs-sidebar.affix .bs-docs-sidenav { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1200px) { + /* Widen the fixed sidebar again */ + .bs-docs-sidebar.affix-bottom, + .bs-docs-sidebar.affix { + width: 263px; + } +} diff --git a/docs/assets/less/skip-link.less b/docs/assets/less/skip-link.less new file mode 100644 index 000000000..7085e3f5c --- /dev/null +++ b/docs/assets/less/skip-link.less @@ -0,0 +1,23 @@ +/* + * Fancy skip link + * + * Make it look a bit less "bare bones" + * Also includes focus suppression for the Chrome tabindex="-1" workaround + */ + +#skippy { + display: block; + padding: 1em; + color: #fff; + background-color: #6f5499; + outline: 0; +} + +#skippy .skiplink-text { + padding: .5em; + outline: 1px dotted; +} + +#content:focus { + outline: none; +} diff --git a/docs/assets/less/swatches.less b/docs/assets/less/swatches.less new file mode 100644 index 000000000..1d23e1e13 --- /dev/null +++ b/docs/assets/less/swatches.less @@ -0,0 +1,64 @@ +.color-swatches { + margin: 0 -5px; + overflow: hidden; /* clearfix */ +} +.color-swatch { + float: left; + width: 60px; + height: 60px; + margin: 0 5px; + border-radius: 3px; +} + +@media (min-width: 768px) { + .color-swatch { + width: 100px; + height: 100px; + } +} + +/* Framework colors */ +.color-swatches .gray-darker { + background-color: #222; +} +.color-swatches .gray-dark { + background-color: #333; +} +.color-swatches .gray { + background-color: #555; +} +.color-swatches .gray-light { + background-color: #999; +} +.color-swatches .gray-lighter { + background-color: #eee; +} +.color-swatches .brand-primary { + background-color: #337ab7; +} +.color-swatches .brand-success { + background-color: #5cb85c; +} +.color-swatches .brand-warning { + background-color: #f0ad4e; +} +.color-swatches .brand-danger { + background-color: #d9534f; +} +.color-swatches .brand-info { + background-color: #5bc0de; +} + +/* Docs colors */ +.color-swatches .bs-purple { + background-color: #563d7c; +} +.color-swatches .bs-purple-light { + background-color: #c7bfd3; +} +.color-swatches .bs-purple-lighter { + background-color: #e5e1ea; +} +.color-swatches .bs-gray { + background-color: #f9f9f9; +} diff --git a/docs/assets/less/syntax.less b/docs/assets/less/syntax.less new file mode 100644 index 000000000..37ffb104a --- /dev/null +++ b/docs/assets/less/syntax.less @@ -0,0 +1,96 @@ +.hll { background-color: #ffffcc } + /*{ background: #f0f3f3; }*/ +.c { color: #999; } /* Comment */ +.err { color: #AA0000; background-color: #FFAAAA } /* Error */ +.k { color: #006699; } /* Keyword */ +.o { color: #555555 } /* Operator */ +.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ +.cp { color: #009999 } /* Comment.Preproc */ +.c1 { color: #999; } /* Comment.Single */ +.cs { color: #999; } /* Comment.Special */ +.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #FF0000 } /* Generic.Error */ +.gh { color: #003300; } /* Generic.Heading */ +.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ +.go { color: #AAAAAA } /* Generic.Output */ +.gp { color: #000099; } /* Generic.Prompt */ +.gs { } /* Generic.Strong */ +.gu { color: #003300; } /* Generic.Subheading */ +.gt { color: #99CC66 } /* Generic.Traceback */ +.kc { color: #006699; } /* Keyword.Constant */ +.kd { color: #006699; } /* Keyword.Declaration */ +.kn { color: #006699; } /* Keyword.Namespace */ +.kp { color: #006699 } /* Keyword.Pseudo */ +.kr { color: #006699; } /* Keyword.Reserved */ +.kt { color: #007788; } /* Keyword.Type */ +.m { color: #FF6600 } /* Literal.Number */ +.s { color: #d44950 } /* Literal.String */ +.na { color: #4f9fcf } /* Name.Attribute */ +.nb { color: #336666 } /* Name.Builtin */ +.nc { color: #00AA88; } /* Name.Class */ +.no { color: #336600 } /* Name.Constant */ +.nd { color: #9999FF } /* Name.Decorator */ +.ni { color: #999999; } /* Name.Entity */ +.ne { color: #CC0000; } /* Name.Exception */ +.nf { color: #CC00FF } /* Name.Function */ +.nl { color: #9999FF } /* Name.Label */ +.nn { color: #00CCFF; } /* Name.Namespace */ +.nt { color: #2f6f9f; } /* Name.Tag */ +.nv { color: #003333 } /* Name.Variable */ +.ow { color: #000000; } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #FF6600 } /* Literal.Number.Float */ +.mh { color: #FF6600 } /* Literal.Number.Hex */ +.mi { color: #FF6600 } /* Literal.Number.Integer */ +.mo { color: #FF6600 } /* Literal.Number.Oct */ +.sb { color: #CC3300 } /* Literal.String.Backtick */ +.sc { color: #CC3300 } /* Literal.String.Char */ +.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ +.s2 { color: #CC3300 } /* Literal.String.Double */ +.se { color: #CC3300; } /* Literal.String.Escape */ +.sh { color: #CC3300 } /* Literal.String.Heredoc */ +.si { color: #AA0000 } /* Literal.String.Interpol */ +.sx { color: #CC3300 } /* Literal.String.Other */ +.sr { color: #33AAAA } /* Literal.String.Regex */ +.s1 { color: #CC3300 } /* Literal.String.Single */ +.ss { color: #FFCC33 } /* Literal.String.Symbol */ +.bp { color: #336666 } /* Name.Builtin.Pseudo */ +.vc { color: #003333 } /* Name.Variable.Class */ +.vg { color: #003333 } /* Name.Variable.Global */ +.vi { color: #003333 } /* Name.Variable.Instance */ +.il { color: #FF6600 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } + + +// +// Docs additions +// + +.highlight { + padding: 9px 14px; + margin-bottom: 14px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; + border-radius: 4px; +} +.highlight pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + word-break: normal; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.highlight pre code { + font-size: inherit; + color: #333; /* Effectively the base text color */ +} +.highlight pre code:first-child { + display: inline-block; + padding-right: 45px; +} diff --git a/docs/assets/less/team.less b/docs/assets/less/team.less new file mode 100644 index 000000000..f85a5bfe3 --- /dev/null +++ b/docs/assets/less/team.less @@ -0,0 +1,21 @@ +.bs-team .team-member { + line-height: 32px; + color: #555; +} +.bs-team .team-member:hover { + color: #333; + text-decoration: none; +} +.bs-team .github-btn { + float: right; + width: 180px; + height: 20px; + margin-top: 6px; + border: none; +} +.bs-team img { + float: left; + width: 32px; + margin-right: 10px; + border-radius: 4px; +} diff --git a/docs/assets/less/zero-clipboard.less b/docs/assets/less/zero-clipboard.less new file mode 100644 index 000000000..2a1250393 --- /dev/null +++ b/docs/assets/less/zero-clipboard.less @@ -0,0 +1,33 @@ +.zero-clipboard { + position: relative; + display: none; +} +.btn-clipboard { + position: absolute; + top: 0; + right: 0; + z-index: 10; + display: block; + padding: 5px 8px; + font-size: 12px; + color: #767676; + cursor: pointer; + background-color: #fff; + border: 1px solid #e1e1e8; + border-radius: 0 4px 0 4px; +} +.btn-clipboard-hover { + color: #fff; + background-color: #563d7c; + border-color: #563d7c; +} + +@media (min-width: 768px) { + .zero-clipboard { + display: block; + } + .bs-example + .zero-clipboard .btn-clipboard { + top: -16px; + border-top-right-radius: 0; + } +} -- cgit v1.2.3 From ce24064690ea630bfd17fb9c8d8152e04c59562d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:12:38 -0700 Subject: remove old docs ads code, clean things up --- docs/assets/less/ads.less | 112 +--------------------------------------------- 1 file changed, 2 insertions(+), 110 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/ads.less b/docs/assets/less/ads.less index 412205e7e..4bb9d8a7e 100644 --- a/docs/assets/less/ads.less +++ b/docs/assets/less/ads.less @@ -1,13 +1,7 @@ -// scss-lint:disable ImportantRule, IdSelector - -// -// Carbon ads -// - #carbonads { display: block; padding: 15px 15px 15px 160px; - margin: 50px -15px 0; + margin: 50px -15px -30px; overflow: hidden; font-size: 13px; line-height: 1.5; @@ -33,7 +27,7 @@ right: 15px; margin-top: 0; - .bd-masthead & { + .bs-docs-masthead & { position: static; } } @@ -48,105 +42,3 @@ display: block; color: #cdbfe3 !important; } - -.bd-content { - #carbonads { - position: static; - max-width: 400px; - margin: 2rem 0; - line-height: 1.4; - background-color: #f5f5f5; - border: 0; - - a { - color: #333; - } - - .carbon-poweredby { - color: #777 !important; - } - } -} - - - - -/* - * Carbon ads - * - * Single display ad that shows on all pages (except homepage) in page headers. - * The hella `!important` is required for any pre-set property. - */ - -// .carbonad { -// width: auto !important; -// height: auto !important; -// padding: 20px !important; -// margin: 30px -15px -31px !important; -// overflow: hidden; /* clearfix */ -// font-size: 13px !important; -// line-height: 16px !important; -// text-align: left; -// background: transparent !important; -// border: solid #866ab3 !important; -// border-width: 1px 0 !important; -// } -// .carbonad-img { -// margin: 0 !important; -// } -// .carbonad-text, -// .carbonad-tag { -// display: block !important; -// float: none !important; -// width: auto !important; -// height: auto !important; -// margin-left: 145px !important; -// font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -// } -// .carbonad-text { -// padding-top: 0 !important; -// } -// .carbonad-tag { -// color: inherit !important; -// text-align: left !important; -// } -// .carbonad-text a, -// .carbonad-tag a { -// color: #fff !important; -// } -// .carbonad #azcarbon > img { -// display: none; /* hide what I assume are tracking images */ -// } -// -// @media (min-width: 480px) { -// .carbonad { -// width: 330px !important; -// margin: 20px auto !important; -// border-width: 1px !important; -// border-radius: 4px; -// } -// .bs-docs-masthead .carbonad { -// margin: 50px auto 0 !important; -// } -// } -// -// @media (min-width: 768px) { -// .carbonad { -// margin-right: 0 !important; -// margin-left: 0 !important; -// } -// } -// -// @media (min-width: 992px) { -// .carbonad { -// position: absolute; -// top: 0; -// right: 15px; /* 15px instead of 0 since box-sizing */ -// width: 330px !important; -// padding: 15px !important; -// margin: 0 !important; -// } -// .bs-docs-masthead .carbonad { -// position: static; -// } -// } -- cgit v1.2.3 From 6cbd9b5ad5aa0423cd4d1743b6b6f9be016a5b34 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:12:55 -0700 Subject: remove commented out code --- docs/_includes/ads.html | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs') diff --git a/docs/_includes/ads.html b/docs/_includes/ads.html index 9d8600f94..fc4e99043 100644 --- a/docs/_includes/ads.html +++ b/docs/_includes/ads.html @@ -1,3 +1 @@ - - -- cgit v1.2.3 From 448040ad5b93a5024108f99e3ccf70b127027954 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:13:44 -0700 Subject: formatting --- docs/assets/less/booticon.less | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/assets/less/booticon.less b/docs/assets/less/booticon.less index 21077a8d3..3a23ff02b 100644 --- a/docs/assets/less/booticon.less +++ b/docs/assets/less/booticon.less @@ -1,4 +1,3 @@ -/* Bootstrap "B" icon */ .bs-docs-booticon { display: block; font-weight: 500; @@ -8,22 +7,26 @@ background-color: #563d7c; border-radius: 15%; } + .bs-docs-booticon-sm { width: 30px; height: 30px; font-size: 20px; line-height: 28px; } + .bs-docs-booticon-lg { width: 144px; height: 144px; font-size: 108px; line-height: 140px; } + .bs-docs-booticon-inverse { color: #563d7c; background-color: #fff; } + .bs-docs-booticon-outline { background-color: transparent; border: 1px solid #cdbfe3; -- cgit v1.2.3 From 602940d634cbe1f5b2772c3c8ef6881f3b2dca53 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:13:49 -0700 Subject: remove comment --- docs/assets/less/anchor.less | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/anchor.less b/docs/assets/less/anchor.less index 5bc63602e..b7718a837 100644 --- a/docs/assets/less/anchor.less +++ b/docs/assets/less/anchor.less @@ -1,6 +1,3 @@ -/* - * AnchorJS Styles - */ .anchorjs-link { color: inherit; } -- cgit v1.2.3 From 2f8018749d91ee642fad82d0063f15d2771dac78 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:14:15 -0700 Subject: update comments, use variable for media query --- docs/assets/less/brand.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/brand.less b/docs/assets/less/brand.less index c2971222d..9435131fb 100644 --- a/docs/assets/less/brand.less +++ b/docs/assets/less/brand.less @@ -1,4 +1,4 @@ -/* Logo series wrapper */ +// Logo series wrapper .bs-brand-logos { display: table; width: 100%; @@ -9,7 +9,7 @@ border-radius: 4px; } -/* Individual items */ +// Individual items .bs-brand-item { padding: 60px 0; text-align: center; @@ -22,7 +22,7 @@ background-color: #563d7c; } -/* Heading content within */ +// Heading content within .bs-brand-item h1, .bs-brand-item h3 { margin-top: 0; @@ -33,7 +33,7 @@ margin-left: auto; } -/* Make the icons stand out on what is/isn't okay */ +// Make the icons stand out on what is/isn't okay .bs-brand-item .glyphicon { width: 30px; height: 30px; @@ -49,7 +49,7 @@ background-color: #d9534f; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-brand-item { display: table-cell; width: 1%; -- cgit v1.2.3 From 7ef172df57965fb5542239bf7a579f2db2c11d15 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:14:53 -0700 Subject: update to less syntax --- docs/assets/less/buttons.less | 36 +++++++++++++++++++----------------- 1 file changed, 19 insertions(+), 17 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/buttons.less b/docs/assets/less/buttons.less index c90cefe37..0d27a9787 100644 --- a/docs/assets/less/buttons.less +++ b/docs/assets/less/buttons.less @@ -1,28 +1,30 @@ -/* Outline button for use within the docs */ +// Outline button for use within the docs .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; + + &:hover, + &:focus, + &:active { + color: #fff; + background-color: #563d7c; + border-color: #563d7c; + } } -/* Inverted outline button (white on dark) */ +// Inverted outline button (white on dark) .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; + + &:hover, + &:focus, + &:active { + color: #563d7c; + text-shadow: none; + background-color: #fff; + border-color: #fff; + } } -- cgit v1.2.3 From 9c227e6b74e47d319d7865c1c4980d8af2ff7bb6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:16:00 -0700 Subject: update to less syntax --- docs/assets/less/callouts.less | 67 ++++++++++++++++++++++-------------------- 1 file changed, 35 insertions(+), 32 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/callouts.less b/docs/assets/less/callouts.less index 1017d0bde..28f66650f 100644 --- a/docs/assets/less/callouts.less +++ b/docs/assets/less/callouts.less @@ -1,50 +1,53 @@ -/* - * Callouts - * - * Not quite alerts, but custom and helpful notes for folks reading the docs. - * Requires a base and modifier class. - */ - -/* Common styles for all types */ +// Callouts +// +// Not quite alerts, but custom and helpful notes for folks reading the docs. +// Requires a base and modifier class. + .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; -} -.bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; -} -.bs-callout p:last-child { - margin-bottom: 0; -} -.bs-callout code { - border-radius: 3px; -} -/* Tighten up space between multiple callouts */ -.bs-callout + .bs-callout { - margin-top: -5px; + h4 { + margin-top: 0; + margin-bottom: 5px; + } + + p:last-child { + margin-bottom: 0; + } + + code { + border-radius: 3px; + } + + + .bs-callout { + margin-top: -5px; + } } -/* Variations */ .bs-callout-danger { border-left-color: #ce4844; + + h4 { + color: #ce4844; + } } -.bs-callout-danger h4 { - color: #ce4844; -} + .bs-callout-warning { border-left-color: #aa6708; + + h4 { + color: #aa6708; + } } -.bs-callout-warning h4 { - color: #aa6708; -} + .bs-callout-info { border-left-color: #1b809e; -} -.bs-callout-info h4 { - color: #1b809e; + + h4 { + color: #1b809e; + } } -- cgit v1.2.3 From c8bad01c2017d21c5b501b7a12f90432a7b8c958 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:16:37 -0700 Subject: less syntax --- docs/assets/less/customizer.less | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less index 6046a0c07..c36fbc15f 100644 --- a/docs/assets/less/customizer.less +++ b/docs/assets/less/customizer.less @@ -3,7 +3,7 @@ margin-top: 25px; } -/* Headings and form contrls */ +// Headings and form contrls .bs-customizer label { margin-top: 10px; font-weight: 500; @@ -22,7 +22,7 @@ margin-bottom: 0; } .bs-customizer .bs-callout h4 { - margin-top: 0; /* lame, but due to specificity we have to duplicate */ + margin-top: 0; // lame, but due to specificity we have to duplicate margin-bottom: 5px; } .bs-customizer input[type="text"] { @@ -34,17 +34,17 @@ font-size: 12px; } -/* For the variables, use regular weight */ +// For the variables, use regular weight #less-section label { font-weight: normal; } -/* Downloads */ +// Downloads .bs-customize-download .btn-outline { padding: 20px; } -/* Error handling */ +// Error handling .bs-customizer-alert { position: fixed; top: 0; @@ -100,7 +100,7 @@ font-weight: normal; color: #333; } -/*.bs-dropzone*/ #import-manual-trigger { +#import-manual-trigger { cursor: pointer; } .bs-dropzone p:last-child { -- cgit v1.2.3 From 0385ab3c54f0d73d1b374606ebd971831b9e80c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:17:44 -0700 Subject: less syntax --- docs/assets/less/demos.less | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/demos.less b/docs/assets/less/demos.less index e05d7f0d9..47402d1ac 100644 --- a/docs/assets/less/demos.less +++ b/docs/assets/less/demos.less @@ -1,20 +1,19 @@ -.bs-examples .thumbnail { - margin-bottom: 10px; -} -.bs-examples h4 { - margin-bottom: 5px; -} -.bs-examples p { - margin-bottom: 20px; -} +.bs-examples { + .thumbnail { + margin-bottom: 10px; + } -@media (max-width: 480px) { - .bs-examples { + h4 { margin-bottom: 5px; } + + p { margin-bottom: 20px; } + + @media (max-width: @screen-xs-min) { margin-right: -10px; margin-left: -10px; - } - .bs-examples > [class^="col-"] { - padding-right: 10px; - padding-left: 10px; + + > [class^="col-"] { + padding-right: 10px; + padding-left: 10px; + } } } -- cgit v1.2.3 From 6621d554719d603de95e8d963840282a9d6446f5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:20:08 -0700 Subject: remove old comment --- docs/assets/less/docs.less | 5 ----- 1 file changed, 5 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/docs.less b/docs/assets/less/docs.less index 3a0bec96c..8a4e5dd72 100644 --- a/docs/assets/less/docs.less +++ b/docs/assets/less/docs.less @@ -5,11 +5,6 @@ * details, see https://creativecommons.org/licenses/by/3.0/. */ -/* - * Bootstrap Documentation - * Special styles for presenting Bootstrap's documentation and code examples. - */ - // Dependencies @import "syntax.less"; @import "ie10-viewport-bug-workaround.less"; -- cgit v1.2.3 From 5706cfe42adc2d9a0e81aefee8408810a86c5ebf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:23:29 -0700 Subject: update comments and syntax --- docs/assets/less/examples.less | 74 ++++++++++++++++++++---------------------- 1 file changed, 35 insertions(+), 39 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/examples.less b/docs/assets/less/examples.less index 9bc7a5316..6407cc97b 100644 --- a/docs/assets/less/examples.less +++ b/docs/assets/less/examples.less @@ -1,9 +1,7 @@ -/* - * Grid examples - * - * Highlight the grid columns within the docs so folks can see their padding, - * alignment, sizing, etc. - */ +// Grid examples +// +// Highlight the grid columns within the docs so folks can see their padding, +// alignment, sizing, etc. .show-grid { margin-bottom: 15px; @@ -17,12 +15,10 @@ border: 1px solid rgba(86,61,124,.2); } -/* - * Examples - * - * Isolated sections of example content for each component or feature. Usually - * followed by a code snippet. - */ +// Examples +// +// Isolated sections of example content for each component or feature. Usually +// followed by a code snippet. .bs-example { position: relative; @@ -34,7 +30,7 @@ -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05); box-shadow: inset 0 3px 6px rgba(0,0,0,.05); } -/* Echo out a label for the example */ +// Echo out a label for the example .bs-example:after { position: absolute; top: 15px; @@ -51,7 +47,7 @@ padding-bottom: 24px; } -/* Tweak display of the code snippets when following an example */ +// Tweak display of the code snippets when following an example .bs-example + .highlight, .bs-example + .zero-clipboard + .highlight { margin: -15px -15px 15px; @@ -59,8 +55,8 @@ border-radius: 0; } -/* Make the examples and snippets not full-width */ -@media (min-width: 768px) { +// Make the examples and snippets not full-width +@media (min-width: @screen-sm-min) { .bs-example { margin-right: 0; margin-left: 0; @@ -85,12 +81,12 @@ } } -/* Undo width of container */ +// Undo width of container .bs-example .container { width: auto; } -/* Tweak content of examples for optimum awesome */ +// Tweak content of examples for optimum awesome .bs-example > p:last-child, .bs-example > ul:last-child, .bs-example > ol:last-child, @@ -111,7 +107,7 @@ float: none; } -/* Typography */ +// Typography .bs-example-type .table .type-info { color: #767676; vertical-align: middle; @@ -132,24 +128,24 @@ margin: 0; } -/* Contextual background colors */ +// Contextual background colors .bs-example-bg-classes p { padding: 15px; } -/* Images */ +// Images .bs-example > .img-circle, .bs-example > .img-rounded, .bs-example > .img-thumbnail { margin: 5px; } -/* Tables */ +// Tables .bs-example > .table-responsive > .table { background-color: #fff; } -/* Buttons */ +// Buttons .bs-example > .btn, .bs-example > .btn-group { margin-top: 5px; @@ -159,7 +155,7 @@ margin-top: 10px; } -/* Forms */ +// Forms .bs-example-control-sizing select, .bs-example-control-sizing input[type="text"] + input[type="text"] { margin-top: 10px; @@ -171,12 +167,12 @@ resize: vertical; } -/* List groups */ +// List groups .bs-example > .list-group { max-width: 400px; } -/* Navbars */ +// Navbars .bs-example .navbar:last-child { margin-bottom: 0; } @@ -184,7 +180,7 @@ .bs-navbar-bottom-example { z-index: 1; padding: 0; - overflow: hidden; /* cut the drop shadows off */ + overflow: hidden; // cut the drop shadows off } .bs-navbar-top-example .navbar-header, .bs-navbar-bottom-example .navbar-header { @@ -222,18 +218,18 @@ } } -/* Pagination */ +// Pagination .bs-example .pagination { margin-top: 10px; margin-bottom: 10px; } -/* Pager */ +// Pager .bs-example > .pager { margin-top: 0; } -/* Example modals */ +// Example modals .bs-example-modal { background-color: #f5f5f5; } @@ -252,7 +248,7 @@ margin-left: auto; } -/* Example dropdowns */ +// Example dropdowns .bs-example > .dropdown > .dropdown-toggle { float: left; } @@ -263,12 +259,12 @@ clear: left; } -/* Example tabbable tabs */ +// Example tabbable tabs .bs-example-tabs .nav-tabs { margin-bottom: 15px; } -/* Tooltips */ +// Tooltips .bs-example-tooltips { text-align: center; } @@ -283,7 +279,7 @@ opacity: 1; } -/* Popovers */ +// Popovers .bs-example-popover { padding-bottom: 24px; background-color: #f9f9f9; @@ -296,7 +292,7 @@ margin: 20px; } -/* Scrollspy demo on fixed height div */ +// Scrollspy demo on fixed height div .scrollspy-example { position: relative; height: 200px; @@ -308,17 +304,17 @@ max-width: 300px; } -/* Simple collapse example */ +// Simple collapse example #collapseExample .well { margin-bottom: 0; } -/* Pseudo :focus state for showing how it looks in the docs */ +// Pseudo :focus state for showing how it looks in the docs #focusedInput { - border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/ + border-color: rgb(204,204,204); // Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback border-color: rgba(82,168,236,.8); outline: 0; - outline: thin dotted \9; /* IE6-9 */ + outline: thin dotted \9; // IE6-9 -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6); box-shadow: 0 0 8px rgba(82,168,236,.6); } -- cgit v1.2.3 From 1e91bc2119d19f96b6e5ff8187d032692b5780e5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:28:51 -0700 Subject: more syntax changes --- docs/assets/less/featurettes.less | 4 +- docs/assets/less/footer.less | 2 +- docs/assets/less/glyphicons.less | 2 +- docs/assets/less/ie10-viewport-bug-workaround.less | 7 +- docs/assets/less/masthead.less | 15 +-- docs/assets/less/page-header.less | 4 +- docs/assets/less/responsive-tests.less | 12 +- docs/assets/less/sidebar.less | 30 ++--- docs/assets/less/skip-link.less | 7 -- docs/assets/less/swatches.less | 4 +- docs/assets/less/syntax.less | 123 ++++++++++----------- docs/assets/less/zero-clipboard.less | 2 +- 12 files changed, 95 insertions(+), 117 deletions(-) (limited to 'docs') diff --git a/docs/assets/less/featurettes.less b/docs/assets/less/featurettes.less index caeb86ffc..7df3e94d5 100644 --- a/docs/assets/less/featurettes.less +++ b/docs/assets/less/featurettes.less @@ -42,12 +42,12 @@ margin-bottom: 15px; } -@media (min-width: 480px) { +@media (min-width: @screen-xs-min) { .bs-docs-featurette .img-responsive { margin-top: 30px; } } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-docs-featurette { padding-top: 100px; padding-bottom: 100px; diff --git a/docs/assets/less/footer.less b/docs/assets/less/footer.less index 8d9e33c1c..715aadb2a 100644 --- a/docs/assets/less/footer.less +++ b/docs/assets/less/footer.less @@ -20,7 +20,7 @@ margin-left: 15px; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-docs-footer { text-align: left; } diff --git a/docs/assets/less/glyphicons.less b/docs/assets/less/glyphicons.less index 841e1e244..b75a7f25e 100644 --- a/docs/assets/less/glyphicons.less +++ b/docs/assets/less/glyphicons.less @@ -25,7 +25,7 @@ .bs-glyphicons .glyphicon-class { display: block; text-align: center; - word-wrap: break-word; /* Help out IE10+ with class names */ + word-wrap: break-word; // Help out IE10+ with class names } .bs-glyphicons li:hover { color: #fff; diff --git a/docs/assets/less/ie10-viewport-bug-workaround.less b/docs/assets/less/ie10-viewport-bug-workaround.less index 4b9518e21..6ac824f93 100644 --- a/docs/assets/less/ie10-viewport-bug-workaround.less +++ b/docs/assets/less/ie10-viewport-bug-workaround.less @@ -4,10 +4,9 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -/* - * See the Getting Started docs for more information: - * http://getbootstrap.com/getting-started/#support-ie10-width - */ +// See the Getting Started docs for more information: +// http://getbootstrap.com/getting-started/#support-ie10-width + @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } diff --git a/docs/assets/less/masthead.less b/docs/assets/less/masthead.less index b36d170e0..20c9a2671 100644 --- a/docs/assets/less/masthead.less +++ b/docs/assets/less/masthead.less @@ -1,10 +1,3 @@ -/* - * Homepage - * - * Tweaks to the custom homepage and the masthead (main jumbotron). - */ - -/* Share masthead with page headers */ .bs-docs-masthead, .bs-docs-header { position: relative; @@ -21,7 +14,7 @@ background-repeat: repeat-x; } -/* Masthead (headings and download button) */ +// Masthead (headings and download button) .bs-docs-masthead .bs-docs-booticon { margin: 0 auto 30px; } @@ -46,13 +39,13 @@ font-size: 20px; } -@media (min-width: 480px) { +@media (min-width: @screen-xs-min) { .bs-docs-masthead .btn { width: auto; } } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-docs-masthead { padding: 80px 0; } @@ -64,7 +57,7 @@ } } -@media (min-width: 992px) { +@media (min-width: @screen-md-min) { .bs-docs-masthead .lead { width: 80%; font-size: 30px; diff --git a/docs/assets/less/page-header.less b/docs/assets/less/page-header.less index 33900f334..75393ead0 100644 --- a/docs/assets/less/page-header.less +++ b/docs/assets/less/page-header.less @@ -15,7 +15,7 @@ position: relative; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-docs-header { padding-top: 60px; padding-bottom: 60px; @@ -28,7 +28,7 @@ } } -@media (min-width: 992px) { +@media (min-width: @screen-md-min) { .bs-docs-header h1, .bs-docs-header p { margin-right: 380px; diff --git a/docs/assets/less/responsive-tests.less b/docs/assets/less/responsive-tests.less index a5c61a103..bf9d002d2 100644 --- a/docs/assets/less/responsive-tests.less +++ b/docs/assets/less/responsive-tests.less @@ -1,15 +1,9 @@ -/* - * Responsive tests - * - * Generate a set of tests to show the responsive utilities in action. - */ - -/* Responsive (scrollable) doc tables */ +// Responsive (scrollable) doc tables .table-responsive .highlight pre { white-space: normal; } -/* Utility classes table */ +// Utility classes table .bs-table th small, .responsive-utilities th small { display: block; @@ -31,7 +25,7 @@ background-color: #f9f9f9 !important; } -/* Responsive tests */ +// Responsive tests .responsive-utilities-test { margin-top: 5px; } diff --git a/docs/assets/less/sidebar.less b/docs/assets/less/sidebar.less index 61d1c3610..93932128b 100644 --- a/docs/assets/less/sidebar.less +++ b/docs/assets/less/sidebar.less @@ -1,20 +1,20 @@ -/* By default it's not affixed in mobile views, so undo that */ +// By default it's not affixed in mobile views, so undo that .bs-docs-sidebar.affix { position: static; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .bs-docs-sidebar { padding-left: 20px; } } -/* First level of nav */ +// First level of nav .bs-docs-sidenav { margin-top: 20px; margin-bottom: 20px; } -/* All levels of nav */ +// All levels of nav .bs-docs-sidebar .nav > li > a { display: block; padding: 4px 20px; @@ -40,9 +40,9 @@ border-left: 2px solid #563d7c; } -/* Nav: second level (shown on .active) */ +// Nav: second level (shown on .active) .bs-docs-sidebar .nav .nav { - display: none; /* Hide by default, but at >768px, show it */ + display: none; // Hide by default, but at >768px, show it padding-bottom: 10px; } .bs-docs-sidebar .nav .nav > li > a { @@ -63,7 +63,7 @@ font-weight: 500; } -/* Back to top (hidden on mobile) */ +// Back to top (hidden on mobile) .back-to-top, .bs-docs-theme-toggle { display: none; @@ -83,29 +83,29 @@ margin-top: 0; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .back-to-top, .bs-docs-theme-toggle { display: block; } } -/* Show and affix the side nav when space allows it */ -@media (min-width: 992px) { +// Show and affix the side nav when space allows it +@media (min-width: @screen-md-min) { .bs-docs-sidebar .nav > .active > ul { display: block; } - /* Widen the fixed sidebar */ + // Widen the fixed sidebar .bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom { width: 213px; } .bs-docs-sidebar.affix { - position: fixed; /* Undo the static from mobile first approach */ + position: fixed; // Undo the static from mobile first approach top: 20px; } .bs-docs-sidebar.affix-bottom { - position: absolute; /* Undo the static from mobile first approach */ + position: absolute; // Undo the static from mobile first approach } .bs-docs-sidebar.affix-bottom .bs-docs-sidenav, .bs-docs-sidebar.affix .bs-docs-sidenav { @@ -113,8 +113,8 @@ margin-bottom: 0; } } -@media (min-width: 1200px) { - /* Widen the fixed sidebar again */ +@media (min-width: @screen-lg-min) { + // Widen the fixed sidebar again .bs-docs-sidebar.affix-bottom, .bs-docs-sidebar.affix { width: 263px; diff --git a/docs/assets/less/skip-link.less b/docs/assets/less/skip-link.less index 7085e3f5c..174a64fe0 100644 --- a/docs/assets/less/skip-link.less +++ b/docs/assets/less/skip-link.less @@ -1,10 +1,3 @@ -/* - * Fancy skip link - * - * Make it look a bit less "bare bones" - * Also includes focus suppression for the Chrome tabindex="-1" workaround - */ - #skippy { display: block; padding: 1em; diff --git a/docs/assets/less/swatches.less b/docs/assets/less/swatches.less index 1d23e1e13..f7f461193 100644 --- a/docs/assets/less/swatches.less +++ b/docs/assets/less/swatches.less @@ -17,7 +17,7 @@ } } -/* Framework colors */ +// Framework colors .color-swatches .gray-darker { background-color: #222; } @@ -49,7 +49,7 @@ background-color: #5bc0de; } -/* Docs colors */ +// Docs colors .color-swatches .bs-purple { background-color: #563d7c; } diff --git a/docs/assets/less/syntax.less b/docs/assets/less/syntax.less index 37ffb104a..ab8cc6034 100644 --- a/docs/assets/less/syntax.less +++ b/docs/assets/less/syntax.less @@ -1,65 +1,64 @@ .hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ +.c { color: #999; } +.err { color: #AA0000; background-color: #FFAAAA } +.k { color: #006699; } +.o { color: #555555 } +.cm { color: #999; } +.cp { color: #009999 } +.c1 { color: #999; } +.cs { color: #999; } +.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } +.ge { font-style: italic } +.gr { color: #FF0000 } +.gh { color: #003300; } +.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } +.go { color: #AAAAAA } +.gp { color: #000099; } +.gs { } +.gu { color: #003300; } +.gt { color: #99CC66 } +.kc { color: #006699; } +.kd { color: #006699; } +.kn { color: #006699; } +.kp { color: #006699 } +.kr { color: #006699; } +.kt { color: #007788; } +.m { color: #FF6600 } +.s { color: #d44950 } +.na { color: #4f9fcf } +.nb { color: #336666 } +.nc { color: #00AA88; } +.no { color: #336600 } +.nd { color: #9999FF } +.ni { color: #999999; } +.ne { color: #CC0000; } +.nf { color: #CC00FF } +.nl { color: #9999FF } +.nn { color: #00CCFF; } +.nt { color: #2f6f9f; } +.nv { color: #003333 } +.ow { color: #000000; } +.w { color: #bbbbbb } +.mf { color: #FF6600 } +.mh { color: #FF6600 } +.mi { color: #FF6600 } +.mo { color: #FF6600 } +.sb { color: #CC3300 } +.sc { color: #CC3300 } +.sd { color: #CC3300; font-style: italic } +.s2 { color: #CC3300 } +.se { color: #CC3300; } +.sh { color: #CC3300 } +.si { color: #AA0000 } +.sx { color: #CC3300 } +.sr { color: #33AAAA } +.s1 { color: #CC3300 } +.ss { color: #FFCC33 } +.bp { color: #336666 } +.vc { color: #003333 } +.vg { color: #003333 } +.vi { color: #003333 } +.il { color: #FF6600 } .css .o, .css .o + .nt, @@ -88,7 +87,7 @@ } .highlight pre code { font-size: inherit; - color: #333; /* Effectively the base text color */ + color: #333; // Effectively the base text color } .highlight pre code:first-child { display: inline-block; diff --git a/docs/assets/less/zero-clipboard.less b/docs/assets/less/zero-clipboard.less index 2a1250393..13cfb149b 100644 --- a/docs/assets/less/zero-clipboard.less +++ b/docs/assets/less/zero-clipboard.less @@ -22,7 +22,7 @@ border-color: #563d7c; } -@media (min-width: 768px) { +@media (min-width: @screen-sm-min) { .zero-clipboard { display: block; } -- cgit v1.2.3 From 6c24c687ee9f5a8646ff06b4d29a626d4cdb6acb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:38:07 -0700 Subject: move skippy and v4 notice to partials --- docs/_includes/skippy.html | 1 + docs/_includes/v4.html | 1 + docs/_layouts/default.html | 7 ++----- docs/_layouts/home.html | 7 ++----- 4 files changed, 6 insertions(+), 10 deletions(-) create mode 100644 docs/_includes/skippy.html create mode 100644 docs/_includes/v4.html (limited to 'docs') diff --git a/docs/_includes/skippy.html b/docs/_includes/skippy.html new file mode 100644 index 000000000..65be98a54 --- /dev/null +++ b/docs/_includes/skippy.html @@ -0,0 +1 @@ +
Skip to main content
diff --git a/docs/_includes/v4.html b/docs/_includes/v4.html new file mode 100644 index 000000000..9171930d0 --- /dev/null +++ b/docs/_includes/v4.html @@ -0,0 +1 @@ +Looking for Bootstrap 4? diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 670f538f2..dd2b850db 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -1,17 +1,14 @@ - {% include header.html %} -
Skip to main content
- Aww yeah, Bootstrap 4 is coming! + {% include skippy.html %} + {% include v4.html %} - {% include nav/main.html %} -

{{ page.title }}

diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html index 8ec943e25..011b53365 100644 --- a/docs/_layouts/home.html +++ b/docs/_layouts/home.html @@ -1,17 +1,14 @@ - {% include header.html %} -
Skip to main content
- Aww yeah, Bootstrap 4 is coming! + {% include skippy.html %} + {% include v4.html %} - {% include nav/main.html %} - {{ content }} {% include footer.html %} -- cgit v1.2.3 From 1d8328067aec1549161ff6a76f177439310a5243 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:40:25 -0700 Subject: dropdown nav for other docs versions --- docs/_includes/nav/main.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs') diff --git a/docs/_includes/nav/main.html b/docs/_includes/nav/main.html index a8bd70ee8..92f4ae99f 100644 --- a/docs/_includes/nav/main.html +++ b/docs/_includes/nav/main.html @@ -28,7 +28,19 @@ -- cgit v1.2.3 From f08cf1fce77b71f9c9f9a7d9fc66f366a2885e88 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 23:52:20 -0700 Subject: don't let nav stack too early --- docs/assets/less/nav.less | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs') diff --git a/docs/assets/less/nav.less b/docs/assets/less/nav.less index 29af534ca..1f12538eb 100644 --- a/docs/assets/less/nav.less +++ b/docs/assets/less/nav.less @@ -28,3 +28,11 @@ background-color: #f9f9f9; border-color: #f9f9f9; } + +.bs-docs-nav { + .navbar-right { + @media (min-width: 768px) and (max-width: 992px) { + display: none; + } + } +} -- cgit v1.2.3 From f9b27e9ec7bcd23167d900d9b663683471894a38 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 23:52:45 -0700 Subject: v for version --- docs/_includes/nav/main.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/_includes/nav/main.html b/docs/_includes/nav/main.html index 92f4ae99f..4338e57e6 100644 --- a/docs/_includes/nav/main.html +++ b/docs/_includes/nav/main.html @@ -30,7 +30,7 @@