From 5c0b459eb53a887f984a6d64e4643029aac52fd3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 Apr 2015 14:57:49 -0700 Subject: [PATCH] break down docs scss into imports, hell yeah --- docs/assets/css/docs.min.css | 2 +- docs/assets/css/docs.min.css.map | 19 +- docs/assets/scss/_ads.scss | 101 ++ docs/assets/scss/_booticon.scss | 25 + docs/assets/scss/_brand.scss | 108 ++ docs/assets/scss/_browser-bugs.scss | 12 + docs/assets/scss/_buttons.scss | 32 + docs/assets/scss/_callouts.scss | 36 + docs/assets/scss/_component-examples.scss | 326 +++++ docs/assets/scss/_examples.scss | 24 + docs/assets/scss/_footer.scss | 29 + docs/assets/scss/_homepage.scss | 249 ++++ docs/assets/scss/_layout.scss | 78 + docs/assets/scss/_page-header.scss | 45 + docs/assets/scss/_responsive-tests.scss | 92 ++ docs/assets/scss/_sidebar.scss | 203 +++ docs/assets/scss/_social-buttons.scss | 31 + docs/assets/scss/_team.scss | 26 + docs/assets/scss/_zeroclipboard.scss | 32 + docs/assets/scss/docs.scss | 1575 +-------------------- 20 files changed, 1503 insertions(+), 1542 deletions(-) create mode 100644 docs/assets/scss/_ads.scss create mode 100644 docs/assets/scss/_booticon.scss create mode 100644 docs/assets/scss/_brand.scss create mode 100644 docs/assets/scss/_browser-bugs.scss create mode 100644 docs/assets/scss/_buttons.scss create mode 100644 docs/assets/scss/_callouts.scss create mode 100644 docs/assets/scss/_component-examples.scss create mode 100644 docs/assets/scss/_examples.scss create mode 100644 docs/assets/scss/_footer.scss create mode 100644 docs/assets/scss/_homepage.scss create mode 100644 docs/assets/scss/_layout.scss create mode 100644 docs/assets/scss/_page-header.scss create mode 100644 docs/assets/scss/_responsive-tests.scss create mode 100644 docs/assets/scss/_sidebar.scss create mode 100644 docs/assets/scss/_social-buttons.scss create mode 100644 docs/assets/scss/_team.scss create mode 100644 docs/assets/scss/_zeroclipboard.scss diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 37d84a0661..753f299ba3 100644 --- a/docs/assets/css/docs.min.css +++ b/docs/assets/css/docs.min.css @@ -3,4 +3,4 @@ * Copyright 2011-2014 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see http://creativecommons.org/licenses/by/3.0/. - */.ge,.sd{font-style:italic}.bd-example:after,.bd-header:after{clear:both}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.s2,.sb,.sc,.sd,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}@font-face{font-family:anchorjs-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-style:normal;font-weight:400}.anchorjs-icon{font-family:anchorjs-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anchorjs-link{opacity:0;text-decoration:none}.anchorjs-link:focus,:hover>.anchorjs-link{opacity:1;-webkit-transition:color .16s linear;-o-transition:color .16s linear;transition:color .16s linear}.anchorjs-description{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.bd-container,.bd-header .container,.bd-masthead,body{position:relative}.anchorjs-link{float:left;width:1.2em;height:1em;padding-right:.2em;margin-top:.25em;margin-left:-1.2em;font-size:70%;color:inherit;text-align:center}:hover>.anchorjs-link:hover{color:#0275d8;text-decoration:none}.anchorjs-icon:before{content:'\e600'}@media (max-width:47.9em){.anchorjs-link{display:none}}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bd-booticon{display:block;width:9rem;height:9rem;font-size:6.5rem;line-height:9rem;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bd-brand-logos,.bd-callout,.bd-callout code,.bd-team img,.color-swatch{border-radius:.25rem}.carbonad,.carbonad-tag,.carbonad-text{width:auto!important;height:auto!important}.bd-booticon.inverse{color:#563d7c;background-color:#fff}.bd-booticon.outline{background-color:transparent;border:1px solid #cdbfe3}.bd-nav-home{margin-bottom:0;background-color:#563d7c;border-bottom:0}.bd-nav-home .navbar-brand>a{font-weight:500;color:#fff}.bd-nav-home .nav-link{font-weight:500;color:#cdbfe3}.bd-nav-home .nav-link:focus,.bd-nav-home .nav-link:hover{color:#fff;background-color:rgba(0,0,0,.5)}.bd-footer{padding-top:2rem;margin-top:6rem;font-size:85%;color:#777;border-top:1px solid #e5e5e5}.bd-footer-links{padding-left:0;margin-top:20px;color:#999}.bd-footer-links li{display:inline;padding:0 2px}.bd-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bd-footer p{margin-bottom:0}}.bd-social{margin-bottom:1.5rem;margin-left:-.5rem}.bd-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bd-social-buttons li{display:inline-block;padding:.25rem .5rem;line-height:1}.bd-social-buttons .twitter-follow-button{width:225px!important}.bd-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}.bd-header:after,.bd-header:before{content:" ";display:table}.bd-header .bd-header-mark{float:left;padding-top:.6em;padding-bottom:.6em;font-size:1.25rem;font-weight:500}.bd-header-nav{float:right}.bd-header-nav .nav-link{float:left}.bd-header-nav .nav-link:hover{background-color:transparent}.bd-masthead{padding:2rem 0}.bd-masthead .bd-booticon{margin:0 0 2rem;color:#55595c;border-color:#55595c}.bd-masthead h1{font-weight:300;line-height:1}.bd-masthead .lead{margin-bottom:2rem;font-size:1.25rem}.bd-masthead .version{margin-top:-1rem;margin-bottom:2rem}.bd-masthead .btn{width:100%;padding:1rem 2rem;font-size:1.25rem;font-weight:500;color:#55595c;border-color:#55595c}.bd-masthead .btn:hover{color:#fff;background-color:#55595c}@media (min-width:480px){.bd-masthead .btn{width:auto}}@media (min-width:768px){.bd-masthead{padding:2rem 0 4rem}.bd-header{margin-bottom:4rem}.bd-masthead h1{font-size:4rem}.bd-masthead .lead{font-size:1.5rem}}@media (min-width:992px){.bd-masthead .lead{width:80%;font-size:2rem}}.bd-header{border-bottom:1px solid rgba(255,255,255,.25);padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem;text-align:center;background-color:#563d7c}.bd-header h1{margin-top:0;color:#fff}.bd-header p{margin-bottom:0;font-weight:300;color:rgba(255,255,255,.65)}@media (min-width:768px){.bd-header{text-align:left}.bd-header h1{font-size:4rem;line-height:1}}@media (min-width:992px){.bd-header{padding-top:4rem;padding-bottom:4rem}.bd-header h1,.bd-header p{margin-right:380px}}.carbonad{padding:1.25rem!important;margin:0 -1rem 2rem!important;overflow:hidden;font-size:.8rem!important;line-height:1rem!important;color:#55595c!important;text-align:left;background:#f5f5f5!important;border:0!important}.bd-featurette,.bd-sidebar .navbar-toggle .icon-bar{background-color:#fff}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!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}.bd-brand-item,.bd-example-tooltips,.bd-featurette,.bd-search-results>.no-results,.responsive-utilities td{text-align:center}.carbonad-tag a,.carbonad-text a{color:#55595c!important}.carbonad-tag a:hover,.carbonad-text a:hover{color:#0275d8!important}.carbonad #azcarbon>img{display:none}@media (min-width:34em){.carbonad{width:330px!important;margin:1.5rem auto!important;border-width:1px!important;border-radius:.25rem}.bd-masthead .carbonad{margin:3rem auto 0!important}}@media (min-width:48em){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:62em){.carbonad{float:right;width:330px!important;padding:1rem!important;margin:.5rem 0 1rem 2rem!important}.bd-masthead .carbonad{float:none;margin:0!important}}.bd-featurette{padding-top:3rem;padding-bottom:3rem;font-size:1rem;line-height:1.5;color:#555;border-bottom:1px solid #e5e5e5}.bd-featurette+.bd-footer{margin-top:0;border-top:0}.bd-featurette-title{margin-bottom:.5rem;font-size:2rem;font-weight:400;color:#333}.half-rule{width:6rem;margin:2.5rem auto}.bd-featurette h4{margin-top:1rem;margin-bottom:.5rem;font-weight:400;color:#333}.bd-featurette-img{display:block;margin-bottom:1.25rem;color:#333}.bd-featurette-img:hover{color:#0275d8;text-decoration:none}.bd-featurette-img img{display:block;margin-bottom:1rem}@media (min-width:480px){.bd-featurette .img-responsive{margin-top:2rem}}@media (min-width:768px){.bd-featurette{padding-top:6rem;padding-bottom:6rem}.bd-featurette-title{font-size:2.5rem}.bd-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bd-featurette .img-responsive{margin-top:0}}.bd-featured-sites{margin-right:-1px;margin-left:-1px}.bd-featured-sites .col-xs-6{padding:1px}.bd-featured-sites .img-responsive{margin-top:0}.bd-examples .img-thumbnail{margin-bottom:.75rem}.bd-examples h4{margin-bottom:.25rem}.bd-examples p{margin-bottom:1.25rem}@media (max-width:480px){.bd-examples{margin-right:-.75rem;margin-left:-.75rem}.bd-examples>[class^=col-]{padding-right:.75rem;padding-left:.75rem}}.bd-container{max-width:62rem;padding:0 1rem 1rem;margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-featured-sites .col-sm-3:first-child img{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bd-featured-sites .col-sm-3:last-child img{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bd-container{padding:2rem}}@media (min-width:992px){.bd-container{padding:4rem}}.bd-container>table{display:block;width:100%;max-width:100%;overflow-y:auto;margin-bottom:1rem}.bd-container>table>tbody>tr>td,.bd-container>table>tbody>tr>th,.bd-container>table>tfoot>tr>td,.bd-container>table>tfoot>tr>th,.bd-container>table>thead>tr>td,.bd-container>table>thead>tr>th{padding:.75rem;line-height:1.5;vertical-align:top;border:1px solid #eceeef}.bd-container>table td:first-child>code{white-space:nowrap}.bd-sidebar{padding:0;margin-bottom:0}.bd-sidebar .navbar-toggler{position:absolute;top:1.25rem;right:0;z-index:5}.bd-sidebar .navbar-header{float:none;margin-right:-15px}.bd-sidebar .navbar-collapse{padding:0;border:0}@media (min-width:992px){.bd-docs{padding-left:240px}.bd-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;width:240px;overflow-x:hidden;overflow-y:auto;border-right:1px solid #eee}}.bd-sidebar .navbar-brand{display:block;float:none;height:auto;padding:1.75rem 1.25rem;font-size:20px;font-weight:500;line-height:1}.bd-sidebar-brand:focus,.bd-sidebar-brand:hover{text-decoration:none}.bd-search{position:relative;margin-right:1.25rem;margin-bottom:1.5rem;margin-left:1.25rem}.bd-search .form-control{height:2.45rem;padding-top:.4rem;padding-bottom:.4rem}.bd-search-results{top:108%;right:0;display:block;padding:0;overflow:hidden;font-size:.9rem;border:0}.bd-search-results>li>a{padding-left:.75rem;padding-right:.75rem}.bd-search-results>li:first-child{margin-top:.25rem}.bd-search-results>li:last-child{margin-bottom:.25rem}.bd-search-results>.no-results{padding:.75rem 1rem;color:#7a7a7a}.bd-sidenav{display:none}.active>.bd-sidenav,.bd-toc-link{display:block}.bd-toc-link{padding:.25rem 1.25rem;color:#55595c}.bd-toc-link:focus,.bd-toc-link:hover{color:#0275d8;text-decoration:none}.active>.bd-toc-link{font-weight:500;color:#373a3c}.bd-toc-item.active{margin-top:1rem;margin-bottom:1rem}.bd-toc-item:first-child{margin-top:0}.bd-toc-item:last-child{margin-bottom:2rem}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.25rem;font-size:90%;color:#99979c}.bd-sidebar .nav>li>a:focus,.bd-sidebar .nav>li>a:hover{color:#0275d8;text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:focus>a,.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:500;color:#373a3c;background-color:transparent}.bd-sidebar .nav .nav{display:none;padding-bottom:.75rem}.bd-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;font-weight:400;padding-top:.125rem;padding-bottom:.125rem;padding-left:2rem;font-size:80%}.bd-sidebar .nav .nav>.active:focus>a,.bd-sidebar .nav .nav>.active:hover>a,.bd-sidebar .nav .nav>.active>a{font-weight:500}.bd-sidebar .nav>.active>.nav{display:block}.bd-content>h2{margin-top:3rem;font-weight:400}.bd-content>h3{margin-top:1.5rem}@media (min-width:34em){.bd-title{margin-right:23rem;font-size:4rem}.bd-title+p{font-size:1.5rem;font-weight:300;margin-right:23rem}}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}}.color-swatches .bd-purple{background-color:#563d7c}.color-swatches .bd-purple-light{background-color:#cdbfe3}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.bd-team .team-member{line-height:2rem;color:#555}.bd-team .team-member:hover{color:#333;text-decoration:none}.bd-team .github-btn{float:right;width:180px;height:1.25rem;margin-top:.25rem}.bd-team img{float:left;width:2rem;margin-right:.5rem}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-example>.row{margin-bottom:1rem}.bd-example>.row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example{position:relative;padding:1rem;margin:1rem -1rem;border:solid #f7f7f9;border-width:.2rem 0 0}.bd-example:after,.bd-example:before{content:" ";display:table}@media (min-width:34em){.bd-example{margin-left:0;margin-right:0;margin-bottom:-1rem;padding:1.5rem;border-width:.2rem}}.bd-example+p{margin-top:2rem}.bd-example .container{width:auto}.bd-example>.card{float:left;max-width:15rem;margin:.25rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.table-responsive:last-child>.table,.bd-example>:last-child{margin-bottom:0!important}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select,.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .navbar:last-child{margin-bottom:0}.bd-navbar-bottom-example,.bd-navbar-top-example{z-index:1;padding:0;overflow:hidden}.bd-navbar-bottom-example .navbar-header,.bd-navbar-top-example .navbar-header{margin-left:0}.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:relative;margin-right:0;margin-left:0}.bd-navbar-top-example{padding-bottom:45px}.bd-navbar-top-example .navbar-fixed-top{top:-1px}.bd-navbar-bottom-example{padding-top:45px}.bd-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bd-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:absolute}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example>.pager{margin-top:0}.bd-example-modal{background-color:#f5f5f5}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bd-example>.dropdown>.dropdown-toggle{float:left}.bd-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:.25rem;clear:left}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-tooltips>.btn{margin-top:.25rem;margin-bottom:.25rem}.bd-example-popover{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.bd-example-tooltip .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.bd-example>.center-block:not(img){max-width:200px;padding:.5rem;background-color:#eee}.bd-example>.bg-danger,.bd-example>.bg-info,.bd-example>.bg-primary,.bd-example>.bg-success,.bd-example>.bg-warning{padding:.5rem;margin-top:.5rem;margin-bottom:.5rem}.highlight{padding:1rem;margin:1rem -1rem;background-color:#f7f7f9}@media (min-width:34em){.highlight{padding:1.5rem;margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#373a3c}.table-responsive .highlight pre{white-space:normal}.bd-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:.25rem}.responsive-utilities-test .col-xs-6{margin-bottom:.5rem}.responsive-utilities-test span{display:block;padding:1rem .5rem;font-size:1rem;font-weight:700;line-height:1.1;text-align:center;border-radius:.25rem}.hidden-on .col-xs-6>.not-visible,.visible-on .col-xs-6>.not-visible{color:#999;border:1px solid #ddd}.hidden-on .col-xs-6 .visible,.visible-on .col-xs-6 .visible{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}@media (max-width:33.9em){.hidden-xs-only{display:none!important}}@media (min-width:34em)and (max-width:47.9em){.hidden-sm-only{display:none!important}}@media (min-width:48em)and (max-width:61.9em){.hidden-md-only{display:none!important}}@media (min-width:62em)and (max-width:74.9em){.hidden-lg-only{display:none!important}}@media (min-width:75em){.hidden-xl-only{display:none!important}}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#563d7c;background-color:#f9f9f9}.bd-brand-item{padding:4rem 0}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-logos .inverse{color:#fff;background-color:#563d7c}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}.bd-brand-item .bd-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.zero-clipboard{position:relative;display:none;float:right}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:#eceeef;border-radius:0 .2rem}.btn-clipboard-hover{color:#fff;background-color:#027de7}@media (min-width:768px){.zero-clipboard{display:block}}#focusedInput{border-color:#66afe9;outline:0;outline:dotted thin;-webkit-box-shadow:0 0 .5rem rgba(102,175,233,.6);box-shadow:0 0 .5rem rgba(102,175,233,.6)} \ No newline at end of file + */.bd-example:after,.bd-header:after{clear:both}.ge,.sd{font-style:italic}.bd-container{position:relative;max-width:62rem;padding:0 1rem 1rem;margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-container{padding:2rem}}@media (min-width:992px){.bd-container{padding:4rem}}.bd-container>table{display:block;width:100%;max-width:100%;overflow-y:auto;margin-bottom:1rem}.bd-container>table>tbody>tr>td,.bd-container>table>tbody>tr>th,.bd-container>table>tfoot>tr>td,.bd-container>table>tfoot>tr>th,.bd-container>table>thead>tr>td,.bd-container>table>thead>tr>th{padding:.75rem;line-height:1.5;vertical-align:top;border:1px solid #eceeef}.bd-container>table td:first-child>code{white-space:nowrap}.bd-content>h2{margin-top:3rem;font-weight:400}.bd-content>h3{margin-top:1.5rem}@media (min-width:34em){.bd-title{margin-right:23rem;font-size:4rem}.bd-title+p{font-size:1.5rem;font-weight:300;margin-right:23rem}}.bd-sidebar{padding:0;margin-bottom:0}.bd-sidebar .navbar-toggler{position:absolute;top:1.25rem;right:0;z-index:5}.bd-sidebar .navbar-toggle .icon-bar{background-color:#fff}.bd-sidebar .navbar-header{float:none;margin-right:-15px}.bd-sidebar .navbar-collapse{padding:0;border:0}@media (min-width:992px){.bd-docs{padding-left:240px}.bd-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;width:240px;overflow-x:hidden;overflow-y:auto;border-right:1px solid #eee}}.bd-example,.bd-header .container,.bd-masthead,.bd-search{position:relative}.bd-sidebar .navbar-brand{display:block;float:none;height:auto;padding:1.75rem 1.25rem;font-size:20px;font-weight:500;line-height:1}.bd-sidebar-brand:focus,.bd-sidebar-brand:hover{text-decoration:none}.bd-search{margin-right:1.25rem;margin-bottom:1.5rem;margin-left:1.25rem}.bd-search .form-control{height:2.45rem;padding-top:.4rem;padding-bottom:.4rem}.bd-search-results{top:108%;right:0;display:block;padding:0;overflow:hidden;font-size:.9rem;border:0}.bd-search-results>li>a{padding-left:.75rem;padding-right:.75rem}.bd-search-results>li:first-child{margin-top:.25rem}.bd-search-results>li:last-child{margin-bottom:.25rem}.bd-search-results>.no-results{padding:.75rem 1rem;color:#7a7a7a;text-align:center}.bd-sidenav{display:none}.active>.bd-sidenav,.bd-toc-link{display:block}.bd-toc-link{padding:.25rem 1.25rem;color:#55595c}.bd-toc-link:focus,.bd-toc-link:hover{color:#0275d8;text-decoration:none}.active>.bd-toc-link{font-weight:500;color:#373a3c}.bd-toc-item.active{margin-top:1rem;margin-bottom:1rem}.bd-toc-item:first-child{margin-top:0}.bd-toc-item:last-child{margin-bottom:2rem}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.25rem;font-size:90%;color:#99979c}.bd-sidebar .nav>li>a:focus,.bd-sidebar .nav>li>a:hover{color:#0275d8;text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:focus>a,.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:500;color:#373a3c;background-color:transparent}.bd-sidebar .nav .nav{display:none;padding-bottom:.75rem}.bd-booticon,.bd-sidebar .nav>.active>.nav{display:block}.bd-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;font-weight:400;padding-top:.125rem;padding-bottom:.125rem;padding-left:2rem;font-size:80%}.bd-sidebar .nav .nav>.active:focus>a,.bd-sidebar .nav .nav>.active:hover>a,.bd-sidebar .nav .nav>.active>a{font-weight:500}.bd-booticon{width:9rem;height:9rem;font-size:6.5rem;line-height:9rem;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bd-brand-logos,.bd-callout,.bd-callout code,.bd-team img,.color-swatch{border-radius:.25rem}.carbonad,.carbonad-tag,.carbonad-text{width:auto!important;height:auto!important}.bd-booticon.inverse{color:#563d7c;background-color:#fff}.bd-booticon.outline{background-color:transparent;border:1px solid #cdbfe3}.bd-nav-home{margin-bottom:0;background-color:#563d7c;border-bottom:0}.bd-nav-home .navbar-brand>a{font-weight:500;color:#fff}.bd-nav-home .nav-link{font-weight:500;color:#cdbfe3}.bd-nav-home .nav-link:focus,.bd-nav-home .nav-link:hover{color:#fff;background-color:rgba(0,0,0,.5)}.bd-header{border-bottom:1px solid rgba(255,255,255,.25)}.bd-header:after,.bd-header:before{content:" ";display:table}.bd-header .bd-header-mark{float:left;padding-top:.6em;padding-bottom:.6em;font-size:1.25rem;font-weight:500}.bd-header-nav{float:right}.bd-header-nav .nav-link{float:left}.bd-header-nav .nav-link:hover{background-color:transparent}.bd-masthead{padding:2rem 0}.bd-masthead .bd-booticon{margin:0 0 2rem;color:#55595c;border-color:#55595c}.bd-masthead h1{font-weight:300;line-height:1}.bd-masthead .lead{margin-bottom:2rem;font-size:1.25rem}.bd-masthead .version{margin-top:-1rem;margin-bottom:2rem}.bd-masthead .btn{width:100%;padding:1rem 2rem;font-size:1.25rem;font-weight:500;color:#55595c;border-color:#55595c}.bd-masthead .btn:hover{color:#fff;background-color:#55595c}@media (min-width:480px){.bd-masthead .btn{width:auto}}@media (min-width:768px){.bd-masthead{padding:2rem 0 4rem}.bd-header{margin-bottom:4rem}.bd-masthead h1{font-size:4rem}.bd-masthead .lead{font-size:1.5rem}}@media (min-width:992px){.bd-masthead .lead{width:80%;font-size:2rem}}.bd-featurette{padding-top:3rem;padding-bottom:3rem;font-size:1rem;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bd-featurette+.bd-footer{margin-top:0;border-top:0}.bd-featurette-title{margin-bottom:.5rem;font-size:2rem;font-weight:400;color:#333}.half-rule{width:6rem;margin:2.5rem auto}.bd-featurette h4{margin-top:1rem;margin-bottom:.5rem;font-weight:400;color:#333}.bd-featurette-img{display:block;margin-bottom:1.25rem;color:#333}.bd-featurette-img:hover{color:#0275d8;text-decoration:none}.bd-featurette-img img{display:block;margin-bottom:1rem}@media (min-width:480px){.bd-featurette .img-responsive{margin-top:2rem}}@media (min-width:768px){.bd-featurette{padding-top:6rem;padding-bottom:6rem}.bd-featurette-title{font-size:2.5rem}.bd-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bd-featurette .img-responsive{margin-top:0}}.bd-featured-sites{margin-right:-1px;margin-left:-1px}.bd-featured-sites .col-xs-6{padding:1px}.bd-featured-sites .img-responsive{margin-top:0}.carbonad{padding:1.25rem!important;margin:0 -1rem 2rem!important;overflow:hidden;font-size:.8rem!important;line-height:1rem!important;color:#55595c!important;text-align:left;background:#f5f5f5!important;border:0!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!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-tag a,.carbonad-text a{color:#55595c!important}.carbonad-tag a:hover,.carbonad-text a:hover{color:#0275d8!important}.carbonad #azcarbon>img{display:none}@media (min-width:34em){.carbonad{width:330px!important;margin:1.5rem auto!important;border-width:1px!important;border-radius:.25rem}.bd-masthead .carbonad{margin:3rem auto 0!important}}@media (min-width:48em){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:62em){.carbonad{float:right;width:330px!important;padding:1rem!important;margin:.5rem 0 1rem 2rem!important}.bd-masthead .carbonad{float:none;margin:0!important}}.bd-footer{padding-top:2rem;margin-top:6rem;font-size:85%;color:#777;border-top:1px solid #e5e5e5}.bd-footer-links{padding-left:0;margin-top:20px;color:#999}.bd-footer-links li{display:inline;padding:0 2px}.bd-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bd-featured-sites .col-sm-3:first-child img{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bd-featured-sites .col-sm-3:last-child img{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bd-footer p{margin-bottom:0}}.bd-social{margin-bottom:1.5rem;margin-left:-.5rem}.bd-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bd-social-buttons li{display:inline-block;padding:.25rem .5rem;line-height:1}.bd-social-buttons .twitter-follow-button{width:225px!important}.bd-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}.bd-header{padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem;text-align:center;background-color:#563d7c}.bd-header h1{margin-top:0;color:#fff}.bd-header p{margin-bottom:0;font-weight:300;color:rgba(255,255,255,.65)}@media (min-width:768px){.bd-header{text-align:left}.bd-header h1{font-size:4rem;line-height:1}}.anchorjs-link,.bd-brand-item,.bd-example-tooltips,.responsive-utilities td{text-align:center}@media (min-width:992px){.bd-header{padding-top:4rem;padding-bottom:4rem}.bd-header h1,.bd-header p{margin-right:380px}}.bd-example>.row{margin-bottom:1rem}.bd-example>.row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example{padding:1rem;margin:1rem -1rem;border:solid #f7f7f9;border-width:.2rem 0 0}.bd-example:after,.bd-example:before{content:" ";display:table}@media (min-width:34em){.bd-example{margin-left:0;margin-right:0;margin-bottom:-1rem;padding:1.5rem;border-width:.2rem}}.bd-example+p{margin-top:2rem}.bd-example .container{width:auto}.bd-example>.card{float:left;max-width:15rem;margin:.25rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.table-responsive:last-child>.table,.bd-example>:last-child{margin-bottom:0!important}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select,.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .navbar:last-child{margin-bottom:0}.bd-navbar-bottom-example,.bd-navbar-top-example{z-index:1;padding:0;overflow:hidden}.bd-navbar-bottom-example .navbar-header,.bd-navbar-top-example .navbar-header{margin-left:0}.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:relative;margin-right:0;margin-left:0}.bd-navbar-top-example{padding-bottom:45px}.bd-navbar-top-example .navbar-fixed-top{top:-1px}.bd-navbar-bottom-example{padding-top:45px}.bd-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bd-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:absolute}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example>.pager{margin-top:0}.bd-example-modal{background-color:#f5f5f5}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bd-example>.dropdown>.dropdown-toggle{float:left}.bd-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:.25rem;clear:left}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-tooltips>.btn{margin-top:.25rem;margin-bottom:.25rem}.bd-example-popover{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.bd-example-tooltip .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.bd-example>.center-block:not(img){max-width:200px;padding:.5rem;background-color:#eee}.bd-example>.bg-danger,.bd-example>.bg-info,.bd-example>.bg-primary,.bd-example>.bg-success,.bd-example>.bg-warning{padding:.5rem;margin-top:.5rem;margin-bottom:.5rem}.highlight{padding:1rem;margin:1rem -1rem;background-color:#f7f7f9}@media (min-width:34em){.highlight{padding:1.5rem;margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#373a3c}#focusedInput{border-color:#66afe9;outline:0;outline:dotted thin;-webkit-box-shadow:0 0 .5rem rgba(102,175,233,.6);box-shadow:0 0 .5rem rgba(102,175,233,.6)}.table-responsive .highlight pre{white-space:normal}.bd-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:.25rem}.responsive-utilities-test .col-xs-6{margin-bottom:.5rem}.responsive-utilities-test span{display:block;padding:1rem .5rem;font-size:1rem;font-weight:700;line-height:1.1;text-align:center;border-radius:.25rem}.hidden-on .col-xs-6>.not-visible,.visible-on .col-xs-6>.not-visible{color:#999;border:1px solid #ddd}.hidden-on .col-xs-6 .visible,.visible-on .col-xs-6 .visible{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}@media (max-width:33.9em){.hidden-xs-only{display:none!important}}@media (min-width:34em)and (max-width:47.9em){.hidden-sm-only{display:none!important}}@media (min-width:48em)and (max-width:61.9em){.hidden-md-only{display:none!important}}@media (min-width:62em)and (max-width:74.9em){.hidden-lg-only{display:none!important}}@media (min-width:75em){.hidden-xl-only{display:none!important}}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-examples .img-thumbnail{margin-bottom:.75rem}.bd-examples h4{margin-bottom:.25rem}.bd-examples p{margin-bottom:1.25rem}@media (max-width:480px){.bd-examples{margin-right:-.75rem;margin-left:-.75rem}.bd-examples>[class^=col-]{padding-right:.75rem;padding-left:.75rem}}.bd-team .team-member{line-height:2rem;color:#555}.bd-team .team-member:hover{color:#333;text-decoration:none}.bd-team .github-btn{float:right;width:180px;height:1.25rem;margin-top:.25rem}.bd-team img{float:left;width:2rem;margin-right:.5rem}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#563d7c;background-color:#f9f9f9}.bd-brand-logos .inverse,.color-swatches .bd-purple{background-color:#563d7c}.bd-brand-item{padding:4rem 0}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-logos .inverse{color:#fff}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}.bd-brand-item .bd-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem}.color-swatches .bd-purple-light{background-color:#cdbfe3}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.zero-clipboard{position:relative;display:none;float:right}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:#eceeef;border-radius:0 .2rem}.btn-clipboard-hover{color:#fff;background-color:#027de7}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}.zero-clipboard{display:block}}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.s2,.sb,.sc,.sd,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}@font-face{font-family:anchorjs-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-style:normal;font-weight:400}.anchorjs-icon{font-family:anchorjs-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anchorjs-link{opacity:0;text-decoration:none}.anchorjs-link:focus,:hover>.anchorjs-link{opacity:1;-webkit-transition:color .16s linear;-o-transition:color .16s linear;transition:color .16s linear}.anchorjs-description{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.anchorjs-link{float:left;width:1.2em;height:1em;padding-right:.2em;margin-top:.25em;margin-left:-1.2em;font-size:70%;color:inherit}:hover>.anchorjs-link:hover{color:#0275d8;text-decoration:none}.anchorjs-icon:before{content:'\e600'}@media (max-width:47.9em){.anchorjs-link{display:none}} \ No newline at end of file diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map index b0df6233db..840243a9fb 100644 --- a/docs/assets/css/docs.min.css.map +++ b/docs/assets/css/docs.min.css.map @@ -5,6 +5,23 @@ "../../../docs.scss", "../../../../../../scss/_variables.scss", "../../../../../../scss/_mixins.scss", + "../../../_layout.scss", + "../../../_sidebar.scss", + "../../../_booticon.scss", + "../../../_homepage.scss", + "../../../_ads.scss", + "../../../_footer.scss", + "../../../_social-buttons.scss", + "../../../_page-header.scss", + "../../../_component-examples.scss", + "../../../_responsive-tests.scss", + "../../../_buttons.scss", + "../../../_callouts.scss", + "../../../_examples.scss", + "../../../_team.scss", + "../../../_browser-bugs.scss", + "../../../_brand.scss", + "../../../_zeroclipboard.scss", "../../../_syntax.scss", "../../../_anchor.scss", "../../../../../../scss/mixins/_breakpoints.scss", @@ -38,6 +55,6 @@ "../../../../../../scss/mixins/_pulls.scss" ], "sourcesContent": [], - "mappings": "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", + "mappings": "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", "names": [] } \ No newline at end of file diff --git a/docs/assets/scss/_ads.scss b/docs/assets/scss/_ads.scss new file mode 100644 index 0000000000..a9ac95b0f8 --- /dev/null +++ b/docs/assets/scss/_ads.scss @@ -0,0 +1,101 @@ +// +// Carbon ads +// + +.carbonad { + width: auto !important; + height: auto !important; + padding: 1.25rem !important; + margin: 0 -1rem 2rem !important; + overflow: hidden; /* clearfix */ + font-size: .8rem !important; + line-height: 1rem !important; + color: $gray !important; + text-align: left; + background: #f5f5f5 !important; + border: 0 !important; + // border: solid #e5e5e5 !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: $gray !important; + + &:hover { + color: $brand-primary !important; + } +} +.carbonad #azcarbon > img { + display: none; // hide what I assume are tracking images +} + +// In the lighter page headers +// .bd-header .carbonad { +// color: #777; +// background-color: #fff !important; +// border-color: #eee !important; +// } +// .bd-header .carbonad-text a, +// .bd-header .carbonad-tag a { +// color: $bd-purple !important; +// } + +@include media-breakpoint-up(sm) { + .carbonad { + width: 330px !important; + margin: 1.5rem auto !important; + border-width: 1px !important; + border-radius: .25rem; + } + .bd-masthead .carbonad { + margin: 3rem auto 0 !important; + } +} + +@include media-breakpoint-up(md) { + .carbonad { + margin-right: 0 !important; + margin-left: 0 !important; + } +} + +@include media-breakpoint-up(lg) { + .carbonad { + float: right; + width: 330px !important; + padding: 1rem !important; + margin: .5rem 0 1rem 2rem !important; + } + .bd-masthead { + .carbonad { + float: none; + margin: 0 !important; + // color: $bd-purple-light !important; + // background: transparent !important; + // border: 1px solid #866ab3 !important; + } + // .carbonad-text a, + // .carbonad-tag a { + // color: #fff !important; + // } + } +} diff --git a/docs/assets/scss/_booticon.scss b/docs/assets/scss/_booticon.scss new file mode 100644 index 0000000000..dd49898470 --- /dev/null +++ b/docs/assets/scss/_booticon.scss @@ -0,0 +1,25 @@ +// +// Bootstrap "B" Booticon +// + +.bd-booticon { + display: block; + width: 9rem; + height: 9rem; + font-size: 6.5rem; + line-height: 9rem; + color: #fff; + text-align: center; + cursor: default; + background-color: $bd-purple; + border-radius: 15%; + + &.inverse { + color: $bd-purple; + background-color: #fff; + } + &.outline { + background-color: transparent; + border: 1px solid $bd-purple-light; + } +} diff --git a/docs/assets/scss/_brand.scss b/docs/assets/scss/_brand.scss new file mode 100644 index 0000000000..1fb2119a25 --- /dev/null +++ b/docs/assets/scss/_brand.scss @@ -0,0 +1,108 @@ +// +// Brand guidelines +// + +// Logo series wrapper +.bd-brand-logos { + display: table; + width: 100%; + margin-bottom: 1rem; + overflow: hidden; + color: #563d7c; + background-color: #f9f9f9; + border-radius: .25rem; +} + +// Individual items +.bd-brand-item { + padding: 4rem 0; + text-align: center; +} +.bd-brand-item + .bd-brand-item { + border-top: 1px solid #fff; +} +.bd-brand-logos .inverse { + color: #fff; + background-color: #563d7c; +} + +// Heading content within +.bd-brand-item h1, +.bd-brand-item h3 { + margin-top: 0; + margin-bottom: 0; +} +.bd-brand-item .bd-booticon { + margin-right: auto; + margin-left: auto; +} + +// Make the icons stand out on what is/isn't okay +// .bd-brand-item .glyphicon { +// width: 30px; +// height: 30px; +// margin: 10px auto -10px; +// line-height: 30px; +// color: #fff; +// border-radius: 50%; +// } +// .bd-brand-item .glyphicon-ok { +// background-color: #5cb85c; +// } +// .bd-brand-item .glyphicon-remove { +// background-color: #d9534f; +// } + +@media (min-width: 768px) { + .bd-brand-item { + display: table-cell; + width: 1%; + } + .bd-brand-item + .bd-brand-item { + border-top: 0; + border-left: 1px solid #fff; + } + .bd-brand-item h1 { + font-size: 4rem; + } +} + + +// +// Color swatches +// + +.color-swatches { + margin: 0 -5px; + overflow: hidden; // clearfix +} + +.color-swatch { + float: left; + width: 4rem; + height: 4rem; + margin-right: .25rem; + margin-left: .25rem; + border-radius: .25rem; + + @media (min-width: 768px) { + width: 6rem; + height: 6rem; + } +} + +// Docs colors +.color-swatches { + .bd-purple { + background-color: $bd-purple; + } + .bd-purple-light { + background-color: $bd-purple-light; + } + .bd-purple-lighter { + background-color: #e5e1ea; + } + .bd-gray { + background-color: #f9f9f9; + } +} diff --git a/docs/assets/scss/_browser-bugs.scss b/docs/assets/scss/_browser-bugs.scss new file mode 100644 index 0000000000..f42158b379 --- /dev/null +++ b/docs/assets/scss/_browser-bugs.scss @@ -0,0 +1,12 @@ +// Wall of Browser Bugs +// +// Better display for the responsive table on the Wall of Browser Bugs. + +.bd-browser-bugs { + td p { + margin-bottom: 0; + } + th:first-child { + width: 18%; + } +} diff --git a/docs/assets/scss/_buttons.scss b/docs/assets/scss/_buttons.scss new file mode 100644 index 0000000000..213e95d048 --- /dev/null +++ b/docs/assets/scss/_buttons.scss @@ -0,0 +1,32 @@ +// Buttons +// +// Custom buttons for the docs. + +.btn-outline { + color: $bd-purple; + background-color: transparent; + border-color: $bd-purple; + + &:hover, + &:focus, + &:active { + color: #fff; + background-color:$bd-purple; + border-color: $bd-purple; + } +} + +.btn-outline-inverse { + color: #fff; + background-color: transparent; + border-color: $bd-purple-light; + + &:hover, + &:focus, + &:active { + color: $bd-purple; + text-shadow: none; + background-color: #fff; + border-color: #fff; + } +} diff --git a/docs/assets/scss/_callouts.scss b/docs/assets/scss/_callouts.scss new file mode 100644 index 0000000000..e8b7c1d5ed --- /dev/null +++ b/docs/assets/scss/_callouts.scss @@ -0,0 +1,36 @@ +// +// Callouts +// + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #eee; + border-left-width: .25rem; + border-radius: .25rem; +} +.bd-callout h4 { + margin-top: 0; + margin-bottom: .25rem; +} +.bd-callout p:last-child { + margin-bottom: 0; +} +.bd-callout code { + border-radius: .25rem; +} + +.bd-callout + .bd-callout { + margin-top: -.25rem; +} + +// Variations +@mixin bs-callout-variant($color) { + border-left-color: $color; + + h4 { color: $color; } +} +.bd-callout-danger { @include bs-callout-variant($bd-danger); } +.bd-callout-warning { @include bs-callout-variant($bd-warning); } +.bd-callout-info { @include bs-callout-variant($bd-info); } diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss new file mode 100644 index 0000000000..4032080b8a --- /dev/null +++ b/docs/assets/scss/_component-examples.scss @@ -0,0 +1,326 @@ +// +// Grid examples +// + +.bd-example > .row { + margin-bottom: 1rem; +} +.bd-example > .row > [class^="col-"] { + padding-top: .75rem; + padding-bottom: .75rem; + background-color: rgba(86,61,124,.15); + border: 1px solid rgba(86,61,124,.2); +} + + +// +// Docs examples +// + +.bd-example { + position: relative; + padding: 1rem; + margin: 1rem -1rem; + border: solid #f7f7f9; + border-width: .2rem 0 0; + @include clearfix(); + + @include media-breakpoint-up(sm) { + margin-left: 0; + margin-right: 0; + margin-bottom: -1rem; + padding: 1.5rem; + border-width: .2rem; + } + + + p { + margin-top: 2rem; + } + + // Undo width of container + .container { + width: auto; + } + + // Card examples should be horizontal + > .card { + float: left; + max-width: 15rem; + margin: .25rem; + } + + > .nav + .nav, + > .alert + .alert, + > .progress + .progress { + margin-top: 1rem; + } + + > .dropdown-menu:first-child { + position: static; + display: block; + } +} + + +// Tweak content of examples for optimum awesome +.bd-example > *:last-child, +.bd-example > .table-responsive:last-child > .table { + margin-bottom: 0 !important; +} +.bd-example > .close { + float: none; +} + +// Typography +.bd-example-type .table .type-info { + color: #999; + vertical-align: middle; +} +.bd-example-type .table td { + padding: 1rem 0; + border-color: #eee; +} +.bd-example-type .table tr:first-child td { + border-top: 0; +} +.bd-example-type h1, +.bd-example-type h2, +.bd-example-type h3, +.bd-example-type h4, +.bd-example-type h5, +.bd-example-type h6 { + margin: 0; +} + +// Contextual background colors +.bd-example-bg-classes p { + padding: 1rem; +} + +// Images +.bd-example > img { + + img { + margin-left: .5rem; + } +} +// .bd-example > .img-circle, +// .bd-example > .img-rounded, +// .bd-example > .img-thumbnail { +// margin: .25rem; +// } + +// Tables +// .bd-example > .table-responsive > .table { +// background-color: #fff; +// } + +// Buttons +.bd-example > .btn-group { + margin-top: .25rem; + margin-bottom: .25rem; +} +.bd-example > .btn-toolbar + .btn-toolbar { + margin-top: .5rem; +} + +// Forms +.bd-example-control-sizing select, +.bd-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: .5rem; +} +.bd-example-form .input-group { + margin-bottom: .5rem; +} +.bd-example > textarea.form-control { + resize: vertical; +} + +// List groups +.bd-example > .list-group { + max-width: 400px; +} + +// Navbars +.bd-example .navbar:last-child { + margin-bottom: 0; +} +.bd-navbar-top-example, +.bd-navbar-bottom-example { + z-index: 1; + padding: 0; + overflow: hidden; // cut the drop shadows off +} +.bd-navbar-top-example .navbar-header, +.bd-navbar-bottom-example .navbar-header { + margin-left: 0; +} +.bd-navbar-top-example .navbar-fixed-top, +.bd-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-right: 0; + margin-left: 0; +} +.bd-navbar-top-example { + padding-bottom: 45px; +} +.bd-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bd-navbar-bottom-example { + padding-top: 45px; +} +.bd-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} +.bd-navbar-bottom-example .navbar { + margin-bottom: 0; +} +@media (min-width: 768px) { + .bd-navbar-top-example .navbar-fixed-top, + .bd-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; + } +} + +// Pagination +.bd-example .pagination { + margin-top: .5rem; + margin-bottom: .5rem; +} + +// Pager +.bd-example > .pager { + margin-top: 0; +} + +// Example modals +.bd-example-modal { + background-color: #f5f5f5; +} +.bd-example-modal .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 1; + display: block; +} +.bd-example-modal .modal-dialog { + left: auto; + margin-right: auto; + margin-left: auto; +} + +// Example dropdowns +.bd-example > .dropdown > .dropdown-toggle { + float: left; +} +.bd-example > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: .25rem; + clear: left; +} + +// Example tabbable tabs +.bd-example-tabs .nav-tabs { + margin-bottom: 1rem; +} + +// Tooltips +.bd-example-tooltips { + text-align: center; +} +.bd-example-tooltips > .btn { + margin-top: .25rem; + margin-bottom: .25rem; +} + +// Popovers +.bd-example-popover { + padding-bottom: 1.5rem; + background-color: #f9f9f9; +} +.bd-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 1.25rem; +} + +// Tooltips +.bd-example-tooltip .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; +} + +// Scrollspy demo on fixed height div +.scrollspy-example { + position: relative; + height: 200px; + margin-top: .5rem; + overflow: auto; +} + +// Helpers +.bd-example > { + .center-block:not(img) { + max-width: 200px; + padding: .5rem; + background-color: #eee; + } + + .bg-primary, + .bg-success, + .bg-info, + .bg-warning, + .bg-danger { + padding: .5rem; + margin-top: .5rem; + margin-bottom: .5rem; + } +} + + +// +// Code snippets +// + +.highlight { + padding: 1rem; + margin: 1rem -1rem; + background-color: #f7f7f9; + + @include media-breakpoint-up(sm) { + padding: 1.5rem; + margin-right: 0; + margin-left: 0; + } +} +.highlight pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + background-color: transparent; + border: 0; +} +.highlight pre code { + font-size: inherit; + color: $gray-dark; // Effectively the base text color +} + + +// Pseudo focus +// +// Custom `:focus` state for showing how it looks in the docs. + +#focusedInput { + border-color: $input-border-focus; + outline: 0; + outline: thin dotted \9; // IE9 + box-shadow: 0 0 .5rem $input-box-shadow-focus; +} diff --git a/docs/assets/scss/_examples.scss b/docs/assets/scss/_examples.scss new file mode 100644 index 0000000000..a4ec7a2998 --- /dev/null +++ b/docs/assets/scss/_examples.scss @@ -0,0 +1,24 @@ +// +// Examples +// + +.bd-examples .img-thumbnail { + margin-bottom: .75rem; +} +.bd-examples h4 { + margin-bottom: .25rem; +} +.bd-examples p { + margin-bottom: 1.25rem; +} + +@media (max-width: 480px) { + .bd-examples { + margin-right: -.75rem; + margin-left: -.75rem; + } + .bd-examples > [class^="col-"] { + padding-right: .75rem; + padding-left: .75rem; + } +} diff --git a/docs/assets/scss/_footer.scss b/docs/assets/scss/_footer.scss new file mode 100644 index 0000000000..8c91acb493 --- /dev/null +++ b/docs/assets/scss/_footer.scss @@ -0,0 +1,29 @@ +// +// Footer +// + +.bd-footer { + padding-top: 2rem; + margin-top: 6rem; + font-size: 85%; + color: #777; + border-top: 1px solid #e5e5e5; +} +.bd-footer-links { + padding-left: 0; + margin-top: 20px; + color: #999; +} +.bd-footer-links li { + display: inline; + padding: 0 2px; +} +.bd-footer-links li:first-child { + padding-left: 0; +} + +@media (min-width: 768px) { + .bd-footer p { + margin-bottom: 0; + } +} diff --git a/docs/assets/scss/_homepage.scss b/docs/assets/scss/_homepage.scss new file mode 100644 index 0000000000..94ec5f00bf --- /dev/null +++ b/docs/assets/scss/_homepage.scss @@ -0,0 +1,249 @@ +// +// Home navigation +// + +.bd-nav-home { + margin-bottom: 0; + background-color: #563d7c; + border-bottom: 0; + + .navbar-brand > a { + font-weight: 500; + color: #fff; + } + + .nav-link { + font-weight: 500; + color: #cdbfe3; + + &:hover, + &:focus { + color: #fff; + background-color: rgba(0,0,0,.5); + } + } +} + +// .bd-nav-home .navbar-toggle .icon-bar { +// background-color: #fff; +// } +// .bd-nav-home .navbar-header .navbar-toggle { +// border-color: #322f38; +// } +// .bd-nav-home .navbar-header .navbar-toggle:hover, +// .bd-nav-home .navbar-header .navbar-toggle:focus { +// background-color: #29262f; +// border-color: #29262f; +// } + + + +// +// Homepage +// + +.bd-header { + @include clearfix; + padding-bottom: .5rem; + margin-bottom: 1rem; + border-bottom: 1px solid rgba(255,255,255,.25); + + .bd-header-mark { + float: left; + padding-top: .6em; + padding-bottom: .6em; + font-size: 1.25rem; + font-weight: 500; + } +} + +.bd-header-nav { + float: right; + + .nav-link { + float: left; + + &:hover { + background-color: transparent; + } + } +} + + +// +// Masthead (headings and download button) +// + +.bd-masthead { + position: relative; + padding: 2rem 0; + // color: #cdbfe3; + // text-align: center; + // text-shadow: 0 1px 0 rgba(0,0,0,.1); + // background-color: #6f5499; + // @include gradient-vertical($bd-purple, #6f5499); + // background-image: linear-gradient(135deg, #a8b7be, #cdd1d4, #d4d5d7, #cecfd1); +} + +.bd-masthead .bd-booticon { + margin: 0 0 2rem; + color: $gray; + border-color: $gray; +} +.bd-masthead h1 { + font-weight: 300; + line-height: 1; + // color: #fff; +} +.bd-masthead .lead { + margin-bottom: 2rem; + font-size: 1.25rem; + // color: #fff; +} +.bd-masthead .version { + margin-top: -1rem; + margin-bottom: 2rem; + // color: #9783b9; +} +.bd-masthead .btn { + width: 100%; + padding: 1rem 2rem; + font-size: 1.25rem; + font-weight: 500; + color: $gray; + border-color: $gray; + + &:hover { + color: #fff; + background-color: $gray; + } +} + +@media (min-width: 480px) { + .bd-masthead .btn { + width: auto; + } +} + +@media (min-width: 768px) { + .bd-masthead { + padding: 2rem 0 4rem; + // padding: 5rem 0; + } + .bd-header { + margin-bottom: 4rem; + } + .bd-masthead h1 { + font-size: 4rem; + } + .bd-masthead .lead { + font-size: 1.5rem; + } +} + +@media (min-width: 992px) { + .bd-masthead .lead { + width: 80%; + font-size: 2rem; + } +} + + +// +// Homepage featurettes +// + +.bd-featurette { + padding-top: 3rem; + padding-bottom: 3rem; + font-size: 1rem; + line-height: 1.5; + color: #555; + text-align: center; + background-color: #fff; + border-bottom: 1px solid #e5e5e5; +} +.bd-featurette + .bd-footer { + margin-top: 0; + border-top: 0; +} + +.bd-featurette-title { + margin-bottom: .5rem; + font-size: 2rem; + font-weight: normal; + color: #333; +} +.half-rule { + width: 6rem; + margin: 2.5rem auto; +} +.bd-featurette h4 { + margin-top: 1rem; + margin-bottom: .5rem; + font-weight: normal; + color: #333; +} +.bd-featurette-img { + display: block; + margin-bottom: 1.25rem; + color: #333; +} +.bd-featurette-img:hover { + color: $brand-primary; + text-decoration: none; +} +.bd-featurette-img img { + display: block; + margin-bottom: 1rem; +} + +@media (min-width: 480px) { + .bd-featurette .img-responsive { + margin-top: 2rem; + } +} +@media (min-width: 768px) { + .bd-featurette { + padding-top: 6rem; + padding-bottom: 6rem; + } + .bd-featurette-title { + font-size: 2.5rem; + } + .bd-featurette .lead { + max-width: 80%; + margin-right: auto; + margin-left: auto; + } + .bd-featurette .img-responsive { + margin-top: 0; + } +} + + +// +// Featured Expo sites +// + +.bd-featured-sites { + margin-right: -1px; + margin-left: -1px; +} +.bd-featured-sites .col-xs-6 { + padding: 1px; +} +.bd-featured-sites .img-responsive { + margin-top: 0; +} + +@media (min-width: 768px) { + .bd-featured-sites .col-sm-3:first-child img { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; + } + .bd-featured-sites .col-sm-3:last-child img { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; + } +} diff --git a/docs/assets/scss/_layout.scss b/docs/assets/scss/_layout.scss new file mode 100644 index 0000000000..51612b85ec --- /dev/null +++ b/docs/assets/scss/_layout.scss @@ -0,0 +1,78 @@ +// Custom container +// +// Doesn't use the default `.container` styles for easier modifications. + +.bd-container { + position: relative; + max-width: 62rem; + padding: 0 1rem 1rem; + margin-right: auto; + margin-left: auto; + + @media (min-width: 768px) { + padding: 2rem; + } + + @media (min-width: 992px) { + padding: 4rem; + } + + > table { + display: block; + width: 100%; + max-width: 100%; + overflow-y: auto; + margin-bottom: $spacer; + // border: 1px solid $table-border-color; + + // Cells + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: $table-cell-padding; + line-height: $line-height-base; + vertical-align: top; + // border-top: 1px solid $table-border-color; + border: 1px solid $table-border-color; + } + } + } + + // Prevent breaking of code (e.g., Grunt tasks list) + td:first-child > code { + white-space: nowrap; + } + } +} + + +// +// Docs sections +// + +.bd-content { + > h2 { + margin-top: 3rem; + font-weight: normal; + } + + > h3 { + margin-top: 1.5rem; + } +} + +.bd-title { + @include media-breakpoint-up(sm) { + margin-right: 23rem; + font-size: 4rem; + + + p { + font-size: 1.5rem; + font-weight: 300; + margin-right: 23rem; + } + } +} diff --git a/docs/assets/scss/_page-header.scss b/docs/assets/scss/_page-header.scss new file mode 100644 index 0000000000..cf55258a44 --- /dev/null +++ b/docs/assets/scss/_page-header.scss @@ -0,0 +1,45 @@ +// +// Page headers +// + +.bd-header { + padding-top: 2rem; + padding-bottom: 2rem; + margin-bottom: 2rem; + text-align: center; + background-color: $bd-purple; + + .container { + position: relative; + } + + h1 { + margin-top: 0; + color: #fff; + } + + p { + margin-bottom: 0; + font-weight: 300; + color: rgba(255,255,255,.65); + } + + @media (min-width: 768px) { + text-align: left; + + h1 { + font-size: 4rem; + line-height: 1; + } + } + + @media (min-width: 992px) { + padding-top: 4rem; + padding-bottom: 4rem; + + h1, + p { + margin-right: 380px; + } + } +} diff --git a/docs/assets/scss/_responsive-tests.scss b/docs/assets/scss/_responsive-tests.scss new file mode 100644 index 0000000000..0bdd6632db --- /dev/null +++ b/docs/assets/scss/_responsive-tests.scss @@ -0,0 +1,92 @@ +// +// Responsive tests +// + +// Responsive (scrollable) doc tables +.table-responsive .highlight pre { + white-space: normal; +} + +// Utility classes table +.bd-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: .25rem; +} +.responsive-utilities-test .col-xs-6 { + margin-bottom: .5rem; +} +.responsive-utilities-test span { + display: block; + padding: 1rem .5rem; + font-size: 1rem; + font-weight: bold; + line-height: 1.1; + text-align: center; + border-radius: .25rem; +} +.visible-on, +.hidden-on { + .col-xs-6 { + > .not-visible { + color: #999; + border: 1px solid #ddd; + } + } +} +.visible-on, +.hidden-on { + .col-xs-6 { + .visible { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; + } + } +} + +@include media-breakpoint-only(xs) { + .hidden-xs-only { + display: none !important; + } +} +@include media-breakpoint-only(sm) { + .hidden-sm-only { + display: none !important; + } +} +@include media-breakpoint-only(md) { + .hidden-md-only { + display: none !important; + } +} +@include media-breakpoint-only(lg) { + .hidden-lg-only { + display: none !important; + } +} +@include media-breakpoint-only(xl) { + .hidden-xl-only { + display: none !important; + } +} diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss new file mode 100644 index 0000000000..8784d6f628 --- /dev/null +++ b/docs/assets/scss/_sidebar.scss @@ -0,0 +1,203 @@ +// +// Side navigation +// + +.bd-sidebar { + padding: 0; + margin-bottom: 0; + // background-color: #322f38; + + .navbar-toggler { + position: absolute; + top: 1.25rem; + right: 0; + z-index: 5; + } +} + +.bd-sidebar .navbar-toggle .icon-bar { + background-color: #fff; +} + +.bd-sidebar .navbar-header { + float: none; + margin-right: -15px; +} + +.bd-sidebar .navbar-collapse { + padding: 0; + border: 0; +} + +@media (min-width: 992px) { + .bd-docs { + padding-left: 240px; + } + .bd-sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; // Ensure scrolling always works in Safari + width: 240px; + overflow-x: hidden; + overflow-y: auto; + border-right: 1px solid #eee; + // @include gradient-vertical(#29262f, #322f38); + } +} + +.bd-sidebar .navbar-brand { + display: block; + float: none; + height: auto; + padding: 1.75rem 1.25rem; + font-size: 20px; + font-weight: 500; + line-height: 1; + // color: #fff; +} +.bd-sidebar-brand:hover, +.bd-sidebar-brand:focus { + // color: #fff; + text-decoration: none; +} + +.bd-search { + position: relative; + + // .form-control { + // width: 12rem; + // } + + margin-right: 1.25rem; + margin-bottom: 1.5rem; + margin-left: 1.25rem; + + .form-control { + height: 2.45rem; + padding-top: .4rem; + padding-bottom: .4rem; + // color: rgba(255,255,255,.5); + // background-color: lighten(#29262f, 10%); + // border-color: lighten(#29262f, 15%); + + // &:focus { + // border-color: rgba(255,255,255,.25); + // box-shadow: 0 0 .5rem rgba(255,255,255,.25); + // } + } +} + +.bd-search-results { + top: 108%; + right: 0; + display: block; + padding: 0; + overflow: hidden; + font-size: .9rem; + border: 0; + + > li > a { + padding-left: .75rem; + padding-right: .75rem; + } + + > li:first-child { margin-top: .25rem; } + > li:last-child { margin-bottom: .25rem; } + + > .no-results { + padding: .75rem 1rem; + color: #7a7a7a; + text-align: center; + } +} + + +.bd-sidenav { + display: none; +} + +.bd-toc-link { + display: block; + padding: .25rem 1.25rem; + color: $gray; + // font-size: 1rem; + // color: #fff; +} +.bd-toc-link:hover, +.bd-toc-link:focus { + // color: $bd-yellow; + color: $brand-primary; + text-decoration: none; +} +.active > .bd-toc-link { + font-weight: 500; + color: $gray-dark; + // color: $bd-yellow; +} +.active > .bd-sidenav { + display: block; +} + +.bd-toc-item.active { + margin-top: 1rem; + margin-bottom: 1rem; +} +.bd-toc-item:first-child { + margin-top: 0; +} +.bd-toc-item:last-child { + margin-bottom: 2rem; +} + +// All levels of nav +.bd-sidebar .nav > li > a { + display: block; + padding: .25rem 1.25rem; + font-size: 90%; + color: #99979c; +} +.bd-sidebar .nav > li > a:hover, +.bd-sidebar .nav > li > a:focus { + color: $brand-primary; + // color: $bd-yellow; + text-decoration: none; + background-color: transparent; +} +.bd-sidebar .nav > .active > a, +.bd-sidebar .nav > .active:hover > a, +.bd-sidebar .nav > .active:focus > a { + font-weight: 500; + color: $gray-dark; + // color: $bd-yellow; + background-color: transparent; +} + +// Nav: second level (shown on .active) +.bd-sidebar .nav .nav { + display: none; // Hide by default, but at >768px, show it + padding-bottom: .75rem; +} +.bd-sidebar .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 2rem; + font-size: 75%; + font-weight: normal; +} +.bd-sidebar .nav .nav > .active > a, +.bd-sidebar .nav .nav > .active:hover > a, +.bd-sidebar .nav .nav > .active:focus > a { + font-weight: 500; +} + +.bd-sidebar .nav > .active > .nav { + display: block; +} +.bd-sidebar .nav .nav > li > a { + padding-top: .125rem; + padding-bottom: .125rem; + padding-left: 2rem; + font-size: 80%; +} diff --git a/docs/assets/scss/_social-buttons.scss b/docs/assets/scss/_social-buttons.scss new file mode 100644 index 0000000000..36a678c4ec --- /dev/null +++ b/docs/assets/scss/_social-buttons.scss @@ -0,0 +1,31 @@ +// +// Social buttons +// + +.bd-social { + margin-bottom: 1.5rem; + margin-left: -.5rem; +} +.bd-social-buttons { + display: inline-block; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.bd-social-buttons li { + display: inline-block; + padding: .25rem .5rem; + line-height: 1; +} +.bd-social-buttons .twitter-follow-button { + width: 225px !important; +} +.bd-social-buttons .twitter-share-button { + width: 98px !important; +} + +// Style the GitHub buttons via CSS instead of inline attributes +.github-btn { + overflow: hidden; + border: 0; +} diff --git a/docs/assets/scss/_team.scss b/docs/assets/scss/_team.scss new file mode 100644 index 0000000000..fe51424c1b --- /dev/null +++ b/docs/assets/scss/_team.scss @@ -0,0 +1,26 @@ +// +// Team members +// + +.bd-team { + .team-member { + line-height: 2rem; + color: #555; + } + .team-member:hover { + color: #333; + text-decoration: none; + } + .github-btn { + float: right; + width: 180px; + height: 1.25rem; + margin-top: .25rem; + } + img { + float: left; + width: 2rem; + margin-right: .5rem; + border-radius: .25rem; + } +} diff --git a/docs/assets/scss/_zeroclipboard.scss b/docs/assets/scss/_zeroclipboard.scss new file mode 100644 index 0000000000..72ff493080 --- /dev/null +++ b/docs/assets/scss/_zeroclipboard.scss @@ -0,0 +1,32 @@ +// +// ZeroClipboard styles +// + +.zero-clipboard { + position: relative; + display: none; + float: right; +} +.btn-clipboard { + position: absolute; + top: 0; + right: 0; + z-index: 10; + display: block; + padding: .25rem .5rem; + font-size: 75%; + color: #818a91; + cursor: pointer; + background-color: #eceeef; + border-radius: 0 .2rem 0 .2rem; +} +.btn-clipboard-hover { + color: #fff; + background-color: #027de7; +} + +@media (min-width: 768px) { + .zero-clipboard { + display: block; + } +} diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss index a868ca42d9..7c8c2494fb 100644 --- a/docs/assets/scss/docs.scss +++ b/docs/assets/scss/docs.scss @@ -5,27 +5,10 @@ * details, see http://creativecommons.org/licenses/by/3.0/. */ -// Import Bootstrap variables and mixins -@import "../../../scss/variables"; -@import "../../../scss/mixins"; - -// Import the syntax highlighting -@import "syntax"; -@import "anchor"; - -// Local docs variables -$bd-purple: #563d7c; -$bd-purple-light: #cdbfe3; -$bd-yellow: #ffe484; -$bd-danger: #d9534f; -$bd-warning: #f0ad4e; -$bd-info: #5bc0de; - - // Dev notes // // Background information on nomenclature and architecture decisions here. - +// // - Bootstrap variables and mixins are included for easy reuse. // Doing so gives us access to the same core utilities provided by Bootstrap. // For example, consistent media queries through those mixins. @@ -38,1525 +21,37 @@ $bd-info: #5bc0de; // and layout of the Bootstrap docs. They are not included in our builds. -// Contents -// -// Key sections to this file. - -// Scaffolding -// Buttons -// Booticon -// Main navigation -// Footer -// Social buttons -// Homepage -// Masthead -// Page headers -// Carbon ads -// Homepage featurettes -// Featured Expo sites -// Examples -// Custom container -// Side navigation -// Docs sections -// Callouts -// Color swatches -// Team members -// Wall of Browser Bugs -// Grid examples -// Docs examples -// Code snippets -// Responsive tests -// Brand guidelines -// ZeroClipboard styles -// Miscellaneous - - -// Scaffolding -// -// Update the basics of our documents to prep for docs content. - -body { - position: relative; // For scrollspy? -} - - -// Buttons -// -// Custom buttons for the docs. - -.btn-outline { - color: $bd-purple; - background-color: transparent; - border-color: $bd-purple; - - &:hover, - &:focus, - &:active { - color: #fff; - background-color:$bd-purple; - border-color: $bd-purple; - } -} - -.btn-outline-inverse { - color: #fff; - background-color: transparent; - border-color: $bd-purple-light; - - &:hover, - &:focus, - &:active { - color: $bd-purple; - text-shadow: none; - background-color: #fff; - border-color: #fff; - } -} - - -// -// Bootstrap "B" Booticon -// - -.bd-booticon { - display: block; - width: 9rem; - height: 9rem; - font-size: 6.5rem; - line-height: 9rem; - color: #fff; - text-align: center; - cursor: default; - background-color: $bd-purple; - border-radius: 15%; - - &.inverse { - color: $bd-purple; - background-color: #fff; - } - &.outline { - background-color: transparent; - border: 1px solid $bd-purple-light; - } -} - - -// -// Main navigation -// - -.bd-nav-home { - margin-bottom: 0; - background-color: #563d7c; - border-bottom: 0; - - .navbar-brand > a { - font-weight: 500; - color: #fff; - } - - .nav-link { - font-weight: 500; - color: #cdbfe3; - - &:hover, - &:focus { - color: #fff; - background-color: rgba(0,0,0,.5); - } - } -} - -// .bd-nav-home .navbar-toggle .icon-bar { -// background-color: #fff; -// } -// .bd-nav-home .navbar-header .navbar-toggle { -// border-color: #322f38; -// } -// .bd-nav-home .navbar-header .navbar-toggle:hover, -// .bd-nav-home .navbar-header .navbar-toggle:focus { -// background-color: #29262f; -// border-color: #29262f; -// } - - -// -// Footer -// - -.bd-footer { - padding-top: 2rem; - margin-top: 6rem; - font-size: 85%; - color: #777; - border-top: 1px solid #e5e5e5; -} -.bd-footer-links { - padding-left: 0; - margin-top: 20px; - color: #999; -} -.bd-footer-links li { - display: inline; - padding: 0 2px; -} -.bd-footer-links li:first-child { - padding-left: 0; -} - -@media (min-width: 768px) { - .bd-footer p { - margin-bottom: 0; - } -} - - -// -// Social buttons -// - -.bd-social { - margin-bottom: 1.5rem; - margin-left: -.5rem; -} -.bd-social-buttons { - display: inline-block; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -.bd-social-buttons li { - display: inline-block; - padding: .25rem .5rem; - line-height: 1; -} -.bd-social-buttons .twitter-follow-button { - width: 225px !important; -} -.bd-social-buttons .twitter-share-button { - width: 98px !important; -} - -// Style the GitHub buttons via CSS instead of inline attributes -.github-btn { - overflow: hidden; - border: 0; -} - - -// -// Homepage -// - -.bd-header { - @include clearfix; - padding-bottom: .5rem; - margin-bottom: 1rem; - border-bottom: 1px solid rgba(255,255,255,.25); - - .bd-header-mark { - float: left; - padding-top: .6em; - padding-bottom: .6em; - font-size: 1.25rem; - font-weight: 500; - } -} - -.bd-header-nav { - float: right; - - .nav-link { - float: left; - - &:hover { - background-color: transparent; - } - } -} - - -// -// Masthead (headings and download button) -// - -.bd-masthead { - position: relative; - padding: 2rem 0; - // color: #cdbfe3; - // text-align: center; - // text-shadow: 0 1px 0 rgba(0,0,0,.1); - // background-color: #6f5499; - // @include gradient-vertical($bd-purple, #6f5499); - // background-image: linear-gradient(135deg, #a8b7be, #cdd1d4, #d4d5d7, #cecfd1); -} - -.bd-masthead .bd-booticon { - margin: 0 0 2rem; - color: $gray; - border-color: $gray; -} -.bd-masthead h1 { - font-weight: 300; - line-height: 1; - // color: #fff; -} -.bd-masthead .lead { - margin-bottom: 2rem; - font-size: 1.25rem; - // color: #fff; -} -.bd-masthead .version { - margin-top: -1rem; - margin-bottom: 2rem; - // color: #9783b9; -} -.bd-masthead .btn { - width: 100%; - padding: 1rem 2rem; - font-size: 1.25rem; - font-weight: 500; - color: $gray; - border-color: $gray; - - &:hover { - color: #fff; - background-color: $gray; - } -} - -@media (min-width: 480px) { - .bd-masthead .btn { - width: auto; - } -} - -@media (min-width: 768px) { - .bd-masthead { - padding: 2rem 0 4rem; - // padding: 5rem 0; - } - .bd-header { - margin-bottom: 4rem; - } - .bd-masthead h1 { - font-size: 4rem; - } - .bd-masthead .lead { - font-size: 1.5rem; - } -} - -@media (min-width: 992px) { - .bd-masthead .lead { - width: 80%; - font-size: 2rem; - } -} - - -// -// Page headers -// - -.bd-header { - padding-top: 2rem; - padding-bottom: 2rem; - margin-bottom: 2rem; - text-align: center; - background-color: $bd-purple; - - .container { - position: relative; - } - - h1 { - margin-top: 0; - color: #fff; - } - - p { - margin-bottom: 0; - font-weight: 300; - color: rgba(255,255,255,.65); - } - - @media (min-width: 768px) { - text-align: left; - - h1 { - font-size: 4rem; - line-height: 1; - } - } - - @media (min-width: 992px) { - padding-top: 4rem; - padding-bottom: 4rem; - - h1, - p { - margin-right: 380px; - } - } -} - - -// -// Carbon ads -// - -.carbonad { - width: auto !important; - height: auto !important; - padding: 1.25rem !important; - margin: 0 -1rem 2rem !important; - overflow: hidden; /* clearfix */ - font-size: .8rem !important; - line-height: 1rem !important; - color: $gray !important; - text-align: left; - background: #f5f5f5 !important; - border: 0 !important; - // border: solid #e5e5e5 !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: $gray !important; - - &:hover { - color: $brand-primary !important; - } -} -.carbonad #azcarbon > img { - display: none; // hide what I assume are tracking images -} - -// In the lighter page headers -// .bd-header .carbonad { -// color: #777; -// background-color: #fff !important; -// border-color: #eee !important; -// } -// .bd-header .carbonad-text a, -// .bd-header .carbonad-tag a { -// color: $bd-purple !important; -// } - -@include media-breakpoint-up(sm) { - .carbonad { - width: 330px !important; - margin: 1.5rem auto !important; - border-width: 1px !important; - border-radius: .25rem; - } - .bd-masthead .carbonad { - margin: 3rem auto 0 !important; - } -} - -@include media-breakpoint-up(md) { - .carbonad { - margin-right: 0 !important; - margin-left: 0 !important; - } -} - -@include media-breakpoint-up(lg) { - .carbonad { - float: right; - width: 330px !important; - padding: 1rem !important; - margin: .5rem 0 1rem 2rem !important; - } - .bd-masthead { - .carbonad { - float: none; - margin: 0 !important; - // color: $bd-purple-light !important; - // background: transparent !important; - // border: 1px solid #866ab3 !important; - } - // .carbonad-text a, - // .carbonad-tag a { - // color: #fff !important; - // } - } -} - - -// -// Homepage featurettes -// - -.bd-featurette { - padding-top: 3rem; - padding-bottom: 3rem; - font-size: 1rem; - line-height: 1.5; - color: #555; - text-align: center; - background-color: #fff; - border-bottom: 1px solid #e5e5e5; -} -.bd-featurette + .bd-footer { - margin-top: 0; - border-top: 0; -} - -.bd-featurette-title { - margin-bottom: .5rem; - font-size: 2rem; - font-weight: normal; - color: #333; -} -.half-rule { - width: 6rem; - margin: 2.5rem auto; -} -.bd-featurette h4 { - margin-top: 1rem; - margin-bottom: .5rem; - font-weight: normal; - color: #333; -} -.bd-featurette-img { - display: block; - margin-bottom: 1.25rem; - color: #333; -} -.bd-featurette-img:hover { - color: $brand-primary; - text-decoration: none; -} -.bd-featurette-img img { - display: block; - margin-bottom: 1rem; -} - -@media (min-width: 480px) { - .bd-featurette .img-responsive { - margin-top: 2rem; - } -} -@media (min-width: 768px) { - .bd-featurette { - padding-top: 6rem; - padding-bottom: 6rem; - } - .bd-featurette-title { - font-size: 2.5rem; - } - .bd-featurette .lead { - max-width: 80%; - margin-right: auto; - margin-left: auto; - } - .bd-featurette .img-responsive { - margin-top: 0; - } -} - - -// -// Featured Expo sites -// - -.bd-featured-sites { - margin-right: -1px; - margin-left: -1px; -} -.bd-featured-sites .col-xs-6 { - padding: 1px; -} -.bd-featured-sites .img-responsive { - margin-top: 0; -} - -@media (min-width: 768px) { - .bd-featured-sites .col-sm-3:first-child img { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; - } - .bd-featured-sites .col-sm-3:last-child img { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; - } -} - - -// -// Examples -// - -.bd-examples .img-thumbnail { - margin-bottom: .75rem; -} -.bd-examples h4 { - margin-bottom: .25rem; -} -.bd-examples p { - margin-bottom: 1.25rem; -} - -@media (max-width: 480px) { - .bd-examples { - margin-right: -.75rem; - margin-left: -.75rem; - } - .bd-examples > [class^="col-"] { - padding-right: .75rem; - padding-left: .75rem; - } -} - - -// -// Custom container -// - -.bd-container { - position: relative; - max-width: 62rem; - padding: 0 1rem 1rem; - margin-right: auto; - margin-left: auto; - - @media (min-width: 768px) { - padding: 2rem; - } - - @media (min-width: 992px) { - padding: 4rem; - } - - > table { - display: block; - width: 100%; - max-width: 100%; - overflow-y: auto; - margin-bottom: $spacer; - // border: 1px solid $table-border-color; - - // Cells - > thead, - > tbody, - > tfoot { - > tr { - > th, - > td { - padding: $table-cell-padding; - line-height: $line-height-base; - vertical-align: top; - // border-top: 1px solid $table-border-color; - border: 1px solid $table-border-color; - } - } - } - - // Prevent breaking of code (e.g., Grunt tasks list) - td:first-child > code { - white-space: nowrap; - } - } -} - - -// -// Side navigation -// - -.bd-sidebar { - padding: 0; - margin-bottom: 0; - // background-color: #322f38; - - .navbar-toggler { - position: absolute; - top: 1.25rem; - right: 0; - z-index: 5; - } -} - -.bd-sidebar .navbar-toggle .icon-bar { - background-color: #fff; -} - -.bd-sidebar .navbar-header { - float: none; - margin-right: -15px; -} - -.bd-sidebar .navbar-collapse { - padding: 0; - border: 0; -} - -@media (min-width: 992px) { - .bd-docs { - padding-left: 240px; - } - .bd-sidebar { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 100; // Ensure scrolling always works in Safari - width: 240px; - overflow-x: hidden; - overflow-y: auto; - border-right: 1px solid #eee; - // @include gradient-vertical(#29262f, #322f38); - } -} - -.bd-sidebar .navbar-brand { - display: block; - float: none; - height: auto; - padding: 1.75rem 1.25rem; - font-size: 20px; - font-weight: 500; - line-height: 1; - // color: #fff; -} -.bd-sidebar-brand:hover, -.bd-sidebar-brand:focus { - // color: #fff; - text-decoration: none; -} - -.bd-search { - position: relative; - - // .form-control { - // width: 12rem; - // } - - margin-right: 1.25rem; - margin-bottom: 1.5rem; - margin-left: 1.25rem; - - .form-control { - height: 2.45rem; - padding-top: .4rem; - padding-bottom: .4rem; - // color: rgba(255,255,255,.5); - // background-color: lighten(#29262f, 10%); - // border-color: lighten(#29262f, 15%); - - // &:focus { - // border-color: rgba(255,255,255,.25); - // box-shadow: 0 0 .5rem rgba(255,255,255,.25); - // } - } -} - -.bd-search-results { - top: 108%; - right: 0; - display: block; - padding: 0; - overflow: hidden; - font-size: .9rem; - border: 0; - - > li > a { - padding-left: .75rem; - padding-right: .75rem; - } - - > li:first-child { margin-top: .25rem; } - > li:last-child { margin-bottom: .25rem; } - - > .no-results { - padding: .75rem 1rem; - color: #7a7a7a; - text-align: center; - } -} - - -.bd-sidenav { - display: none; -} - -.bd-toc-link { - display: block; - padding: .25rem 1.25rem; - color: $gray; - // font-size: 1rem; - // color: #fff; -} -.bd-toc-link:hover, -.bd-toc-link:focus { - // color: $bd-yellow; - color: $brand-primary; - text-decoration: none; -} -.active > .bd-toc-link { - font-weight: 500; - color: $gray-dark; - // color: $bd-yellow; -} -.active > .bd-sidenav { - display: block; -} - -.bd-toc-item.active { - margin-top: 1rem; - margin-bottom: 1rem; -} -.bd-toc-item:first-child { - margin-top: 0; -} -.bd-toc-item:last-child { - margin-bottom: 2rem; -} - -// All levels of nav -.bd-sidebar .nav > li > a { - display: block; - padding: .25rem 1.25rem; - font-size: 90%; - color: #99979c; -} -.bd-sidebar .nav > li > a:hover, -.bd-sidebar .nav > li > a:focus { - color: $brand-primary; - // color: $bd-yellow; - text-decoration: none; - background-color: transparent; -} -.bd-sidebar .nav > .active > a, -.bd-sidebar .nav > .active:hover > a, -.bd-sidebar .nav > .active:focus > a { - font-weight: 500; - color: $gray-dark; - // color: $bd-yellow; - background-color: transparent; -} - -// Nav: second level (shown on .active) -.bd-sidebar .nav .nav { - display: none; // Hide by default, but at >768px, show it - padding-bottom: .75rem; -} -.bd-sidebar .nav .nav > li > a { - padding-top: 1px; - padding-bottom: 1px; - padding-left: 2rem; - font-size: 75%; - font-weight: normal; -} -.bd-sidebar .nav .nav > .active > a, -.bd-sidebar .nav .nav > .active:hover > a, -.bd-sidebar .nav .nav > .active:focus > a { - font-weight: 500; -} - -.bd-sidebar .nav > .active > .nav { - display: block; -} -.bd-sidebar .nav .nav > li > a { - padding-top: .125rem; - padding-bottom: .125rem; - padding-left: 2rem; - font-size: 80%; -} - - -// -// Docs sections -// - -.bd-content { - > h2 { - margin-top: 3rem; - font-weight: normal; - } - - > h3 { - margin-top: 1.5rem; - } -} - -.bd-title { - @include media-breakpoint-up(sm) { - margin-right: 23rem; - font-size: 4rem; - - + p { - font-size: 1.5rem; - font-weight: 300; - margin-right: 23rem; - } - } -} - - -// -// Callouts -// - -.bd-callout { - padding: 1.25rem; - margin-top: 1.25rem; - margin-bottom: 1.25rem; - border: 1px solid #eee; - border-left-width: .25rem; - border-radius: .25rem; -} -.bd-callout h4 { - margin-top: 0; - margin-bottom: .25rem; -} -.bd-callout p:last-child { - margin-bottom: 0; -} -.bd-callout code { - border-radius: .25rem; -} - -.bd-callout + .bd-callout { - margin-top: -.25rem; -} - -// Variations -@mixin bs-callout-variant($color) { - border-left-color: $color; - - h4 { color: $color; } -} -.bd-callout-danger { @include bs-callout-variant($bd-danger); } -.bd-callout-warning { @include bs-callout-variant($bd-warning); } -.bd-callout-info { @include bs-callout-variant($bd-info); } - - -// -// Color swatches -// - -.color-swatches { - margin: 0 -5px; - overflow: hidden; // clearfix -} - -.color-swatch { - float: left; - width: 4rem; - height: 4rem; - margin-right: .25rem; - margin-left: .25rem; - border-radius: .25rem; - - @media (min-width: 768px) { - width: 6rem; - height: 6rem; - } -} - -// Docs colors -.color-swatches { - .bd-purple { - background-color: $bd-purple; - } - .bd-purple-light { - background-color: $bd-purple-light; - } - .bd-purple-lighter { - background-color: #e5e1ea; - } - .bd-gray { - background-color: #f9f9f9; - } -} - - -// -// Team members -// - -.bd-team { - .team-member { - line-height: 2rem; - color: #555; - } - .team-member:hover { - color: #333; - text-decoration: none; - } - .github-btn { - float: right; - width: 180px; - height: 1.25rem; - margin-top: .25rem; - } - img { - float: left; - width: 2rem; - margin-right: .5rem; - border-radius: .25rem; - } -} - - -// Wall of Browser Bugs -// -// Better display for the responsive table on the Wall of Browser Bugs. - -.bd-browser-bugs { - td p { - margin-bottom: 0; - } - th:first-child { - width: 18%; - } -} - -// -// Grid examples -// - -.bd-example > .row { - margin-bottom: 1rem; -} -.bd-example > .row > [class^="col-"] { - padding-top: .75rem; - padding-bottom: .75rem; - background-color: rgba(86,61,124,.15); - border: 1px solid rgba(86,61,124,.2); -} - - -// -// Docs examples -// - -.bd-example { - position: relative; - padding: 1rem; - margin: 1rem -1rem; - border: solid #f7f7f9; - border-width: .2rem 0 0; - @include clearfix(); - - @include media-breakpoint-up(sm) { - margin-left: 0; - margin-right: 0; - margin-bottom: -1rem; - padding: 1.5rem; - border-width: .2rem; - } - - + p { - margin-top: 2rem; - } - - // Undo width of container - .container { - width: auto; - } - - // Card examples should be horizontal - > .card { - float: left; - max-width: 15rem; - margin: .25rem; - } - - > .nav + .nav, - > .alert + .alert, - > .progress + .progress { - margin-top: 1rem; - } - - > .dropdown-menu:first-child { - position: static; - display: block; - } -} - - -// Tweak content of examples for optimum awesome -.bd-example > *:last-child, -.bd-example > .table-responsive:last-child > .table { - margin-bottom: 0 !important; -} -.bd-example > .close { - float: none; -} - -// Typography -.bd-example-type .table .type-info { - color: #999; - vertical-align: middle; -} -.bd-example-type .table td { - padding: 1rem 0; - border-color: #eee; -} -.bd-example-type .table tr:first-child td { - border-top: 0; -} -.bd-example-type h1, -.bd-example-type h2, -.bd-example-type h3, -.bd-example-type h4, -.bd-example-type h5, -.bd-example-type h6 { - margin: 0; -} - -// Contextual background colors -.bd-example-bg-classes p { - padding: 1rem; -} - -// Images -.bd-example > img { - + img { - margin-left: .5rem; - } -} -// .bd-example > .img-circle, -// .bd-example > .img-rounded, -// .bd-example > .img-thumbnail { -// margin: .25rem; -// } - -// Tables -// .bd-example > .table-responsive > .table { -// background-color: #fff; -// } - -// Buttons -.bd-example > .btn-group { - margin-top: .25rem; - margin-bottom: .25rem; -} -.bd-example > .btn-toolbar + .btn-toolbar { - margin-top: .5rem; -} - -// Forms -.bd-example-control-sizing select, -.bd-example-control-sizing input[type="text"] + input[type="text"] { - margin-top: .5rem; -} -.bd-example-form .input-group { - margin-bottom: .5rem; -} -.bd-example > textarea.form-control { - resize: vertical; -} - -// List groups -.bd-example > .list-group { - max-width: 400px; -} - -// Navbars -.bd-example .navbar:last-child { - margin-bottom: 0; -} -.bd-navbar-top-example, -.bd-navbar-bottom-example { - z-index: 1; - padding: 0; - overflow: hidden; // cut the drop shadows off -} -.bd-navbar-top-example .navbar-header, -.bd-navbar-bottom-example .navbar-header { - margin-left: 0; -} -.bd-navbar-top-example .navbar-fixed-top, -.bd-navbar-bottom-example .navbar-fixed-bottom { - position: relative; - margin-right: 0; - margin-left: 0; -} -.bd-navbar-top-example { - padding-bottom: 45px; -} -.bd-navbar-top-example .navbar-fixed-top { - top: -1px; -} -.bd-navbar-bottom-example { - padding-top: 45px; -} -.bd-navbar-bottom-example .navbar-fixed-bottom { - bottom: -1px; -} -.bd-navbar-bottom-example .navbar { - margin-bottom: 0; -} -@media (min-width: 768px) { - .bd-navbar-top-example .navbar-fixed-top, - .bd-navbar-bottom-example .navbar-fixed-bottom { - position: absolute; - } -} - -// Pagination -.bd-example .pagination { - margin-top: .5rem; - margin-bottom: .5rem; -} - -// Pager -.bd-example > .pager { - margin-top: 0; -} - -// Example modals -.bd-example-modal { - background-color: #f5f5f5; -} -.bd-example-modal .modal { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 1; - display: block; -} -.bd-example-modal .modal-dialog { - left: auto; - margin-right: auto; - margin-left: auto; -} - -// Example dropdowns -.bd-example > .dropdown > .dropdown-toggle { - float: left; -} -.bd-example > .dropdown > .dropdown-menu { - position: static; - display: block; - margin-bottom: .25rem; - clear: left; -} - -// Example tabbable tabs -.bd-example-tabs .nav-tabs { - margin-bottom: 1rem; -} - -// Tooltips -.bd-example-tooltips { - text-align: center; -} -.bd-example-tooltips > .btn { - margin-top: .25rem; - margin-bottom: .25rem; -} - -// Popovers -.bd-example-popover { - padding-bottom: 1.5rem; - background-color: #f9f9f9; -} -.bd-example-popover .popover { - position: relative; - display: block; - float: left; - width: 260px; - margin: 1.25rem; -} - -// Tooltips -.bd-example-tooltip .tooltip { - position: relative; - display: inline-block; - margin: 10px 20px; - opacity: 1; -} - -// Scrollspy demo on fixed height div -.scrollspy-example { - position: relative; - height: 200px; - margin-top: .5rem; - overflow: auto; -} - -// Helpers -.bd-example > { - .center-block:not(img) { - max-width: 200px; - padding: .5rem; - background-color: #eee; - } - - .bg-primary, - .bg-success, - .bg-info, - .bg-warning, - .bg-danger { - padding: .5rem; - margin-top: .5rem; - margin-bottom: .5rem; - } -} - - -// -// Code snippets -// - -.highlight { - padding: 1rem; - margin: 1rem -1rem; - background-color: #f7f7f9; - - @include media-breakpoint-up(sm) { - padding: 1.5rem; - margin-right: 0; - margin-left: 0; - } -} -.highlight pre { - padding: 0; - margin-top: 0; - margin-bottom: 0; - background-color: transparent; - border: 0; -} -.highlight pre code { - font-size: inherit; - color: $gray-dark; // Effectively the base text color -} - - -// -// Responsive tests -// - -// Responsive (scrollable) doc tables -.table-responsive .highlight pre { - white-space: normal; -} - -// Utility classes table -.bd-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: .25rem; -} -.responsive-utilities-test .col-xs-6 { - margin-bottom: .5rem; -} -.responsive-utilities-test span { - display: block; - padding: 1rem .5rem; - font-size: 1rem; - font-weight: bold; - line-height: 1.1; - text-align: center; - border-radius: .25rem; -} -.visible-on, -.hidden-on { - .col-xs-6 { - > .not-visible { - color: #999; - border: 1px solid #ddd; - } - } -} -.visible-on, -.hidden-on { - .col-xs-6 { - .visible { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; - } - } -} - -@include media-breakpoint-only(xs) { - .hidden-xs-only { - display: none !important; - } -} -@include media-breakpoint-only(sm) { - .hidden-sm-only { - display: none !important; - } -} -@include media-breakpoint-only(md) { - .hidden-md-only { - display: none !important; - } -} -@include media-breakpoint-only(lg) { - .hidden-lg-only { - display: none !important; - } -} -@include media-breakpoint-only(xl) { - .hidden-xl-only { - display: none !important; - } -} - - -// -// Brand guidelines -// - -// Logo series wrapper -.bd-brand-logos { - display: table; - width: 100%; - margin-bottom: 1rem; - overflow: hidden; - color: #563d7c; - background-color: #f9f9f9; - border-radius: .25rem; -} - -// Individual items -.bd-brand-item { - padding: 4rem 0; - text-align: center; -} -.bd-brand-item + .bd-brand-item { - border-top: 1px solid #fff; -} -.bd-brand-logos .inverse { - color: #fff; - background-color: #563d7c; -} - -// Heading content within -.bd-brand-item h1, -.bd-brand-item h3 { - margin-top: 0; - margin-bottom: 0; -} -.bd-brand-item .bd-booticon { - margin-right: auto; - margin-left: auto; -} - -// Make the icons stand out on what is/isn't okay -// .bd-brand-item .glyphicon { -// width: 30px; -// height: 30px; -// margin: 10px auto -10px; -// line-height: 30px; -// color: #fff; -// border-radius: 50%; -// } -// .bd-brand-item .glyphicon-ok { -// background-color: #5cb85c; -// } -// .bd-brand-item .glyphicon-remove { -// background-color: #d9534f; -// } - -@media (min-width: 768px) { - .bd-brand-item { - display: table-cell; - width: 1%; - } - .bd-brand-item + .bd-brand-item { - border-top: 0; - border-left: 1px solid #fff; - } - .bd-brand-item h1 { - font-size: 4rem; - } -} - - -// -// ZeroClipboard styles -// - -.zero-clipboard { - position: relative; - display: none; - float: right; -} -.btn-clipboard { - position: absolute; - top: 0; - right: 0; - z-index: 10; - display: block; - padding: .25rem .5rem; - font-size: 75%; - color: #818a91; - cursor: pointer; - background-color: #eceeef; - border-radius: 0 .2rem 0 .2rem; -} -.btn-clipboard-hover { - color: #fff; - background-color: #027de7; -} - -@media (min-width: 768px) { - .zero-clipboard { - display: block; - } -} - - -// -// Miscellaneous -// - -// Pseudo :focus state for showing how it looks in the docs -#focusedInput { - border-color: $input-border-focus; - outline: 0; - outline: thin dotted \9; // IE9 - box-shadow: 0 0 .5rem $input-box-shadow-focus; -} +// Load Bootstrap variables and mixins +@import "../../../scss/variables"; +@import "../../../scss/mixins"; + +// Local docs variables +$bd-purple: #563d7c; +$bd-purple-light: #cdbfe3; +$bd-yellow: #ffe484; +$bd-danger: #d9534f; +$bd-warning: #f0ad4e; +$bd-info: #5bc0de; + +// Load docs components +@import "layout"; +@import "sidebar"; +@import "booticon"; +@import "homepage"; +@import "ads"; +@import "footer"; +@import "social-buttons"; +@import "page-header"; +@import "component-examples"; +@import "responsive-tests"; +@import "buttons"; +@import "callouts"; +@import "examples"; +@import "team"; +@import "browser-bugs"; +@import "brand"; +@import "zeroclipboard"; + +// Load docs dependencies +@import "syntax"; +@import "anchor";