Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
575a8864
Commit
575a8864
authored
9 years ago
by
Mark Otto
Browse files
Options
Download
Email Patches
Plain Diff
fix general page and page header layout
parent
8e8f8f54
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
docs/_layouts/page.html
+4
-4
docs/_layouts/page.html
docs/assets/css/docs.min.css
+1
-1
docs/assets/css/docs.min.css
docs/assets/css/docs.min.css.map
+0
-0
docs/assets/css/docs.min.css.map
docs/assets/scss/_ads.scss
+6
-1
docs/assets/scss/_ads.scss
docs/assets/scss/_layout.scss
+28
-5
docs/assets/scss/_layout.scss
with
39 additions
and
11 deletions
+39
-11
docs/_layouts/page.html
+
4
-
4
View file @
575a8864
...
@@ -2,19 +2,19 @@
...
@@ -2,19 +2,19 @@
layout: default
layout: default
---
---
<div
class=
"bd-pageheader"
>
<div
class=
"bd-pageheader
text-xs-center text-sm-left
"
>
<div
class=
"container"
>
<div
class=
"container"
>
{% include ads.html %}
{% include page-headers.html %}
{% include page-headers.html %}
{% include ads.html %}
</div>
</div>
</div>
</div>
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"row"
>
<div
class=
"col-
s
m-3 col-
s
m-push-9 bd-sidebar"
>
<div
class=
"col-m
d
-3 col-m
d
-push-9 bd-sidebar"
>
{% include nav-docs.html %}
{% include nav-docs.html %}
</div>
</div>
<div
class=
"col-
s
m-9 col-
s
m-pull-3 bd-content"
>
<div
class=
"col-m
d
-9 col-m
d
-pull-3 bd-content"
>
<h1
class=
"bd-title"
>
{{ page.title }}
</h1>
<h1
class=
"bd-title"
>
{{ page.title }}
</h1>
{{ content }}
{{ content }}
</div>
</div>
...
...
This diff is collapsed.
Click to expand it.
docs/assets/css/docs.min.css
+
1
-
1
View file @
575a8864
...
@@ -3,5 +3,5 @@
...
@@ -3,5 +3,5 @@
* Copyright 2011-2014 Twitter, Inc.
* Copyright 2011-2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
.
bd-example
,
.bd-masthead
,
.bd-search
{
position
:
relative
}
.
ge
,
.sd
{
font-style
:
italic
}
.bd-content
>
table
{
display
:
block
;
width
:
100%
;
max-width
:
100%
;
overflow-y
:
auto
;
margin-bottom
:
1rem
}
.bd-content
>
table
>
tbody
>
tr
>
td
,
.bd-content
>
table
>
tbody
>
tr
>
th
,
.bd-content
>
table
>
tfoot
>
tr
>
td
,
.bd-content
>
table
>
tfoot
>
tr
>
th
,
.bd-content
>
table
>
thead
>
tr
>
td
,
.bd-content
>
table
>
thead
>
tr
>
th
{
padding
:
.75rem
;
line-height
:
1.5
;
vertical-align
:
top
;
border
:
1px
solid
#eceeef
}
.bd-content
>
table
>
tbody
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
tbody
>
tr
>
th
>
p
:last-child
,
.bd-content
>
table
>
tfoot
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
tfoot
>
tr
>
th
>
p
:last-child
,
.bd-content
>
table
>
thead
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
thead
>
tr
>
th
>
p
:last-child
{
margin-bottom
:
0
}
.bd-content
>
table
td
:first-child
>
code
{
white-space
:
nowrap
}
.bd-pageheader
{
margin-bottom
:
3rem
;
padding-top
:
2rem
;
padd
in
g
-bottom
:
2
rem
;
color
:
#cdbfe3
;
background-color
:
#563d7c
}
#markdown-toc
ul
,
.bd-content
>
ol
li
,
.bd-content
>
ul
li
{
marg
in-bottom
:
.25rem
}
.bd-pageheader
h1
{
font-size
:
4rem
;
font-weight
:
400
;
color
:
#fff
}
.bd-pageheader
p
{
font-size
:
1.
5rem
}
.bd-content
>
h2
:not
(
:first-child
)
{
margin-top
:
3rem
}
.bd-content
>
h3
{
margin-top
:
1.5rem
}
#markdown-toc
ul
,
.bd-search-results
>
li
:first-child
{
margin-top
:
.25rem
}
@media
(
min-width
:
34em
){
.bd-
pageheader
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.bd-pageheader
.carbonad
{
float
:
right
;
margin-left
:
2rem
!important
}
.bd-
title
{
font-size
:
3rem
}
.bd-title
+
p
{
font-size
:
1.25rem
;
font-weight
:
300
}}
#markdown-toc
>
li
:first-child
{
display
:
none
}
#markdown-toc
ul
{
padding-left
:
2rem
}
.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
;
background-color
:
#fafafa
}
.bd-search
.form-control
:focus
{
background-color
:
#fff
}
.bd-search-results
{
right
:
0
;
display
:
block
;
padding
:
0
;
overflow
:
hidden
;
font-size
:
.9rem
}
.bd-search-results
:empty
{
display
:
none
}
.bd-search-results
>
li
>
a
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.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-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-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-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-navbar
{
padding
:
.25rem
;
margin-bottom
:
0
;
background-color
:
#2a2730
}
.bd-navbar
.nav-link
{
color
:
#8e869d
}
.bd-navbar
.nav-link.active
,
.bd-navbar
.nav-link
:focus
,
.bd-navbar
.nav-link
:hover
{
color
:
#fff
;
background-color
:
transparent
}
.bd-masthead
{
padding
:
.75rem
;
color
:
#8e869d
;
text-align
:
center
;
background
:
-webkit-linear-gradient
(
to
bottom
,
#2a2730
,
#3c3845
);
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#2a2730
),
to
(
#3c3845
));
background
:
-webkit-linear-gradient
(
top
,
#2a2730
,
#3c3845
);
background
:
-o-linear-gradient
(
top
,
#2a2730
,
#3c3845
);
background
:
linear-gradient
(
to
bottom
,
#2a2730
,
#3c3845
)}
.bd-featurette
.highlight
,
.carbonad
{
text-align
:
left
}
.bd-masthead
.bd-booticon
{
margin
:
0
auto
2rem
;
color
:
#9062d7
;
border-color
:
#9062d7
}
.bd-masthead
h1
{
font-weight
:
300
;
line-height
:
1
}
.bd-masthead
.lead
{
margin-left
:
auto
;
margin-right
:
auto
;
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
:
#ffe484
;
border-color
:
#ffe484
}
.bd-masthead
.btn
:hover
{
color
:
#2a2730
;
background-color
:
#ffe484
;
border-color
:
#ffe484
}
.bd-masthead
.carbonad
{
margin-bottom
:
-2rem
!important
}
@media
(
min-width
:
34em
){
.bd-masthead
{
padding-top
:
8rem
;
padding-bottom
:
2rem
}
.bd-masthead
.btn
{
width
:
auto
}
.bd-masthead
.carbonad
{
margin-bottom
:
0
!important
}}
@media
(
min-width
:
48em
){
.bd-masthead
{
padding-bottom
:
4rem
}
.bd-masthead
.bd-header
{
margin-bottom
:
4rem
}
.bd-masthead
h1
{
font-size
:
4rem
}
.bd-masthead
.lead
{
font-size
:
1.5rem
}
.bd-masthead
.carbonad
{
margin-top
:
3rem
!important
}}
@media
(
min-width
:
62em
){
.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
;
background-color
:
#fff
;
border-top
:
1px
solid
#eee
}
.bd-featurette-title
{
margin-bottom
:
.5rem
;
font-size
:
2rem
;
font-weight
:
400
;
color
:
#333
}
.bd-featurette-title
+
.lead
{
font-size
:
1.5rem
;
margin-bottom
:
2rem
}
.half-rule
{
width
:
6rem
;
margin
:
2.5rem
0
}
.carbonad
,
.carbonad-tag
,
.carbonad-text
{
width
:
auto
!important
;
height
:
auto
!important
}
.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%
}
.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
}
@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
}}
.carbonad
{
padding
:
1.25rem
!important
;
margin
:
0
-1.5rem
2rem
!important
;
overflow
:
hidden
;
font-size
:
.8rem
!important
;
line-height
:
1rem
!important
;
color
:
#cdbfe3
!important
;
background
:
#3e2c5a
!important
;
border
:
0
!important
}
.bd-masthead
.carbonad
{
background
:
#2a2730
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!important
;
margin-left
:
145px
!important
;
font-family
:
inherit
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-tag
a
,
.carbonad-tag
a
:hover
,
.carbonad-text
a
,
.carbonad-text
a
:hover
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
.bd-footer-links
li
,
.bd-social-buttons
{
display
:
inline-block
}
@media
(
min-width
:
34em
){
.carbonad
{
width
:
330px
!important
;
padding
:
1rem
!important
;
margin-right
:
auto
!important
;
margin-left
:
auto
!important
;
border-radius
:
.25rem
}}
.bd-footer
{
padding
:
4rem
0
;
margin-top
:
4rem
;
font-size
:
85%
;
background-color
:
#f7f7f7
;
text-align
:
center
}
.bd-footer
a
{
font-weight
:
500
;
color
:
#55595c
}
.bd-footer
a
:hover
{
color
:
#0275d8
}
.bd-footer
p
{
margin-bottom
:
0
}
@media
(
min-width
:
34em
){
.bd-footer
{
text-align
:
left
}}
.bd-brand-item
,
.bd-example-tooltips
,
.responsive-utilities
td
{
text-align
:
center
}
.bd-footer-links
{
padding-left
:
0
;
margin-bottom
:
1rem
}
.bd-footer-links
li
+
li
{
margin-left
:
1rem
}
.bd-social
{
margin-bottom
:
1.5rem
;
margin-left
:
-.5rem
}
.bd-social-buttons
{
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-example-row
.row
{
margin-bottom
:
1rem
}
.bd-example-row
.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-container
{
min-width
:
16rem
;
max-width
:
25rem
;
margin-left
:
auto
;
margin-right
:
auto
}
.bd-example-container-header
{
height
:
3rem
;
margin-bottom
:
.5rem
;
background-color
:
#daeeff
;
border-radius
:
.25rem
}
.bd-example-container-sidebar
{
float
:
right
;
width
:
4rem
;
height
:
8rem
;
background-color
:
#fae3c4
;
border-radius
:
.25rem
}
.bd-example-container-body
{
height
:
8rem
;
margin-right
:
4.5rem
;
background-color
:
#957bbe
;
border-radius
:
.25rem
}
.bd-example-container-fluid
{
max-width
:
none
}
.bd-example
{
padding
:
1rem
;
margin
:
1rem
-1rem
;
border
:
solid
#f7f7f9
;
border-width
:
.2rem
0
0
}
.bd-example
:after
,
.bd-example
:before
{
content
:
" "
;
display
:
table
}
.bd-example
:after
{
clear
:
both
}
@media
(
min-width
:
34em
){
.bd-example
{
margin-left
:
0
;
margin-right
:
0
;
margin-bottom
:
0
;
padding
:
1.5rem
;
border-width
:
.2rem
}}
.bd-example
+
.highlight
,
.bd-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
0
}
.bd-example
+
p
{
margin-top
:
2rem
}
.bd-example
.container
{
width
:
auto
}
.bd-example
>
.card
{
max-width
:
20rem
}
.bd-example
>
.alert
+
.alert
,
.bd-example
>
.nav
+
.nav
,
.bd-example
>
.navbar
+
.navbar
,
.bd-example
>
.progress
+
.btn
,
.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
\
9
;
-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-bs
{
color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-bs
:active
,
.btn-bs
:focus
,
.btn-bs
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.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-brand-logos
,
.bd-callout
code
{
border-radius
:
.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-info
{
border-left-color
:
#5bc0de
}
.bd-callout-info
h4
{
color
:
#5bc0de
}
.bd-callout-warning
{
border-left-color
:
#f0ad4e
}
.bd-callout-warning
h4
{
color
:
#f0ad4e
}
.bd-callout-danger
{
border-left-color
:
#d9534f
}
.bd-callout-danger
h4
{
color
:
#d9534f
}
.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
{
margin-bottom
:
1.5rem
}
.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
,
.color-swatch
{
float
:
left
;
border-radius
:
.25rem
}
.bd-team
img
{
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
{
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
}
.anchorjs-link
{
color
:
inherit
}
@media
(
max-width
:
480px
){
.anchorjs-link
{
display
:
none
}}
:hover
>
.anchorjs-link
{
opacity
:
.75
;
-webkit-transition
:
color
.16s
linear
;
-o-transition
:
color
.16s
linear
;
transition
:
color
.16s
linear
}
.anchorjs-link
:focus
,
:hover
>
.anchorjs-link
:hover
{
text-decoration
:
none
;
opacity
:
1
}
*/
.ge
,
.sd
{
font-style
:
italic
}
.bd-content
>
table
{
display
:
block
;
width
:
100%
;
max-width
:
100%
;
overflow-y
:
auto
;
margin-bottom
:
1rem
}
.bd-content
>
table
>
tbody
>
tr
>
td
,
.bd-content
>
table
>
tbody
>
tr
>
th
,
.bd-content
>
table
>
tfoot
>
tr
>
td
,
.bd-content
>
table
>
tfoot
>
tr
>
th
,
.bd-content
>
table
>
thead
>
tr
>
td
,
.bd-content
>
table
>
thead
>
tr
>
th
{
padding
:
.75rem
;
line-height
:
1.5
;
vertical-align
:
top
;
border
:
1px
solid
#eceeef
}
.bd-content
>
table
>
tbody
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
tbody
>
tr
>
th
>
p
:last-child
,
.bd-content
>
table
>
tfoot
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
tfoot
>
tr
>
th
>
p
:last-child
,
.bd-content
>
table
>
thead
>
tr
>
td
>
p
:last-child
,
.bd-content
>
table
>
thead
>
tr
>
th
>
p
:last-child
{
margin-bottom
:
0
}
.bd-content
>
table
td
:first-child
>
code
{
white-space
:
nowrap
}
.bd-pageheader
{
padding
:
2rem
.75rem
;
marg
in-bottom
:
3
rem
;
color
:
#cdbfe3
;
background-color
:
#563d7c
}
.bd-pageheader
.container
{
position
:
relative
}
.bd-pageheader
h1
{
font-size
:
3rem
;
font-weight
:
400
;
color
:
#fff
}
.bd-pageheader
p
{
margin-bottom
:
0
;
font-size
:
1.5rem
}
@media
(
min-width
:
34em
){
.bd-pageheader
{
padding-top
:
4rem
;
padd
in
g
-bottom
:
4rem
}
.bd-pageheader
.carbonad
{
margin
:
2rem
0
0
!important
}}
@media
(
min-width
:
48em
){
.bd-pageheader
h1
{
font-size
:
4rem
}}
@media
(
min-width
:
62em
){
.bd-pageheader
h1
,
.bd-pageheader
p
{
margin-right
:
380px
}
.bd-pageheader
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
.75rem
;
margin
:
0
!important
}}
.bd-example
,
.bd-masthead
,
.bd-search
{
position
:
relative
}
#markdown-toc
ul
,
.bd-content
>
ol
li
,
.bd-content
>
ul
li
{
margin-bottom
:
.2
5rem
}
.bd-content
>
h2
:not
(
:first-child
)
{
margin-top
:
3rem
}
.bd-content
>
h3
{
margin-top
:
1.5rem
}
#markdown-toc
ul
,
.bd-search-results
>
li
:first-child
{
margin-top
:
.25rem
}
@media
(
min-width
:
34em
){
.bd-title
{
font-size
:
3rem
}
.bd-title
+
p
{
font-size
:
1.25rem
;
font-weight
:
300
}}
#markdown-toc
>
li
:first-child
{
display
:
none
}
#markdown-toc
ul
{
padding-left
:
2rem
}
.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
;
background-color
:
#fafafa
}
.bd-search
.form-control
:focus
{
background-color
:
#fff
}
.bd-search-results
{
right
:
0
;
display
:
block
;
padding
:
0
;
overflow
:
hidden
;
font-size
:
.9rem
}
.bd-search-results
:empty
{
display
:
none
}
.bd-search-results
>
li
>
a
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.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-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-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-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-navbar
{
padding
:
.25rem
;
margin-bottom
:
0
;
background-color
:
#2a2730
}
.bd-navbar
.nav-link
{
color
:
#8e869d
}
.bd-navbar
.nav-link.active
,
.bd-navbar
.nav-link
:focus
,
.bd-navbar
.nav-link
:hover
{
color
:
#fff
;
background-color
:
transparent
}
.bd-masthead
{
padding
:
.75rem
;
color
:
#8e869d
;
text-align
:
center
;
background
:
-webkit-linear-gradient
(
to
bottom
,
#2a2730
,
#3c3845
);
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#2a2730
),
to
(
#3c3845
));
background
:
-webkit-linear-gradient
(
top
,
#2a2730
,
#3c3845
);
background
:
-o-linear-gradient
(
top
,
#2a2730
,
#3c3845
);
background
:
linear-gradient
(
to
bottom
,
#2a2730
,
#3c3845
)}
.bd-featurette
.highlight
,
.carbonad
{
text-align
:
left
}
.bd-masthead
.bd-booticon
{
margin
:
0
auto
2rem
;
color
:
#9062d7
;
border-color
:
#9062d7
}
.bd-masthead
h1
{
font-weight
:
300
;
line-height
:
1
}
.bd-masthead
.lead
{
margin-left
:
auto
;
margin-right
:
auto
;
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
:
#ffe484
;
border-color
:
#ffe484
}
.bd-masthead
.btn
:hover
{
color
:
#2a2730
;
background-color
:
#ffe484
;
border-color
:
#ffe484
}
.bd-masthead
.carbonad
{
margin-bottom
:
-2rem
!important
}
@media
(
min-width
:
34em
){
.bd-masthead
{
padding-top
:
8rem
;
padding-bottom
:
2rem
}
.bd-masthead
.btn
{
width
:
auto
}
.bd-masthead
.carbonad
{
margin-bottom
:
0
!important
}}
@media
(
min-width
:
48em
){
.bd-masthead
{
padding-bottom
:
4rem
}
.bd-masthead
.bd-header
{
margin-bottom
:
4rem
}
.bd-masthead
h1
{
font-size
:
4rem
}
.bd-masthead
.lead
{
font-size
:
1.5rem
}
.bd-masthead
.carbonad
{
margin-top
:
3rem
!important
}}
@media
(
min-width
:
62em
){
.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
;
background-color
:
#fff
;
border-top
:
1px
solid
#eee
}
.bd-featurette-title
{
margin-bottom
:
.5rem
;
font-size
:
2rem
;
font-weight
:
400
;
color
:
#333
}
.bd-featurette-title
+
.lead
{
font-size
:
1.5rem
;
margin-bottom
:
2rem
}
.half-rule
{
width
:
6rem
;
margin
:
2.5rem
0
}
.carbonad
,
.carbonad-tag
,
.carbonad-text
{
width
:
auto
!important
;
height
:
auto
!important
;
font-family
:
inherit
!important
}
.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%
}
.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
}
@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
}}
.carbonad
{
padding
:
1.25rem
!important
;
margin
:
2rem
-1.5rem
-
2rem
!important
;
overflow
:
hidden
;
font-size
:
.8rem
!important
;
line-height
:
1rem
!important
;
color
:
#cdbfe3
!important
;
background
:
#3e2c5a
!important
;
border
:
0
!important
}
.bd-masthead
.carbonad
{
background
:
#2a2730
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!important
;
margin-left
:
145px
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-tag
a
,
.carbonad-tag
a
:hover
,
.carbonad-text
a
,
.carbonad-text
a
:hover
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
.bd-footer-links
li
,
.bd-social-buttons
{
display
:
inline-block
}
@media
(
min-width
:
34em
){
.carbonad
{
width
:
330px
!important
;
padding
:
1rem
!important
;
margin-right
:
auto
!important
;
margin-left
:
auto
!important
;
border-radius
:
.25rem
}}
.bd-footer
{
padding
:
4rem
0
;
margin-top
:
4rem
;
font-size
:
85%
;
background-color
:
#f7f7f7
;
text-align
:
center
}
.bd-footer
a
{
font-weight
:
500
;
color
:
#55595c
}
.bd-footer
a
:hover
{
color
:
#0275d8
}
.bd-footer
p
{
margin-bottom
:
0
}
@media
(
min-width
:
34em
){
.bd-footer
{
text-align
:
left
}}
.bd-brand-item
,
.bd-example-tooltips
,
.responsive-utilities
td
{
text-align
:
center
}
.bd-footer-links
{
padding-left
:
0
;
margin-bottom
:
1rem
}
.bd-footer-links
li
+
li
{
margin-left
:
1rem
}
.bd-social
{
margin-bottom
:
1.5rem
;
margin-left
:
-.5rem
}
.bd-social-buttons
{
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-example-row
.row
{
margin-bottom
:
1rem
}
.bd-example-row
.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-container
{
min-width
:
16rem
;
max-width
:
25rem
;
margin-left
:
auto
;
margin-right
:
auto
}
.bd-example-container-header
{
height
:
3rem
;
margin-bottom
:
.5rem
;
background-color
:
#daeeff
;
border-radius
:
.25rem
}
.bd-example-container-sidebar
{
float
:
right
;
width
:
4rem
;
height
:
8rem
;
background-color
:
#fae3c4
;
border-radius
:
.25rem
}
.bd-example-container-body
{
height
:
8rem
;
margin-right
:
4.5rem
;
background-color
:
#957bbe
;
border-radius
:
.25rem
}
.bd-example-container-fluid
{
max-width
:
none
}
.bd-example
{
padding
:
1rem
;
margin
:
1rem
-1rem
;
border
:
solid
#f7f7f9
;
border-width
:
.2rem
0
0
}
.bd-example
:after
,
.bd-example
:before
{
content
:
" "
;
display
:
table
}
.bd-example
:after
{
clear
:
both
}
@media
(
min-width
:
34em
){
.bd-example
{
margin-left
:
0
;
margin-right
:
0
;
margin-bottom
:
0
;
padding
:
1.5rem
;
border-width
:
.2rem
}}
.bd-example
+
.highlight
,
.bd-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
0
}
.bd-example
+
p
{
margin-top
:
2rem
}
.bd-example
.container
{
width
:
auto
}
.bd-example
>
.card
{
max-width
:
20rem
}
.bd-example
>
.alert
+
.alert
,
.bd-example
>
.nav
+
.nav
,
.bd-example
>
.navbar
+
.navbar
,
.bd-example
>
.progress
+
.btn
,
.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
\
9
;
-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-bs
{
color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-bs
:active
,
.btn-bs
:focus
,
.btn-bs
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.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-brand-logos
,
.bd-callout
code
{
border-radius
:
.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-info
{
border-left-color
:
#5bc0de
}
.bd-callout-info
h4
{
color
:
#5bc0de
}
.bd-callout-warning
{
border-left-color
:
#f0ad4e
}
.bd-callout-warning
h4
{
color
:
#f0ad4e
}
.bd-callout-danger
{
border-left-color
:
#d9534f
}
.bd-callout-danger
h4
{
color
:
#d9534f
}
.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
{
margin-bottom
:
1.5rem
}
.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
,
.color-swatch
{
float
:
left
;
border-radius
:
.25rem
}
.bd-team
img
{
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
{
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
}
.anchorjs-link
{
color
:
inherit
}
@media
(
max-width
:
480px
){
.anchorjs-link
{
display
:
none
}}
:hover
>
.anchorjs-link
{
opacity
:
.75
;
-webkit-transition
:
color
.16s
linear
;
-o-transition
:
color
.16s
linear
;
transition
:
color
.16s
linear
}
.anchorjs-link
:focus
,
:hover
>
.anchorjs-link
:hover
{
text-decoration
:
none
;
opacity
:
1
}
/*# sourceMappingURL=docs.min.css.map */
/*# sourceMappingURL=docs.min.css.map */
\ No newline at end of file
This diff is collapsed.
Click to expand it.
docs/assets/css/docs.min.css.map
+133 bytes (+2%)
View file @
575a8864
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
This diff is collapsed.
Click to expand it.
docs/assets/scss/_ads.scss
+
6
-
1
View file @
575a8864
...
@@ -6,9 +6,10 @@
...
@@ -6,9 +6,10 @@
width
:
auto
!
important
;
width
:
auto
!
important
;
height
:
auto
!
important
;
height
:
auto
!
important
;
padding
:
1
.25rem
!
important
;
padding
:
1
.25rem
!
important
;
margin
:
0
-1
.5rem
2rem
!
important
;
margin
:
2rem
-1
.5rem
-
2rem
!
important
;
overflow
:
hidden
;
// clearfix
overflow
:
hidden
;
// clearfix
font-size
:
.8rem
!
important
;
font-size
:
.8rem
!
important
;
font-family
:
inherit
!
important
;
line-height
:
1rem
!
important
;
line-height
:
1rem
!
important
;
color
:
$bd-purple-light
!
important
;
color
:
$bd-purple-light
!
important
;
text-align
:
left
;
text-align
:
left
;
...
@@ -65,3 +66,7 @@
...
@@ -65,3 +66,7 @@
border-radius
:
.25rem
;
border-radius
:
.25rem
;
}
}
}
}
@include
media-breakpoint-up
(
md
)
{
}
This diff is collapsed.
Click to expand it.
docs/assets/scss/_layout.scss
+
28
-
5
View file @
575a8864
...
@@ -34,19 +34,23 @@
...
@@ -34,19 +34,23 @@
.bd-pageheader
{
.bd-pageheader
{
padding-top
:
2rem
;
padding
:
2rem
.75rem
;
padding-bottom
:
2rem
;
margin-bottom
:
3rem
;
margin-bottom
:
3rem
;
color
:
$bd-purple-light
;
color
:
$bd-purple-light
;
background-color
:
$bd-purple
;
background-color
:
$bd-purple
;
.container
{
position
:
relative
;
}
h1
{
h1
{
font-size
:
4
rem
;
font-size
:
3
rem
;
font-weight
:
normal
;
font-weight
:
normal
;
color
:
#fff
;
color
:
#fff
;
}
}
p
{
p
{
margin-bottom
:
0
;
font-size
:
1
.5rem
;
font-size
:
1
.5rem
;
}
}
...
@@ -55,8 +59,27 @@
...
@@ -55,8 +59,27 @@
padding-bottom
:
4rem
;
padding-bottom
:
4rem
;
.carbonad
{
.carbonad
{
float
:
right
;
margin
:
2rem
0
0
!
important
;
margin-left
:
2rem
!
important
;
}
}
@include
media-breakpoint-up
(
md
)
{
h1
{
font-size
:
4rem
;
}
}
@include
media-breakpoint-up
(
lg
)
{
h1
,
p
{
margin-right
:
380px
;
}
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
.75rem
;
// offset from the .container's padding
margin
:
0
!
important
;
}
}
}
}
}
}
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets
