0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

Merge branch 'v4-dev' into carousel

This commit is contained in:
Mark Otto 2016-12-04 21:05:19 -08:00
commit 1e3ec89355
144 changed files with 2863 additions and 2399 deletions

View File

@ -1,39 +1,33 @@
sudo: required
sudo: false
dist: trusty
language: node_js
git:
depth: 10
depth: 3
node_js:
- "4"
- "6"
before_install:
# Remove ./node_modules/.bin from PATH so node-which doesn't replace Unix which and cause RVM to barf. See https://github.com/travis-ci/travis-ci/issues/5092
- export PATH=$(python -c 'from sys import argv;from collections import OrderedDict as od;print(":".join(od((p,None) for p in argv[1].split(":") if p.startswith("/")).keys()))' "$PATH")
- rvm install 2.2
- rvm use 2.2 --fuzzy
- npm install -g npm@3
- "export TRAVIS_COMMIT_MSG=\"$(git log --format=%B --no-merges -n 1)\""
- if [[ `npm -v` != 3* ]]; then npm install -g npm@3; fi
- "export TRAVIS_COMMIT_MSG=\"`git log --format=%B --no-merges -n 1`\""
- echo "$TRAVIS_COMMIT_MSG" | grep '\[skip validator\]'; export TWBS_DO_VALIDATOR=$?; true
- echo "$TRAVIS_COMMIT_MSG" | grep '\[skip sauce\]'; export TWBS_DO_SAUCE=$?; true
- if [ "$TRAVIS_REPO_SLUG" = twbs-savage/bootstrap ]; then export TWBS_DO_VALIDATOR=0; fi
install:
- bundle install --deployment --jobs=3
- bundle install --deployment --jobs=3 --retry=3
- cp grunt/npm-shrinkwrap.json ./
- npm install
after_success:
- if [ "$TWBS_TEST" = sauce-js-unit ]; then grunt/upload-preview.sh; fi
cache:
directories:
- node_modules
- vendor/bundle
- "$HOME/google-cloud-sdk"
env:
global:
- NPM_CONFIG_PROGRESS="false"
matrix:
- TWBS_TEST=core
- TWBS_TEST=validate-html
- TWBS_TEST=sauce-js-unit
- TWBS_TEST=core
- TWBS_TEST=validate-html
- TWBS_TEST=sauce-js-unit
matrix:
fast_finish: true
exclude:
- node_js: "4"
env: TWBS_TEST=validate-html

View File

@ -39,7 +39,7 @@ module.exports = function (grunt) {
' * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n' +
' */\n',
jqueryCheck: 'if (typeof jQuery === \'undefined\') {\n' +
' throw new Error(\'Bootstrap\\\'s JavaScript requires jQuery\')\n' +
' throw new Error(\'Bootstrap\\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\\'s JavaScript.\')\n' +
'}\n',
jqueryVersionCheck: '+function ($) {\n' +
' var version = $.fn.jquery.split(\' \')[0].split(\'.\')\n' +
@ -283,9 +283,6 @@ module.exports = function (grunt) {
},
htmlhint: {
command: 'npm run htmlhint'
},
'upload-preview': {
command: './grunt/upload-preview.sh'
}
},
@ -361,7 +358,7 @@ module.exports = function (grunt) {
if (typeof process.env.SAUCE_ACCESS_KEY !== 'undefined' &&
// Skip Sauce if running a different subset of the test suite
runSubset('sauce-js-unit')) {
testSubtasks = testSubtasks.concat(['dist', 'docs-css', 'docs-js', 'clean:docs', 'copy:docs', 'exec:upload-preview']);
testSubtasks = testSubtasks.concat(['dist', 'docs-css', 'docs-js', 'clean:docs', 'copy:docs']);
// Skip Sauce on Travis when [skip sauce] is in the commit message
if (isUndefOrNonZero(process.env.TWBS_DO_SAUCE)) {
testSubtasks.push('connect');

View File

@ -34,6 +34,7 @@ Several quick start options are available:
- [Download the latest release.](https://github.com/twbs/bootstrap/archive/v4.0.0-alpha.5.zip)
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`
- Install with [npm](https://www.npmjs.com): `npm install bootstrap@4.0.0-alpha.5`
- Install with [yarn](https://github.com/yarnpkg/yarn): `yarn add bootstrap@4.0.0-alpha.5`
- Install with [Meteor](https://www.meteor.com): `meteor add twbs:bootstrap@=4.0.0-alpha.5`
- Install with [Composer](https://getcomposer.org): `composer require twbs/bootstrap`
- Install with [Bower](https://bower.io): `bower install bootstrap#v4.0.0-alpha.5`

View File

@ -367,7 +367,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {
@ -685,9 +684,9 @@ mark,
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 100%;
height: auto;
}
@ -894,7 +893,18 @@ pre code {
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
position: relative;
min-height: 1px;
width: 100%;
@ -903,34 +913,34 @@ pre code {
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
.col-xs {
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
@ -941,7 +951,7 @@ pre code {
max-width: 100%;
}
.col-xs-auto {
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@ -2223,6 +2233,11 @@ pre code {
width: 100%;
min-height: 0%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.table-reflow thead {
@ -2277,6 +2292,11 @@ pre code {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
@ -2321,7 +2341,7 @@ pre code {
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem - 2px);
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
@ -2445,23 +2465,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-check-inline {
position: relative;
display: inline-block;
padding-left: 1.25rem;
margin-bottom: 0;
}
.form-check-inline .form-check-label {
vertical-align: middle;
cursor: pointer;
}
.form-check-inline + .form-check-inline {
margin-left: .75rem;
}
.form-check-inline.disabled {
color: #636c72;
cursor: not-allowed;
}
.form-control-feedback {
margin-top: 0.25rem;
}
@ -2471,16 +2485,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right 0.625rem;
-webkit-background-size: 1.25rem 1.25rem;
background-size: 1.25rem 1.25rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
color: #5cb85c;
}
@ -2503,7 +2516,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
color: #f0ad4e;
}
@ -2526,7 +2538,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
color: #d9534f;
}
@ -2545,11 +2556,49 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline .form-group {
display: inline-block;
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
@ -2560,27 +2609,28 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
width: auto;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check-label {
padding-left: 0;
@ -2589,6 +2639,27 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
position: relative;
margin-left: 0;
}
.form-inline .custom-control {
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: .25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
@ -2610,6 +2681,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -3226,9 +3300,9 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.active {
@ -3255,15 +3329,9 @@ tbody.collapse.active {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.dropup,
@ -3336,7 +3404,7 @@ tbody.collapse.active {
.dropdown-item:focus, .dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
@ -3446,8 +3514,8 @@ tbody.collapse.active {
}
.btn-toolbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3547,8 +3615,8 @@ tbody.collapse.active {
}
.btn-group-vertical > .btn-group::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3855,7 +3923,7 @@ tbody.collapse.active {
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.5rem - 2px);
height: calc(2.25rem - 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #464a4c;
@ -3994,8 +4062,8 @@ tbody.collapse.active {
}
.nav-tabs::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4042,8 +4110,8 @@ tbody.collapse.active {
}
.nav-pills::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4109,8 +4177,8 @@ tbody.collapse.active {
}
.navbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4217,149 +4285,6 @@ tbody.collapse.active {
text-decoration: none;
}
.navbar-toggleable-xs::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xs .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xs .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
display: block;
}
}
.navbar-toggleable-sm::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
display: block;
}
}
.navbar-toggleable-md::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
display: block;
}
}
.navbar-toggleable-lg::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block;
}
}
.navbar-toggleable-xl {
display: block;
}
.navbar-toggleable-xl::after {
content: "";
display: table;
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-nav .nav-item {
float: left;
}
@ -4397,6 +4322,10 @@ tbody.collapse.active {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
@ -4442,6 +4371,10 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
@ -4468,32 +4401,60 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.5);
}
.navbar-toggleable-xs::after {
.navbar-toggleable::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-nav .nav-item {
.navbar-toggleable .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
.navbar-toggleable {
display: block !important;
}
}
.navbar-toggleable-sm::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4507,12 +4468,26 @@ tbody.collapse.active {
}
.navbar-toggleable-md::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4525,13 +4500,78 @@ tbody.collapse.active {
}
}
.navbar-toggleable-lg::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block !important;
}
}
.navbar-toggleable-xl {
display: block !important;
}
.navbar-toggleable-xl::after {
display: block;
content: "";
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
.card {
position: relative;
display: block;
margin-bottom: 0.75rem;
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-block {
@ -4572,7 +4612,7 @@ tbody.collapse.active {
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
@ -4582,7 +4622,7 @@ tbody.collapse.active {
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
@ -4682,8 +4722,13 @@ tbody.collapse.active {
border-color: #d9534f;
}
.card-inverse {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
@ -4831,8 +4876,8 @@ tbody.collapse.active {
}
.breadcrumb::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4904,6 +4949,7 @@ tbody.collapse.active {
float: left;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd;
@ -4932,7 +4978,7 @@ tbody.collapse.active {
}
.pagination-sm .page-link {
padding: 0.275rem 0.75rem;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
@ -5066,14 +5112,11 @@ a.badge:focus, a.badge:hover {
font-weight: bold;
}
.alert-dismissible {
padding-right: 2.5rem;
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
top: -0.75rem;
right: -1.25rem;
padding: 0.75rem 1.25rem;
color: inherit;
}
@ -5165,6 +5208,7 @@ a.badge:focus, a.badge:hover {
width: 100%;
height: 1rem;
margin-bottom: 1rem;
overflow: hidden;
}
.progress[value] {
@ -5183,35 +5227,19 @@ a.badge:focus, a.badge:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
@ -5224,12 +5252,6 @@ base::-moz-progress-bar,
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
@ -5509,7 +5531,7 @@ base::-moz-progress-bar,
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.list-group-item-success {
@ -5726,11 +5748,11 @@ button.close {
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -5789,8 +5811,8 @@ button.close {
}
.modal-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5815,8 +5837,8 @@ button.close {
}
.modal-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5830,7 +5852,7 @@ button.close {
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
max-width: 500px;
margin: 30px auto;
}
.modal-sm {
@ -5840,7 +5862,7 @@ button.close {
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
max-width: 800px;
}
}
@ -6120,9 +6142,9 @@ button.close {
.carousel-inner > .carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-webkit-transition: left 0.6s ease-in-out;
-o-transition: left 0.6s ease-in-out;
transition: left 0.6s ease-in-out;
}
.carousel-inner > .carousel-item > img,
@ -6132,11 +6154,11 @@ button.close {
@media (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6161,11 +6183,11 @@ button.close {
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6445,6 +6467,26 @@ a.bg-inverse:focus, a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 0.25rem;
}
@ -6473,9 +6515,13 @@ a.bg-inverse:focus, a.bg-inverse:hover {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0;
}
.clearfix::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -6510,7 +6556,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
display: flex !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
@ -6537,7 +6583,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
@ -6564,7 +6610,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
@ -6591,7 +6637,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
@ -6618,95 +6664,95 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
.flex-xs-first {
.flex-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xs-last {
.flex-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xs-unordered {
.flex-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-xs-top {
.flex-items-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-items-xs-middle {
.flex-items-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-items-xs-bottom {
.flex-items-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-xs-top {
.flex-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-xs-middle {
.flex-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.flex-xs-bottom {
.flex-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-xs-left {
.flex-items-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-xs-center {
.flex-items-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-xs-right {
.flex-items-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-xs-around {
.flex-items-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-xs-between {
.flex-items-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@ -6732,9 +6778,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 576px) {
.flex-items-sm-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6753,9 +6796,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 576px) {
.flex-sm-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6772,9 +6812,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 576px) {
.flex-items-sm-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -6825,9 +6862,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 768px) {
.flex-items-md-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6846,9 +6880,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 768px) {
.flex-md-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6865,9 +6896,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 768px) {
.flex-items-md-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -6918,9 +6946,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 992px) {
.flex-items-lg-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6939,9 +6964,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 992px) {
.flex-lg-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6958,9 +6980,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 992px) {
.flex-items-lg-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -7011,9 +7030,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 1200px) {
.flex-items-xl-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -7032,9 +7048,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.flex-xl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -7051,9 +7064,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 1200px) {
.flex-items-xl-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -7097,7 +7107,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
float: none !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
@ -7109,7 +7119,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
@ -7121,7 +7131,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
@ -7133,7 +7143,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
@ -7173,6 +7183,14 @@ a.bg-inverse:focus, a.bg-inverse:hover {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
@ -7538,7 +7556,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
padding-bottom: 3rem !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important;
}
@ -7564,7 +7582,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7590,7 +7608,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7616,7 +7634,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-3 {
margin: 1rem 1rem !important;
}
@ -7642,7 +7660,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7668,7 +7686,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-5 {
margin: 3rem 3rem !important;
}
@ -7694,7 +7712,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-0 {
padding: 0 0 !important;
}
@ -7720,7 +7738,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7746,7 +7764,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7772,7 +7790,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-3 {
padding: 1rem 1rem !important;
}
@ -7798,7 +7816,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7824,7 +7842,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-5 {
padding: 3rem 3rem !important;
}
@ -7850,7 +7868,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important;
}
@ -7876,7 +7894,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7902,7 +7920,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7928,7 +7946,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-3 {
margin: 1rem 1rem !important;
}
@ -7954,7 +7972,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7980,7 +7998,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-5 {
margin: 3rem 3rem !important;
}
@ -8006,7 +8024,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-0 {
padding: 0 0 !important;
}
@ -8032,7 +8050,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8058,7 +8076,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8084,7 +8102,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-3 {
padding: 1rem 1rem !important;
}
@ -8110,7 +8128,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8136,7 +8154,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-5 {
padding: 3rem 3rem !important;
}
@ -8162,7 +8180,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important;
}
@ -8188,7 +8206,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-1 {
margin: 0.25rem 0.25rem !important;
}
@ -8214,7 +8232,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-2 {
margin: 0.5rem 0.5rem !important;
}
@ -8240,7 +8258,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-3 {
margin: 1rem 1rem !important;
}
@ -8266,7 +8284,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-4 {
margin: 1.5rem 1.5rem !important;
}
@ -8292,7 +8310,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-5 {
margin: 3rem 3rem !important;
}
@ -8318,7 +8336,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-0 {
padding: 0 0 !important;
}
@ -8344,7 +8362,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8370,7 +8388,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8396,7 +8414,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-3 {
padding: 1rem 1rem !important;
}
@ -8422,7 +8440,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8448,7 +8466,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-5 {
padding: 3rem 3rem !important;
}
@ -8474,7 +8492,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important;
}
@ -8500,7 +8518,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-1 {
margin: 0.25rem 0.25rem !important;
}
@ -8526,7 +8544,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-2 {
margin: 0.5rem 0.5rem !important;
}
@ -8552,7 +8570,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-3 {
margin: 1rem 1rem !important;
}
@ -8578,7 +8596,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-4 {
margin: 1.5rem 1.5rem !important;
}
@ -8604,7 +8622,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-5 {
margin: 3rem 3rem !important;
}
@ -8630,7 +8648,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-0 {
padding: 0 0 !important;
}
@ -8656,7 +8674,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8682,7 +8700,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8708,7 +8726,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-3 {
padding: 1rem 1rem !important;
}
@ -8734,7 +8752,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8760,7 +8778,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-5 {
padding: 3rem 3rem !important;
}
@ -8808,15 +8826,15 @@ a.bg-inverse:focus, a.bg-inverse:hover {
white-space: nowrap;
}
.text-xs-left {
.text-left {
text-align: left !important;
}
.text-xs-right {
.text-right {
text-align: right !important;
}
.text-xs-center {
.text-center {
text-align: center !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,20 @@
@-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
margin-left: auto;
margin-right: auto;
@ -6,8 +23,8 @@
}
.container::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -75,8 +92,8 @@
}
.container-fluid::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -114,8 +131,8 @@
}
.row::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -147,7 +164,18 @@
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
@ -155,28 +183,28 @@
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -290,7 +290,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,2 @@
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{font-size:16px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #636c72}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{font-size:16px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"4EAYA,KACE,YAAA,WACA,YAAA,KACA,qBAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAOF,QAAA,MAAA,OAAA,OAAA,IAAA,QAME,QAAA,MAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,WAAA,OAAA,KAGE,QAAA,MAOF,OACE,OAAA,IAAA,KAQF,GACE,mBAAA,YAAA,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,UAAA,UACA,UAAA,IAWF,EACE,iBAAA,YACA,6BAAA,QAQF,SAAA,QAEE,cAAA,EAQF,YACE,cAAA,KACA,gBAAA,UACA,gBAAA,UAAA,OAOF,EAAA,OAEE,YAAA,QAOF,EAAA,OAEE,YAAA,OAQF,KAAA,IAAA,KAGE,YAAA,UAAA,UACA,UAAA,IAOF,IACE,WAAA,OAOF,KACE,iBAAA,KACA,MAAA,KAOF,MACE,UAAA,IAQF,IAAA,IAEE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,MAAA,MAEE,QAAA,aAOF,sBACE,QAAA,KACA,OAAA,EAOF,IACE,aAAA,KAOF,eACE,SAAA,OAWF,OAAA,MAAA,SAAA,OAAA,SAKE,YAAA,WACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OAAA,MAEE,SAAA,QAQF,OAAA,OAEE,eAAA,KASF,aAAA,cAAA,OAAA,mBAIE,mBAAA,OAOF,gCAAA,+BAAA,gCAAA,yBAIE,aAAA,KACA,QAAA,EAOF,6BAAA,4BAAA,6BAAA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,OAAA,IAAA,MAAA,OACA,OAAA,EAAA,IACA,QAAA,MAAA,OAAA,MAUF,OACE,mBAAA,WAAA,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAQF,SACE,QAAA,aACA,eAAA,SAOF,SACE,SAAA,KCrKF,gBAAA,aD+KE,mBAAA,WAAA,WAAA,WACA,QAAA,EC1KF,yCAAA,yCDmLE,OAAA,KC9KF,cDuLE,mBAAA,UACA,eAAA,KCnLF,4CAAA,yCD4LE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAWF,QAAA,KAEE,QAAA,MAOF,QACE,QAAA,UAUF,OACE,QAAA,aAOF,SACE,QAAA,KCnNF,SD8NE,QAAA,KEtbF,KACE,mBAAA,WAAA,WAAA,WAGF,EAAA,QAAA,SAGE,mBAAA,QAAA,WAAA,QAoBA,cAAgB,MAAA,aAQlB,KAEE,UAAA,KAOA,mBAAA,UAEA,4BAAA,YAGF,KAEE,YAAA,cAAA,mBAAA,WAAA,OC2JiH,iBD3JjH,MAAA,WACA,UAAA,KACA,YAAA,IACA,YAAA,IAEA,MAAA,QAEA,iBAAA,KD+LF,sBCtLE,QAAA,YAYF,GAAI,GAAI,GAAI,GAAI,GAAI,GAClB,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KAIF,0BAAA,YAGE,OAAA,KACA,cAAA,IAAA,OAAA,QAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QAGF,GAAA,GAAA,GAGE,WAAA,EACA,cAAA,KAGF,MAAA,MAAA,MAAA,MAIE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAQF,EACE,MAAA,QACA,gBAAA,KAFF,QAAS,QAKL,MAAA,QACA,gBAAA,UANJ,QE1JE,QAAA,IAAA,KAAA,yBACA,eAAA,KF6KF,8BACE,MAAA,QACA,gBAAA,KAFF,oCAAqC,oCAKjC,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EASJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAGE,OAAA,EAAA,EAAA,KAQF,IAGE,eAAA,OD2IF,cC9HE,OAAA,QAcF,cAAA,EAAA,KAAA,OAAA,MAAA,MAAA,OAAA,QAAA,SASE,iBAAA,aAAA,aAAA,aAQF,MAEE,gBAAA,SAEA,iBAAA,YAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAEE,WAAA,KAQF,MAEE,QAAA,aACA,cAAA,MAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBAGF,OAAA,MAAA,OAAA,SAME,YAAA,QAGF,8BAAA,2BAMI,OAAA,YAKJ,iBAAA,iBAAA,2BAAA,kBASE,mBAAA,QAGF,SAEE,OAAA,SAGF,SAIE,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAGF,OAEE,QAAA,MACA,MAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QAGF,mBAKE,mBAAA,KAIF,OACE,QAAA,aD6EF,SCrEE,QAAA"}
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"4EAYA,KACE,YAAA,WACA,YAAA,KACA,qBAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAOF,QAAA,MAAA,OAAA,OAAA,IAAA,QAME,QAAA,MAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,WAAA,OAAA,KAGE,QAAA,MAOF,OACE,OAAA,IAAA,KAQF,GACE,mBAAA,YAAA,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,UAAA,UACA,UAAA,IAWF,EACE,iBAAA,YACA,6BAAA,QAQF,SAAA,QAEE,cAAA,EAQF,YACE,cAAA,KACA,gBAAA,UACA,gBAAA,UAAA,OAOF,EAAA,OAEE,YAAA,QAOF,EAAA,OAEE,YAAA,OAQF,KAAA,IAAA,KAGE,YAAA,UAAA,UACA,UAAA,IAOF,IACE,WAAA,OAOF,KACE,iBAAA,KACA,MAAA,KAOF,MACE,UAAA,IAQF,IAAA,IAEE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,MAAA,MAEE,QAAA,aAOF,sBACE,QAAA,KACA,OAAA,EAOF,IACE,aAAA,KAOF,eACE,SAAA,OAWF,OAAA,MAAA,SAAA,OAAA,SAKE,YAAA,WACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OAAA,MAEE,SAAA,QAQF,OAAA,OAEE,eAAA,KASF,aAAA,cAAA,OAAA,mBAIE,mBAAA,OAOF,gCAAA,+BAAA,gCAAA,yBAIE,aAAA,KACA,QAAA,EAOF,6BAAA,4BAAA,6BAAA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,OAAA,IAAA,MAAA,OACA,OAAA,EAAA,IACA,QAAA,MAAA,OAAA,MAUF,OACE,mBAAA,WAAA,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAQF,SACE,QAAA,aACA,eAAA,SAOF,SACE,SAAA,KCrKF,gBAAA,aD+KE,mBAAA,WAAA,WAAA,WACA,QAAA,EC1KF,yCAAA,yCDmLE,OAAA,KC9KF,cDuLE,mBAAA,UACA,eAAA,KCnLF,4CAAA,yCD4LE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAWF,QAAA,KAEE,QAAA,MAOF,QACE,QAAA,UAUF,OACE,QAAA,aAOF,SACE,QAAA,KCnNF,SD8NE,QAAA,KEtbF,KACE,mBAAA,WAAA,WAAA,WAGF,EAAA,QAAA,SAGE,mBAAA,QAAA,WAAA,QAoBA,cAAgB,MAAA,aAQlB,KAEE,UAAA,KAQA,mBAAA,UAEA,4BAAA,YAGF,KAEE,YAAA,cAAA,mBAAA,WAAA,OC0JiH,iBD1JjH,MAAA,WACA,UAAA,KACA,YAAA,IACA,YAAA,IAEA,MAAA,QAEA,iBAAA,KD8LF,sBCrLE,QAAA,YAYF,GAAI,GAAI,GAAI,GAAI,GAAI,GAClB,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KAIF,0BAAA,YAGE,OAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QAGF,GAAA,GAAA,GAGE,WAAA,EACA,cAAA,KAGF,MAAA,MAAA,MAAA,MAIE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAQF,EACE,MAAA,QACA,gBAAA,KAFF,QAAS,QAKL,MAAA,QACA,gBAAA,UANJ,QE1JE,QAAA,IAAA,KAAA,yBACA,eAAA,KF6KF,8BACE,MAAA,QACA,gBAAA,KAFF,oCAAqC,oCAKjC,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EASJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAGE,OAAA,EAAA,EAAA,KAQF,IAGE,eAAA,OD0IF,cC7HE,OAAA,QAcF,cAAA,EAAA,KAAA,OAAA,MAAA,MAAA,OAAA,QAAA,SASE,iBAAA,aAAA,aAAA,aAQF,MAEE,gBAAA,SAEA,iBAAA,YAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAEE,WAAA,KAQF,MAEE,QAAA,aACA,cAAA,MAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBAGF,OAAA,MAAA,OAAA,SAME,YAAA,QAGF,8BAAA,2BAMI,OAAA,YAKJ,iBAAA,iBAAA,2BAAA,kBASE,mBAAA,QAGF,SAEE,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAGF,OAEE,QAAA,MACA,MAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QAGF,mBAKE,mBAAA,KAIF,OACE,QAAA,aD0EF,SClEE,QAAA"}

View File

@ -367,7 +367,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {
@ -689,9 +688,9 @@ dl.row > dd + dt {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 100%;
height: auto;
}
@ -768,8 +767,8 @@ pre code {
}
.container::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -837,8 +836,8 @@ pre code {
}
.container-fluid::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -876,8 +875,8 @@ pre code {
}
.row::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -909,7 +908,18 @@ pre code {
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
@ -917,28 +927,28 @@ pre code {
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
@ -1970,6 +1980,11 @@ pre code {
width: 100%;
min-height: 0%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.table-reflow thead {
@ -2024,6 +2039,11 @@ pre code {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
@ -2068,7 +2088,7 @@ pre code {
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem - 2px);
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
@ -2192,23 +2212,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-check-inline {
position: relative;
display: inline-block;
padding-left: 1.25rem;
margin-bottom: 0;
}
.form-check-inline .form-check-label {
vertical-align: middle;
cursor: pointer;
}
.form-check-inline + .form-check-inline {
margin-left: .75rem;
}
.form-check-inline.disabled {
color: #636c72;
cursor: not-allowed;
}
.form-control-feedback {
margin-top: 0.25rem;
}
@ -2218,16 +2232,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right 0.625rem;
-webkit-background-size: 1.25rem 1.25rem;
background-size: 1.25rem 1.25rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
color: #5cb85c;
}
@ -2250,7 +2263,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
color: #f0ad4e;
}
@ -2273,7 +2285,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
color: #d9534f;
}
@ -2293,10 +2304,13 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
@media (min-width: 576px) {
.form-inline label {
margin-bottom: 0;
}
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
@ -2307,8 +2321,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
width: auto;
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
@ -2325,9 +2339,10 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-inline .form-check {
display: inline-block;
vertical-align: middle;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check-label {
padding-left: 0;
@ -2336,6 +2351,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
position: relative;
margin-left: 0;
}
.form-inline .custom-control {
padding-left: 0;
vertical-align: middle;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
@ -2357,6 +2381,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -2973,9 +3000,9 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.active {
@ -3002,15 +3029,9 @@ tbody.collapse.active {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.dropup,
@ -3083,7 +3104,7 @@ tbody.collapse.active {
.dropdown-item:focus, .dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
@ -3193,8 +3214,8 @@ tbody.collapse.active {
}
.btn-toolbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3294,8 +3315,8 @@ tbody.collapse.active {
}
.btn-group-vertical > .btn-group::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3582,7 +3603,7 @@ tbody.collapse.active {
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.5rem - 2px);
height: calc(2.25rem - 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #464a4c;
@ -3721,8 +3742,8 @@ tbody.collapse.active {
}
.nav-tabs::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3769,8 +3790,8 @@ tbody.collapse.active {
}
.nav-pills::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3821,8 +3842,8 @@ tbody.collapse.active {
}
.navbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3929,149 +3950,6 @@ tbody.collapse.active {
text-decoration: none;
}
.navbar-toggleable-xs::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xs .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xs .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
display: block;
}
}
.navbar-toggleable-sm::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
display: block;
}
}
.navbar-toggleable-md::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
display: block;
}
}
.navbar-toggleable-lg::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block;
}
}
.navbar-toggleable-xl {
display: block;
}
.navbar-toggleable-xl::after {
content: "";
display: table;
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-nav .nav-item {
float: left;
}
@ -4109,6 +3987,10 @@ tbody.collapse.active {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
@ -4154,6 +4036,10 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
@ -4180,32 +4066,60 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.5);
}
.navbar-toggleable-xs::after {
.navbar-toggleable::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-nav .nav-item {
.navbar-toggleable .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
.navbar-toggleable {
display: block !important;
}
}
.navbar-toggleable-sm::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4219,12 +4133,26 @@ tbody.collapse.active {
}
.navbar-toggleable-md::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4237,13 +4165,78 @@ tbody.collapse.active {
}
}
.navbar-toggleable-lg::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block !important;
}
}
.navbar-toggleable-xl {
display: block !important;
}
.navbar-toggleable-xl::after {
display: block;
content: "";
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
.card {
position: relative;
display: block;
margin-bottom: 0.75rem;
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-block {
@ -4251,8 +4244,8 @@ tbody.collapse.active {
}
.card-block::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4290,13 +4283,13 @@ tbody.collapse.active {
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4306,13 +4299,13 @@ tbody.collapse.active {
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4412,8 +4405,13 @@ tbody.collapse.active {
border-color: #d9534f;
}
.card-inverse {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
@ -4550,8 +4548,8 @@ tbody.collapse.active {
}
.breadcrumb::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4623,6 +4621,7 @@ tbody.collapse.active {
float: left;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd;
@ -4651,7 +4650,7 @@ tbody.collapse.active {
}
.pagination-sm .page-link {
padding: 0.275rem 0.75rem;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
@ -4785,14 +4784,11 @@ a.badge:focus, a.badge:hover {
font-weight: bold;
}
.alert-dismissible {
padding-right: 2.5rem;
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
top: -0.75rem;
right: -1.25rem;
padding: 0.75rem 1.25rem;
color: inherit;
}
@ -4884,6 +4880,7 @@ a.badge:focus, a.badge:hover {
width: 100%;
height: 1rem;
margin-bottom: 1rem;
overflow: hidden;
}
.progress[value] {
@ -4902,35 +4899,19 @@ a.badge:focus, a.badge:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
@ -4943,12 +4924,6 @@ base::-moz-progress-bar,
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
@ -5206,7 +5181,7 @@ base::-moz-progress-bar,
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.list-group-item-success {
@ -5423,11 +5398,11 @@ button.close {
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -5486,8 +5461,8 @@ button.close {
}
.modal-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5512,8 +5487,8 @@ button.close {
}
.modal-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5527,7 +5502,7 @@ button.close {
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
max-width: 500px;
margin: 30px auto;
}
.modal-sm {
@ -5537,7 +5512,7 @@ button.close {
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
max-width: 800px;
}
}
@ -5817,9 +5792,9 @@ button.close {
.carousel-inner > .carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-webkit-transition: left 0.6s ease-in-out;
-o-transition: left 0.6s ease-in-out;
transition: left 0.6s ease-in-out;
}
.carousel-inner > .carousel-item > img,
@ -5829,11 +5804,11 @@ button.close {
@media (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -5858,11 +5833,11 @@ button.close {
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6142,6 +6117,26 @@ a.bg-inverse:focus, a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 0.25rem;
}
@ -6170,9 +6165,13 @@ a.bg-inverse:focus, a.bg-inverse:hover {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0;
}
.clearfix::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -6207,7 +6206,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
display: flex !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
@ -6234,7 +6233,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
@ -6261,7 +6260,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
@ -6288,7 +6287,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
@ -6327,7 +6326,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
float: none !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
@ -6339,7 +6338,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
@ -6351,7 +6350,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
@ -6363,7 +6362,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
@ -6403,6 +6402,14 @@ a.bg-inverse:focus, a.bg-inverse:hover {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
@ -6768,7 +6775,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
padding-bottom: 3rem !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important;
}
@ -6794,7 +6801,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-1 {
margin: 0.25rem 0.25rem !important;
}
@ -6820,7 +6827,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-2 {
margin: 0.5rem 0.5rem !important;
}
@ -6846,7 +6853,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-3 {
margin: 1rem 1rem !important;
}
@ -6872,7 +6879,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-4 {
margin: 1.5rem 1.5rem !important;
}
@ -6898,7 +6905,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-5 {
margin: 3rem 3rem !important;
}
@ -6924,7 +6931,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-0 {
padding: 0 0 !important;
}
@ -6950,7 +6957,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-1 {
padding: 0.25rem 0.25rem !important;
}
@ -6976,7 +6983,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7002,7 +7009,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-3 {
padding: 1rem 1rem !important;
}
@ -7028,7 +7035,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7054,7 +7061,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-5 {
padding: 3rem 3rem !important;
}
@ -7080,7 +7087,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important;
}
@ -7106,7 +7113,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7132,7 +7139,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7158,7 +7165,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-3 {
margin: 1rem 1rem !important;
}
@ -7184,7 +7191,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7210,7 +7217,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-5 {
margin: 3rem 3rem !important;
}
@ -7236,7 +7243,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-0 {
padding: 0 0 !important;
}
@ -7262,7 +7269,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7288,7 +7295,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7314,7 +7321,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-3 {
padding: 1rem 1rem !important;
}
@ -7340,7 +7347,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7366,7 +7373,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-5 {
padding: 3rem 3rem !important;
}
@ -7392,7 +7399,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important;
}
@ -7418,7 +7425,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7444,7 +7451,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7470,7 +7477,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-3 {
margin: 1rem 1rem !important;
}
@ -7496,7 +7503,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7522,7 +7529,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-5 {
margin: 3rem 3rem !important;
}
@ -7548,7 +7555,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-0 {
padding: 0 0 !important;
}
@ -7574,7 +7581,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7600,7 +7607,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7626,7 +7633,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-3 {
padding: 1rem 1rem !important;
}
@ -7652,7 +7659,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7678,7 +7685,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-5 {
padding: 3rem 3rem !important;
}
@ -7704,7 +7711,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important;
}
@ -7730,7 +7737,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7756,7 +7763,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7782,7 +7789,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-3 {
margin: 1rem 1rem !important;
}
@ -7808,7 +7815,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7834,7 +7841,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-5 {
margin: 3rem 3rem !important;
}
@ -7860,7 +7867,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-0 {
padding: 0 0 !important;
}
@ -7886,7 +7893,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7912,7 +7919,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7938,7 +7945,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-3 {
padding: 1rem 1rem !important;
}
@ -7964,7 +7971,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7990,7 +7997,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-5 {
padding: 3rem 3rem !important;
}
@ -8038,15 +8045,15 @@ a.bg-inverse:focus, a.bg-inverse:hover {
white-space: nowrap;
}
.text-xs-left {
.text-left {
text-align: left !important;
}
.text-xs-right {
.text-right {
text-align: right !important;
}
.text-xs-center {
.text-center {
text-align: center !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
*/
if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery')
throw new Error('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.')
}
+function ($) {
@ -437,7 +437,7 @@ var Button = function ($) {
if (triggerChangeEvent) {
input.checked = !$(this._element).hasClass(ClassName.ACTIVE);
$(this._element).trigger('change');
$(input).trigger('change');
}
input.focus();
@ -624,9 +624,10 @@ var Carousel = function ($) {
// public
Carousel.prototype.next = function next() {
if (!this._isSliding) {
this._slide(Direction.NEXT);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.NEXT);
};
Carousel.prototype.nextWhenVisible = function nextWhenVisible() {
@ -637,9 +638,10 @@ var Carousel = function ($) {
};
Carousel.prototype.prev = function prev() {
if (!this._isSliding) {
this._slide(Direction.PREVIOUS);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.PREVIOUS);
};
Carousel.prototype.pause = function pause(event) {
@ -741,11 +743,10 @@ var Carousel = function ($) {
};
Carousel.prototype._keydown = function _keydown(event) {
event.preventDefault();
if (/input|textarea/i.test(event.target.tagName)) {
return;
}
event.preventDefault();
switch (event.which) {
case ARROW_LEFT_KEYCODE:
@ -852,11 +853,9 @@ var Carousel = function ($) {
$(nextElement).addClass(directionalClassName);
$(activeElement).one(Util.TRANSITION_END, function () {
$(nextElement).removeClass(directionalClassName).removeClass(direction);
$(nextElement).removeClass(directionalClassName + ' ' + direction).addClass(ClassName.ACTIVE);
$(nextElement).addClass(ClassName.ACTIVE);
$(activeElement).removeClass(ClassName.ACTIVE).removeClass(direction).removeClass(directionalClassName);
$(activeElement).removeClass(ClassName.ACTIVE + ' ' + direction + ' ' + directionalClassName);
_this5._isSliding = false;
@ -1083,7 +1082,11 @@ var Collapse = function ($) {
Collapse.prototype.show = function show() {
var _this6 = this;
if (this._isTransitioning || $(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if ($(this._element).hasClass(ClassName.ACTIVE)) {
return;
}
@ -1156,7 +1159,11 @@ var Collapse = function ($) {
Collapse.prototype.hide = function hide() {
var _this7 = this;
if (this._isTransitioning || !$(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if (!$(this._element).hasClass(ClassName.ACTIVE)) {
return;
}
@ -1549,11 +1556,7 @@ var Dropdown = function ($) {
return;
}
var items = $.makeArray($(Selector.VISIBLE_ITEMS));
items = items.filter(function (item) {
return item.offsetWidth || item.offsetHeight;
});
var items = $(parent).find(Selector.VISIBLE_ITEMS).get();
if (!items.length) {
return;
@ -1699,6 +1702,7 @@ var Modal = function ($) {
this._isShown = false;
this._isBodyOverflowing = false;
this._ignoreBackdropClick = false;
this._isTransitioning = false;
this._originalBodyPadding = 0;
this._scrollbarWidth = 0;
}
@ -1714,6 +1718,13 @@ var Modal = function ($) {
Modal.prototype.show = function show(relatedTarget) {
var _this9 = this;
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
}
var showEvent = $.Event(Event.SHOW, {
relatedTarget: relatedTarget
});
@ -1758,8 +1769,16 @@ var Modal = function ($) {
event.preventDefault();
}
var hideEvent = $.Event(Event.HIDE);
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
var transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
if (transition) {
this._isTransitioning = true;
}
var hideEvent = $.Event(Event.HIDE);
$(this._element).trigger(hideEvent);
if (!this._isShown || hideEvent.isDefaultPrevented()) {
@ -1778,8 +1797,7 @@ var Modal = function ($) {
$(this._element).off(Event.CLICK_DISMISS);
$(this._dialog).off(Event.MOUSEDOWN_DISMISS);
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
if (transition) {
$(this._element).one(Util.TRANSITION_END, function (event) {
return _this10._hideModal(event);
}).emulateTransitionEnd(TRANSITION_DURATION);
@ -1791,10 +1809,7 @@ var Modal = function ($) {
Modal.prototype.dispose = function dispose() {
$.removeData(this._element, DATA_KEY);
$(window).off(EVENT_KEY);
$(document).off(EVENT_KEY);
$(this._element).off(EVENT_KEY);
$(this._backdrop).off(EVENT_KEY);
$(window, document, this._element, this._backdrop).off(EVENT_KEY);
this._config = null;
this._element = null;
@ -1847,6 +1862,7 @@ var Modal = function ($) {
if (_this11._config.focus) {
_this11._element.focus();
}
_this11._isTransitioning = false;
$(_this11._element).trigger(shownEvent);
};
@ -1898,7 +1914,8 @@ var Modal = function ($) {
var _this15 = this;
this._element.style.display = 'none';
this._element.setAttribute('aria-hidden', true);
this._element.setAttribute('aria-hidden', 'true');
this._isTransitioning = false;
this._showBackdrop(function () {
$(document.body).removeClass(ClassName.OPEN);
_this15._resetAdjustments();
@ -2093,7 +2110,7 @@ var Modal = function ($) {
var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
if (this.tagName === 'A') {
if (this.tagName === 'A' || this.tagName === 'AREA') {
event.preventDefault();
}
@ -2329,7 +2346,7 @@ var ScrollSpy = function ($) {
return;
}
if (this._activeTarget && scrollTop < this._offsets[0]) {
if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
this._activeTarget = null;
this._clear();
return;
@ -2737,7 +2754,8 @@ var Tooltip = function ($) {
selector: false,
placement: 'top',
offset: '0 0',
constraints: []
constraints: [],
container: false
};
var DefaultType = {
@ -2750,7 +2768,8 @@ var Tooltip = function ($) {
selector: '(string|boolean)',
placement: '(string|function)',
offset: 'string',
constraints: 'array'
constraints: 'array',
container: '(string|element|boolean)'
};
var AttachmentMap = {
@ -2815,6 +2834,7 @@ var Tooltip = function ($) {
this._timeout = 0;
this._hoverState = '';
this._activeTrigger = {};
this._isTransitioning = false;
this._tether = null;
// protected
@ -2877,6 +2897,7 @@ var Tooltip = function ($) {
$.removeData(this.element, this.constructor.DATA_KEY);
$(this.element).off(this.constructor.EVENT_KEY);
$(this.element).closest('.modal').off('hide.bs.modal');
if (this.tip) {
$(this.tip).remove();
@ -2899,9 +2920,12 @@ var Tooltip = function ($) {
if ($(this.element).css('display') === 'none') {
throw new Error('Please use show on visible elements');
}
var showEvent = $.Event(this.constructor.Event.SHOW);
var showEvent = $.Event(this.constructor.Event.SHOW);
if (this.isWithContent() && this._isEnabled) {
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
$(this.element).trigger(showEvent);
var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
@ -2926,7 +2950,9 @@ var Tooltip = function ($) {
var attachment = this._getAttachment(placement);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(document.body);
var container = this.config.container === false ? document.body : $(this.config.container);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(container);
$(this.element).trigger(this.constructor.Event.INSERTED);
@ -2949,6 +2975,7 @@ var Tooltip = function ($) {
var complete = function complete() {
var prevHoverState = _this22._hoverState;
_this22._hoverState = null;
_this22._isTransitioning = false;
$(_this22.element).trigger(_this22.constructor.Event.SHOWN);
@ -2958,6 +2985,7 @@ var Tooltip = function ($) {
};
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
return;
}
@ -2971,6 +2999,9 @@ var Tooltip = function ($) {
var tip = this.getTipElement();
var hideEvent = $.Event(this.constructor.Event.HIDE);
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
var complete = function complete() {
if (_this23._hoverState !== HoverState.ACTIVE && tip.parentNode) {
tip.parentNode.removeChild(tip);
@ -2978,6 +3009,7 @@ var Tooltip = function ($) {
_this23.element.removeAttribute('aria-describedby');
$(_this23.element).trigger(_this23.constructor.Event.HIDDEN);
_this23._isTransitioning = false;
_this23.cleanupTether();
if (callback) {
@ -2994,7 +3026,7 @@ var Tooltip = function ($) {
$(tip).removeClass(ClassName.ACTIVE);
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
} else {
complete();
@ -3018,7 +3050,7 @@ var Tooltip = function ($) {
this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};
@ -3081,6 +3113,10 @@ var Tooltip = function ($) {
return _this24._leave(event);
});
}
$(_this24.element).closest('.modal').on('hide.bs.modal', function () {
return _this24.hide();
});
});
if (this.config.selector) {
@ -3377,7 +3413,7 @@ var Popover = function ($) {
this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
this.setElementContent($tip.find(Selector.CONTENT), this._getContent());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};

File diff suppressed because one or more lines are too long

View File

@ -1,13 +1,3 @@
-
browser: >
Safari
summary: >
Link to container with id and tabindex results in container being ignored by VoiceOver (affects skip links)
upstream_bug: >
WebKit#163658
origin: >
Bootstrap#20732
-
browser: >
Edge
@ -172,11 +162,11 @@
browser: >
Firefox
summary: >
`min-width: 0` has no effect on `<fieldset>`
Layout with floated columns breaks when printing
upstream_bug: >
Mozilla#504622
Mozilla#1315994
origin: >
Bootstrap#12359
Bootstrap#21092
-
browser: >
@ -244,7 +234,7 @@
summary: >
`table-cell` borders not overlapping despite `margin-right: -1px`
upstream_bug: >
Chromium#534750
Chromium#568691
origin: >
Bootstrap#17438, Bootstrap#14237
@ -298,6 +288,16 @@
origin: >
Bootstrap#17403
-
browser: >
Safari
summary: >
Link to container with id and tabindex results in container being ignored by VoiceOver (affects skip links)
upstream_bug: >
WebKit#163658
origin: >
Bootstrap#20732
-
browser: >
Safari (OS X)
@ -330,16 +330,6 @@
origin: >
Bootstrap#14868
-
browser: >
Safari (iPad)
summary: >
`<select>` menu on iPad causes shifting of hit-testing areas
upstream_bug: >
WebKit#150079, Safari#23082521
origin: >
Bootstrap#14975
-
browser: >
Safari (iOS)
@ -460,6 +450,16 @@
origin: >
Bootstrap#12832
-
browser: >
Safari (iOS)
summary: >
Element which is `position:fixed` disappears after opening a `<select>` menu
upstream_bug: >
WebKit#162362
origin: >
Bootstrap#20759
-
browser: >
Safari (iPad Pro)

View File

@ -128,16 +128,6 @@
origin: >
Bootstrap#19984
-
browser: >
Chrome
summary: >
Implement [sticky positioning](http://html5please.com/#position:sticky) from CSS Positioned Layout Level 3
upstream_bug: >
Chromium#231752
origin: >
Bootstrap#17021
-
browser: >
Safari

View File

@ -1,7 +1,7 @@
<header class="navbar navbar-light navbar-static-top bd-navbar">
<div class="container">
{% comment %}
<nav class="nav navbar-nav float-xs-right">
<nav class="nav navbar-nav float-right">
<div class="nav-item dropdown">
<a class="nav-item nav-link dropdown-toggle" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
v{{ site.current_version }}
@ -27,12 +27,12 @@
<nav>
<div class="clearfix">
<button class="navbar-toggler float-xs-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation"></button>
<button class="navbar-toggler float-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation"></button>
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
Bootstrap
</a>
</div>
<div class="collapse navbar-toggleable-xs" id="bd-main-nav">
<div class="collapse navbar-toggleable" id="bd-main-nav">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>

View File

@ -2,7 +2,7 @@
layout: default
---
<div class="bd-pageheader text-xs-center text-sm-left">
<div class="bd-pageheader text-center text-sm-left">
<div class="container">
<h1>{{ page.title }}</h1>
<p class="lead">

View File

@ -1,56 +1,56 @@
.flex-xs-first {
.flex-first {
order: -1;
}
.flex-xs-last {
.flex-last {
order: 1;
}
.flex-xs-unordered {
.flex-unordered {
order: 0;
}
.flex-items-xs-top {
.flex-items-top {
align-items: flex-start;
}
.flex-items-xs-middle {
.flex-items-middle {
align-items: center;
}
.flex-items-xs-bottom {
.flex-items-bottom {
align-items: flex-end;
}
.flex-xs-top {
.flex-top {
align-self: flex-start;
}
.flex-xs-middle {
.flex-middle {
align-self: center;
}
.flex-xs-bottom {
.flex-bottom {
align-self: flex-end;
}
.flex-items-xs-left {
.flex-items-left {
justify-content: flex-start;
}
.flex-items-xs-center {
.flex-items-center {
justify-content: center;
}
.flex-items-xs-right {
.flex-items-right {
justify-content: flex-end;
}
.flex-items-xs-around {
.flex-items-around {
justify-content: space-around;
}
.flex-items-xs-between {
.flex-items-between {
justify-content: space-between;
}
@ -64,9 +64,6 @@
.flex-sm-unordered {
order: 0;
}
}
@media (min-width: 576px) {
.flex-items-sm-top {
align-items: flex-start;
}
@ -76,9 +73,6 @@
.flex-items-sm-bottom {
align-items: flex-end;
}
}
@media (min-width: 576px) {
.flex-sm-top {
align-self: flex-start;
}
@ -88,9 +82,6 @@
.flex-sm-bottom {
align-self: flex-end;
}
}
@media (min-width: 576px) {
.flex-items-sm-left {
justify-content: flex-start;
}
@ -118,9 +109,6 @@
.flex-md-unordered {
order: 0;
}
}
@media (min-width: 768px) {
.flex-items-md-top {
align-items: flex-start;
}
@ -130,9 +118,6 @@
.flex-items-md-bottom {
align-items: flex-end;
}
}
@media (min-width: 768px) {
.flex-md-top {
align-self: flex-start;
}
@ -142,9 +127,6 @@
.flex-md-bottom {
align-self: flex-end;
}
}
@media (min-width: 768px) {
.flex-items-md-left {
justify-content: flex-start;
}
@ -172,9 +154,6 @@
.flex-lg-unordered {
order: 0;
}
}
@media (min-width: 992px) {
.flex-items-lg-top {
align-items: flex-start;
}
@ -184,9 +163,6 @@
.flex-items-lg-bottom {
align-items: flex-end;
}
}
@media (min-width: 992px) {
.flex-lg-top {
align-self: flex-start;
}
@ -196,9 +172,6 @@
.flex-lg-bottom {
align-self: flex-end;
}
}
@media (min-width: 992px) {
.flex-items-lg-left {
justify-content: flex-start;
}
@ -226,9 +199,6 @@
.flex-xl-unordered {
order: 0;
}
}
@media (min-width: 1200px) {
.flex-items-xl-top {
align-items: flex-start;
}
@ -238,9 +208,6 @@
.flex-items-xl-bottom {
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.flex-xl-top {
align-self: flex-start;
}
@ -250,9 +217,6 @@
.flex-xl-bottom {
align-self: flex-end;
}
}
@media (min-width: 1200px) {
.flex-items-xl-left {
justify-content: flex-start;
}
@ -403,7 +367,18 @@
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
position: relative;
min-height: 1px;
width: 100%;
@ -412,40 +387,40 @@
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
.col-xs {
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
.col-auto {
flex: 0 0 auto;
width: auto;
}

File diff suppressed because one or more lines are too long

View File

@ -262,7 +262,7 @@
margin-left: -1px;
}
.bd-featured-sites .col-xs-6 {
.bd-featured-sites .col-6 {
padding: 1px;
}
@ -631,9 +631,9 @@
border: 1px solid rgba(86, 61, 124, 0.2);
}
.bd-example-row .flex-items-xs-top,
.bd-example-row .flex-items-xs-middle,
.bd-example-row .flex-items-xs-bottom {
.bd-example-row .flex-items-top,
.bd-example-row .flex-items-middle,
.bd-example-row .flex-items-bottom {
min-height: 6rem;
background-color: rgba(255, 0, 0, 0.1);
}
@ -685,8 +685,8 @@
}
.bd-example::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -910,6 +910,15 @@
margin-bottom: .5rem;
}
.bd-example-border-utils [class^="border-"] {
display: inline-block;
width: 6rem;
height: 6rem;
margin: .25rem;
background-color: #f5f5f5;
border: 1px solid;
}
.highlight {
padding: 1rem;
margin: 1rem -15px;
@ -970,7 +979,7 @@
margin-top: .25rem;
}
.responsive-utilities-test .col-xs-6 {
.responsive-utilities-test .col-6 {
margin-top: .5rem;
margin-bottom: .5rem;
}
@ -985,14 +994,14 @@
border-radius: .25rem;
}
.visible-on .col-xs-6 > .not-visible,
.hidden-on .col-xs-6 > .not-visible {
.visible-on .col-6 > .not-visible,
.hidden-on .col-6 > .not-visible {
color: #999;
border: 1px solid #ddd;
}
.visible-on .col-xs-6 .visible,
.hidden-on .col-xs-6 .visible {
.visible-on .col-6 .visible,
.hidden-on .col-6 .visible {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;

File diff suppressed because one or more lines are too long

View File

@ -23,4 +23,4 @@ License: MIT
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see https://creativecommons.org/licenses/by/3.0/.
*/
!function(a){"use strict";a(function(){a(".tooltip-demo").tooltip({selector:'[data-toggle="tooltip"]',container:"body"}),a('[data-toggle="popover"]').popover(),a(".tooltip-test").tooltip(),a(".popover-test").popover(),a('.bd-example-indeterminate [type="checkbox"]').prop("indeterminate",!0),a('.bd-example [href="#"]').click(function(a){a.preventDefault()}),a("#exampleModal").on("show.bs.modal",function(b){var c=a(b.relatedTarget),d=c.data("whatever"),e=a(this);e.find(".modal-title").text("New message to "+d),e.find(".modal-body input").val(d)}),a(".highlight").each(function(){var b='<div class="bd-clipboard"><span class="btn-clipboard" title="Copy to clipboard">Copy</span></div>';a(this).before(b),a(".btn-clipboard").tooltip()});var b=new Clipboard(".btn-clipboard",{target:function(a){return a.parentNode.nextElementSibling}});b.on("success",function(b){a(b.trigger).attr("title","Copied!").tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle"),b.clearSelection()}),b.on("error",function(b){var c=/Mac/i.test(navigator.userAgent)?"Press ⌘ to copy":"Press Ctrl-C to copy";a(b.trigger).attr("title",c).tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle")})})}(jQuery),function(){"use strict";anchors.options.placement="left",anchors.add(".bd-content > h1, .bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5")}();
!function(a){"use strict";a(function(){a(".tooltip-demo").tooltip({selector:'[data-toggle="tooltip"]',container:"body"}),a('[data-toggle="popover"]').popover(),a(".tooltip-test").tooltip(),a(".popover-test").popover(),a('.bd-example-indeterminate [type="checkbox"]').prop("indeterminate",!0),a('.bd-example [href="#"]').click(function(a){a.preventDefault()}),a("#exampleModal").on("show.bs.modal",function(b){var c=a(b.relatedTarget),d=c.data("whatever"),e=a(this);e.find(".modal-title").text("New message to "+d),e.find(".modal-body input").val(d)}),a(".highlight").each(function(){var b='<div class="bd-clipboard"><span class="btn-clipboard" title="Copy to clipboard">Copy</span></div>';a(this).before(b),a(".btn-clipboard").tooltip()});var b=new Clipboard(".btn-clipboard",{target:function(a){return a.parentNode.nextElementSibling}});b.on("success",function(b){a(b.trigger).attr("title","Copied!").tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle"),b.clearSelection()}),b.on("error",function(b){var c=/Mac/i.test(navigator.userAgent)?"⌘":"Ctrl-",d="Press "+c+"C to copy";a(b.trigger).attr("title",d).tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle")})})}(jQuery),function(){"use strict";anchors.options.placement="left",anchors.add(".bd-content > h1, .bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5")}();

View File

@ -73,7 +73,8 @@
})
clipboard.on('error', function (e) {
var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'Press \u2318 to copy' : 'Press Ctrl-C to copy'
var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
var fallbackMsg = 'Press ' + modifierKey + 'C to copy'
$(e.trigger)
.attr('title', fallbackMsg)

View File

@ -19,9 +19,9 @@
}
}
.flex-items-xs-top,
.flex-items-xs-middle,
.flex-items-xs-bottom {
.flex-items-top,
.flex-items-middle,
.flex-items-bottom {
min-height: 6rem;
background-color: rgba(255,0,0,.1);
}
@ -318,6 +318,16 @@
}
}
.bd-example-border-utils {
[class^="border-"] {
display: inline-block;
width: 6rem;
height: 6rem;
margin: .25rem;
background-color: #f5f5f5;
border: 1px solid;
}
}
//
// Code snippets

View File

@ -2,7 +2,7 @@
margin-right: -1px;
margin-left: -1px;
}
.bd-featured-sites .col-xs-6 {
.bd-featured-sites .col-6 {
padding: 1px;
}
.bd-featured-sites .img-fluid {

View File

@ -35,7 +35,7 @@
.responsive-utilities-test {
margin-top: .25rem;
}
.responsive-utilities-test .col-xs-6 {
.responsive-utilities-test .col-6 {
margin-top: .5rem;
margin-bottom: .5rem;
}
@ -50,7 +50,7 @@
}
.visible-on,
.hidden-on {
.col-xs-6 {
.col-6 {
> .not-visible {
color: #999;
border: 1px solid #ddd;
@ -59,7 +59,7 @@
}
.visible-on,
.hidden-on {
.col-xs-6 {
.col-6 {
.visible {
color: #468847;
background-color: #dff0d8;

View File

@ -151,13 +151,13 @@ You can quickly change the text alignment of any card—in its entirety or speci
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card card-block text-xs-center">
<div class="card card-block text-center">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card card-block text-xs-right">
<div class="card card-block text-right">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
@ -209,7 +209,7 @@ Card headers can be styled by adding `.card-header` to `<h*>` elements.
{% endexample %}
{% example html %}
<div class="card text-xs-center">
<div class="card text-center">
<div class="card-header">
Featured
</div>
@ -229,7 +229,7 @@ Card headers can be styled by adding `.card-header` to `<h*>` elements.
Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.float-*-*` utility class for proper alignment.
{% example html %}
<div class="card text-xs-center">
<div class="card text-center">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs float-left">
<li class="nav-item">
@ -252,7 +252,7 @@ Use Bootstrap's nav pills or tabs within a card header. Be sure to always includ
{% endexample %}
{% example html %}
<div class="card text-xs-center">
<div class="card text-center">
<div class="card-header">
<ul class="nav nav-pills card-header-pills float-left">
<li class="nav-item">
@ -314,7 +314,7 @@ Turn an image into a card background and overlay your card's text. Depending on
## Inverted text
Cards include a class for quickly toggling **the text color**. By default, cards use dark text and assume a light background. **Add `.card-inverse` for white text** and specify the `background-color` and `border-color` to go with it.
By default, cards use dark text and assume a light background. You can reverse that by toggling the `color` of text within, as well as that of the card's subcomponents, with `.card-inverse`. Then, specify a dark `background-color` and `border-color` to go with it.
You can also use `.card-inverse` with the [contextual backgrounds variants](#background-variants).
@ -333,7 +333,7 @@ You can also use `.card-inverse` with the [contextual backgrounds variants](#bac
Cards include their own variant classes for quickly changing the `background-color` and `border-color` of a card. **Darker colors require the use of `.card-inverse`.**
{% example html %}
<div class="card card-inverse card-primary text-xs-center">
<div class="card card-inverse card-primary text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -341,7 +341,7 @@ Cards include their own variant classes for quickly changing the `background-col
</blockquote>
</div>
</div>
<div class="card card-inverse card-success text-xs-center">
<div class="card card-inverse card-success text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -349,7 +349,7 @@ Cards include their own variant classes for quickly changing the `background-col
</blockquote>
</div>
</div>
<div class="card card-inverse card-info text-xs-center">
<div class="card card-inverse card-info text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -357,7 +357,7 @@ Cards include their own variant classes for quickly changing the `background-col
</blockquote>
</div>
</div>
<div class="card card-inverse card-warning text-xs-center">
<div class="card card-inverse card-warning text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -365,7 +365,7 @@ Cards include their own variant classes for quickly changing the `background-col
</blockquote>
</div>
</div>
<div class="card card-inverse card-danger text-xs-center">
<div class="card card-inverse card-danger text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -383,7 +383,7 @@ Cards include their own variant classes for quickly changing the `background-col
In need of a colored card, but not the hefty background colors they bring? Replace the default modifier classes with the `.card-outline-*` ones to style just the `border-color` of a card.
{% example html %}
<div class="card card-outline-primary text-xs-center">
<div class="card card-outline-primary text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -391,7 +391,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
</blockquote>
</div>
</div>
<div class="card card-outline-secondary text-xs-center">
<div class="card card-outline-secondary text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -399,7 +399,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
</blockquote>
</div>
</div>
<div class="card card-outline-success text-xs-center">
<div class="card card-outline-success text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -407,7 +407,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
</blockquote>
</div>
</div>
<div class="card card-outline-info text-xs-center">
<div class="card card-outline-info text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -415,7 +415,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
</blockquote>
</div>
</div>
<div class="card card-outline-warning text-xs-center">
<div class="card card-outline-warning text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -423,7 +423,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
</blockquote>
</div>
</div>
<div class="card card-outline-danger text-xs-center">
<div class="card card-outline-danger text-center">
<div class="card-block">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -542,7 +542,7 @@ Only applies to small devices and above.
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
<div class="card card-block card-inverse card-primary text-xs-center">
<div class="card card-block card-inverse card-primary text-center">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
<footer>
@ -552,7 +552,7 @@ Only applies to small devices and above.
</footer>
</blockquote>
</div>
<div class="card card-block text-xs-center">
<div class="card card-block text-center">
<h4 class="card-title">Card title</h4>
<p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
@ -560,7 +560,7 @@ Only applies to small devices and above.
<div class="card">
<img class="card-img img-fluid" data-src="holder.js/100px260/" alt="Card image">
</div>
<div class="card card-block text-xs-right">
<div class="card card-block text-right">
<blockquote class="card-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>

View File

@ -152,8 +152,7 @@ Below is a complete list of the specific form controls supported by Bootstrap an
<tr>
<td class="text-nowrap">
{% markdown %}
`.form-check`<br>
`.form-check-inline`
`.form-check`
{% endmarkdown %}
</td>
<td class="text-nowrap">
@ -274,62 +273,54 @@ The `.form-group` class is the easiest way to add some structure to forms. Its o
### Inline forms
Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms behave differently:
Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.
- Controls are `display: inline-block` to provide alignment control via `vertical-align` and `margin`.
- Controls receive `width: auto` to override the Bootstrap default `width: 100%`.
- Controls **only appear inline in viewports that are at least 768px wide** to account for narrow viewports on mobile devices.
- Controls are `display: inline-block` (or `flex` when enabled) to provide alignment control via `vertical-align` and `margin`. Those also means you'll have some HTML character spaces between elements by default.
- Controls and input groups receive `width: auto` to override the Bootstrap default `width: 100%`.
- Controls **only appear inline in viewports that are at least 576px wide** to account for narrow viewports on mobile devices.
Because of this, you may need to manually address the width and alignment of individual form controls. Lastly, as shown below, you should always include a `<label>` with each form control.
#### Visible labels
You may need to manually address the width and alignment of individual form controls with [spacing utilities]({{ site.baseurl }}/utilities/spacing/) (as shown below). Lastly, be sure to always include a `<label>` with each form control, even if you need to hide it from non-screenreader visitors with `.sr-only`.
{% example html %}
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
</div>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>
{% endexample %}
<label class="sr-only" for="inlineFormInput">Name</label>
<input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="inlineFormInput" placeholder="Jane Doe">
#### Hidden labels
<label class="sr-only" for="inlineFormInputGroup">Username</label>
<div class="input-group mb-2 mr-sm-2 mb-sm-0">
<div class="input-group-addon">@</div>
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">
</div>
{% example html %}
<form class="form-inline">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail3">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail3" placeholder="Enter email">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword3">Password</label>
<input type="password" class="form-control" id="exampleInputPassword3" placeholder="Password">
</div>
<div class="form-check">
<div class="form-check mb-2 mr-sm-2 mb-sm-0">
<label class="form-check-label">
<input class="form-check-input" type="checkbox"> Remember me
</label>
</div>
<button type="submit" class="btn btn-primary">Sign in</button>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endexample %}
Custom form controls and selects are also supported.
{% example html %}
<form class="form-inline">
<div class="form-group">
<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
<div class="input-group">
<div class="input-group-addon">$</div>
<input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
<div class="input-group-addon">.00</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Transfer cash</button>
<label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
<select class="custom-select mb-2 mr-sm-2 mb-sm-0" id="inlineFormCustomSelect">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Remember my preference</span>
</label>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endexample %}
@ -471,30 +462,42 @@ By default, any number of checkboxes and radios that are immediate sibling will
### Inline
Groups of checkboxes or radios that appear on the same horizontal row are similar to their stacked counterparts, but require different HTML and a single class. To switch from stacked to inline, drop the surrounding `<div>`, add `.form-check-inline` to the `<label>`, and keep the `.form-check-input` on the `<input>`.
Group checkboxes or radios on the same horizontal row by adding `.form-check-inline` to any `.form-check`.
{% example html %}
<label class="form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
</div>
<div class="form-check form-check-inline disabled">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled> 3
</label>
</div>
{% endexample %}
{% example html %}
<label class="form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
<label class="form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
<label class="form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
</label>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
</div>
<div class="form-check form-check-inline disabled">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled> 3
</label>
</div>
{% endexample %}
### Without labels

View File

@ -46,19 +46,19 @@ Add badges to any list group item to show unread counts, activity, etc.
</ul>
{% endexample %}
When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-xs-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges.
When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges.
{% highlight html %}
<ul class="list-group">
<li class="list-group-item flex-items-xs-between">
<li class="list-group-item flex-items-between">
Cras justo odio
<span class="badge badge-default badge-pill">14</span>
</li>
<li class="list-group-item flex-items-xs-between">
<li class="list-group-item flex-items-between">
Dapibus ac facilisis in
<span class="badge badge-default badge-pill">2</span>
</li>
<li class="list-group-item flex-items-xs-between">
<li class="list-group-item flex-items-between">
Morbi leo risus
<span class="badge badge-default badge-pill">1</span>
</li>

View File

@ -29,7 +29,7 @@ Be sure not to open a modal while another is still visible. Showing more than on
{% callout warning %}
#### Modal markup placement
Always try to place a modal's HTML code in a top-level position in your document to avoid other components affecting the modal's appearance and/or functionality.
Always try to place a modal's HTML code in a top-level position in your document to avoid other components affecting the modal's appearance and/or functionality. Placing it within a `position: fixed;` element may adversely affect placement.
{% endcallout %}
{% callout warning %}

View File

@ -44,7 +44,7 @@ Here's an example of all the sub-components included in a default, non-responsiv
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link disabled" href="#">Disabled</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="supportedContentDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
@ -118,7 +118,7 @@ Active states—with `.active`—to indicate the current page can be applied dir
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</nav>
@ -132,7 +132,7 @@ And because we use classes for our navs, you can avoid the list-based approach e
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">Features</a>
<a class="nav-item nav-link" href="#">Pricing</a>
<a class="nav-item nav-link" href="#">About</a>
<a class="nav-item nav-link disabled" href="#">Disabled</a>
</div>
</nav>
{% endexample %}

View File

@ -282,7 +282,7 @@ And pills, too:
Using our [flexbox utilities]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), you can also customize your navigation components to change the alignment of nav items. For example, here are center aligned links on the inline nav component.
{% example html %}
<ul class="nav nav-inline d-flex flex-items-xs-center">
<ul class="nav nav-inline d-flex flex-items-center">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>

View File

@ -18,19 +18,19 @@ To caption a progress bar, simply add a `<div>` with your caption text, [align t
{% example html %}
<div class="text-xs-center" id="example-caption-1">Reticulating splines&hellip; 0%</div>
<div class="text-center" id="example-caption-1">Reticulating splines&hellip; 0%</div>
<progress class="progress" value="0" max="100" aria-describedby="example-caption-1"></progress>
<div class="text-xs-center" id="example-caption-2">Reticulating splines&hellip; 25%</div>
<div class="text-center" id="example-caption-2">Reticulating splines&hellip; 25%</div>
<progress class="progress" value="25" max="100" aria-describedby="example-caption-2"></progress>
<div class="text-xs-center" id="example-caption-3">Reticulating splines&hellip; 50%</div>
<div class="text-center" id="example-caption-3">Reticulating splines&hellip; 50%</div>
<progress class="progress" value="50" max="100" aria-describedby="example-caption-3"></progress>
<div class="text-xs-center" id="example-caption-4">Reticulating splines&hellip; 75%</div>
<div class="text-center" id="example-caption-4">Reticulating splines&hellip; 75%</div>
<progress class="progress" value="75" max="100" aria-describedby="example-caption-4"></progress>
<div class="text-xs-center" id="example-caption-5">Reticulating splines&hellip; 100%</div>
<div class="text-center" id="example-caption-5">Reticulating splines&hellip; 100%</div>
<progress class="progress" value="100" max="100" aria-describedby="example-caption-5"></progress>
{% endexample %}
@ -39,7 +39,7 @@ To caption a progress bar, simply add a `<div>` with your caption text, [align t
Internet Explorer 9 doesn't support the HTML5 `<progress>` element, but we can work around that.
{% example html %}
<div class="text-xs-center" id="example-caption-6">Reticulating splines&hellip; 25%</div>
<div class="text-center" id="example-caption-6">Reticulating splines&hellip; 25%</div>
<progress class="progress" value="25" max="100" aria-describedby="example-caption-6">
<div class="progress">
<span class="progress-bar" style="width: 25%;"></span>

View File

@ -165,7 +165,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
</tr>
<tr>
<td>container</td>
<td>string | false</td>
<td>string | element | false</td>
<td>false</td>
<td>
<p>Appends the tooltip to a specific element. Example: <code>container: 'body'</code>. This option is particularly useful in that it allows you to position the tooltip in the flow of the document near the triggering element - which will prevent the tooltip from floating away from the triggering element during a window resize.</p>

View File

@ -21,6 +21,6 @@ Aligning the figure's caption is easy with our [text utilities]({{ site.baseurl
{% example html %}
<figure class="figure">
<img data-src="holder.js/400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption text-xs-right">A caption for the above image.</figcaption>
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>
{% endexample %}

View File

@ -65,13 +65,13 @@ Align images with the [helper float classes]({{ site.baseurl }}/utilities/respon
{% endhighlight %}
<div class="bd-example bd-example-images">
<div class="text-xs-center">
<div class="text-center">
<img data-src="holder.js/200x200" class="rounded" alt="A generic square placeholder image with rounded corners">
</div>
</div>
{% highlight html %}
<div class="text-xs-center">
<div class="text-center">
<img src="..." class="rounded" alt="...">
</div>
{% endhighlight %}

View File

@ -442,52 +442,50 @@ Add `.table-sm` to make tables more compact by cutting cell padding in half.
Use contextual classes to color table rows or individual cells.
<div class="table-responsive">
<table class="table table-bordered table-striped">
<colgroup>
<col class="col-1">
<col class="col-7">
</colgroup>
<thead>
<tr>
<th>Class</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<code>.table-active</code>
</th>
<td>Applies the hover color to a particular row or cell</td>
</tr>
<tr>
<th scope="row">
<code>.table-success</code>
</th>
<td>Indicates a successful or positive action</td>
</tr>
<tr>
<th scope="row">
<code>.table-info</code>
</th>
<td>Indicates a neutral informative change or action</td>
</tr>
<tr>
<th scope="row">
<code>.table-warning</code>
</th>
<td>Indicates a warning that might need attention</td>
</tr>
<tr>
<th scope="row">
<code>.table-danger</code>
</th>
<td>Indicates a dangerous or potentially negative action</td>
</tr>
</tbody>
</table>
</div>
<table class="table table-bordered table-striped table-responsive">
<colgroup>
<col class="col-1">
<col class="col-7">
</colgroup>
<thead>
<tr>
<th>Class</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<code>.table-active</code>
</th>
<td>Applies the hover color to a particular row or cell</td>
</tr>
<tr>
<th scope="row">
<code>.table-success</code>
</th>
<td>Indicates a successful or positive action</td>
</tr>
<tr>
<th scope="row">
<code>.table-info</code>
</th>
<td>Indicates a neutral informative change or action</td>
</tr>
<tr>
<th scope="row">
<code>.table-warning</code>
</th>
<td>Indicates a warning that might need attention</td>
</tr>
<tr>
<th scope="row">
<code>.table-danger</code>
</th>
<td>Indicates a dangerous or potentially negative action</td>
</tr>
</tbody>
</table>
<div class="bd-example">
<table class="table">
@ -670,7 +668,7 @@ Regular table background variants are not available with the inverse table, howe
## Responsive tables
Create responsive tables by wrapping any `.table` in `.table-responsive` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.
Create responsive tables by adding `.table-responsive` to any `.table` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.
{% callout warning %}
#### Vertical clipping/truncation
@ -678,118 +676,98 @@ Create responsive tables by wrapping any `.table` in `.table-responsive` to make
Responsive tables make use of `overflow-y: hidden`, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.
{% endcallout %}
{% callout warning %}
#### Firefox and fieldsets
Firefox has some awkward fieldset styling involving `width` that interferes with the responsive table. This cannot be overridden without a Firefox-specific hack that we **don't** provide in Bootstrap:
{% highlight css %}
@-moz-document url-prefix() {
fieldset { display: table-cell; }
}
{% endhighlight %}
For more information, read [this Stack Overflow answer](https://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685).
{% endcallout %}
<div class="bd-example">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</tbody>
</table>
</div>
<table class="table table-responsive">
<thead>
<tr>
<th>#</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</tbody>
</table>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</tbody>
</table>
</div>
<table class="table table-bordered table-responsive">
<thead>
<tr>
<th>#</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</tbody>
</table>
</div>
{% highlight html %}
<div class="table-responsive">
<table class="table">
...
</table>
</div>
<table class="table table-responsive"">
...
</table>
{% endhighlight %}

View File

@ -154,7 +154,7 @@ Change text alignment, transform, style, weight, and color with our [text utilit
## Abbreviations
Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.
Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline from Normalize.css and gain a help cursor to provide additional context on hover and to users of assistive technologies.
Add `.initialism` to an abbreviation for a slightly smaller font-size.

View File

@ -367,7 +367,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {
@ -685,9 +684,9 @@ mark,
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 100%;
height: auto;
}
@ -894,7 +893,18 @@ pre code {
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
position: relative;
min-height: 1px;
width: 100%;
@ -903,34 +913,34 @@ pre code {
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 15px;
padding-left: 15px;
}
}
.col-xs {
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
@ -941,7 +951,7 @@ pre code {
max-width: 100%;
}
.col-xs-auto {
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@ -2223,6 +2233,11 @@ pre code {
width: 100%;
min-height: 0%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.table-reflow thead {
@ -2277,6 +2292,11 @@ pre code {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
@ -2321,7 +2341,7 @@ pre code {
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem - 2px);
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
@ -2445,23 +2465,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-check-inline {
position: relative;
display: inline-block;
padding-left: 1.25rem;
margin-bottom: 0;
}
.form-check-inline .form-check-label {
vertical-align: middle;
cursor: pointer;
}
.form-check-inline + .form-check-inline {
margin-left: .75rem;
}
.form-check-inline.disabled {
color: #636c72;
cursor: not-allowed;
}
.form-control-feedback {
margin-top: 0.25rem;
}
@ -2471,16 +2485,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right 0.625rem;
-webkit-background-size: 1.25rem 1.25rem;
background-size: 1.25rem 1.25rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
color: #5cb85c;
}
@ -2503,7 +2516,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
color: #f0ad4e;
}
@ -2526,7 +2538,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
color: #d9534f;
}
@ -2545,11 +2556,49 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline .form-group {
display: inline-block;
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
@ -2560,27 +2609,28 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
width: auto;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check-label {
padding-left: 0;
@ -2589,6 +2639,27 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
position: relative;
margin-left: 0;
}
.form-inline .custom-control {
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: .25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
@ -2610,6 +2681,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -3226,9 +3300,9 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.active {
@ -3255,15 +3329,9 @@ tbody.collapse.active {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.dropup,
@ -3336,7 +3404,7 @@ tbody.collapse.active {
.dropdown-item:focus, .dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
@ -3446,8 +3514,8 @@ tbody.collapse.active {
}
.btn-toolbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3547,8 +3615,8 @@ tbody.collapse.active {
}
.btn-group-vertical > .btn-group::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3855,7 +3923,7 @@ tbody.collapse.active {
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.5rem - 2px);
height: calc(2.25rem - 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #464a4c;
@ -3994,8 +4062,8 @@ tbody.collapse.active {
}
.nav-tabs::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4042,8 +4110,8 @@ tbody.collapse.active {
}
.nav-pills::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4109,8 +4177,8 @@ tbody.collapse.active {
}
.navbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4217,149 +4285,6 @@ tbody.collapse.active {
text-decoration: none;
}
.navbar-toggleable-xs::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xs .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xs .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
display: block;
}
}
.navbar-toggleable-sm::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
display: block;
}
}
.navbar-toggleable-md::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
display: block;
}
}
.navbar-toggleable-lg::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block;
}
}
.navbar-toggleable-xl {
display: block;
}
.navbar-toggleable-xl::after {
content: "";
display: table;
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-nav .nav-item {
float: left;
}
@ -4397,6 +4322,10 @@ tbody.collapse.active {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
@ -4442,6 +4371,10 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
@ -4468,32 +4401,60 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.5);
}
.navbar-toggleable-xs::after {
.navbar-toggleable::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-nav .nav-item {
.navbar-toggleable .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
.navbar-toggleable {
display: block !important;
}
}
.navbar-toggleable-sm::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4507,12 +4468,26 @@ tbody.collapse.active {
}
.navbar-toggleable-md::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4525,13 +4500,78 @@ tbody.collapse.active {
}
}
.navbar-toggleable-lg::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block !important;
}
}
.navbar-toggleable-xl {
display: block !important;
}
.navbar-toggleable-xl::after {
display: block;
content: "";
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
.card {
position: relative;
display: block;
margin-bottom: 0.75rem;
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-block {
@ -4572,7 +4612,7 @@ tbody.collapse.active {
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
@ -4582,7 +4622,7 @@ tbody.collapse.active {
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
@ -4682,8 +4722,13 @@ tbody.collapse.active {
border-color: #d9534f;
}
.card-inverse {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
@ -4831,8 +4876,8 @@ tbody.collapse.active {
}
.breadcrumb::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4904,6 +4949,7 @@ tbody.collapse.active {
float: left;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd;
@ -4932,7 +4978,7 @@ tbody.collapse.active {
}
.pagination-sm .page-link {
padding: 0.275rem 0.75rem;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
@ -5066,14 +5112,11 @@ a.badge:focus, a.badge:hover {
font-weight: bold;
}
.alert-dismissible {
padding-right: 2.5rem;
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
top: -0.75rem;
right: -1.25rem;
padding: 0.75rem 1.25rem;
color: inherit;
}
@ -5165,6 +5208,7 @@ a.badge:focus, a.badge:hover {
width: 100%;
height: 1rem;
margin-bottom: 1rem;
overflow: hidden;
}
.progress[value] {
@ -5183,35 +5227,19 @@ a.badge:focus, a.badge:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
@ -5224,12 +5252,6 @@ base::-moz-progress-bar,
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
@ -5509,7 +5531,7 @@ base::-moz-progress-bar,
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.list-group-item-success {
@ -5726,11 +5748,11 @@ button.close {
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -5789,8 +5811,8 @@ button.close {
}
.modal-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5815,8 +5837,8 @@ button.close {
}
.modal-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5830,7 +5852,7 @@ button.close {
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
max-width: 500px;
margin: 30px auto;
}
.modal-sm {
@ -5840,7 +5862,7 @@ button.close {
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
max-width: 800px;
}
}
@ -6120,9 +6142,9 @@ button.close {
.carousel-inner > .carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-webkit-transition: left 0.6s ease-in-out;
-o-transition: left 0.6s ease-in-out;
transition: left 0.6s ease-in-out;
}
.carousel-inner > .carousel-item > img,
@ -6132,11 +6154,11 @@ button.close {
@media (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6161,11 +6183,11 @@ button.close {
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6445,6 +6467,26 @@ a.bg-inverse:focus, a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 0.25rem;
}
@ -6473,9 +6515,13 @@ a.bg-inverse:focus, a.bg-inverse:hover {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0;
}
.clearfix::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -6510,7 +6556,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
display: flex !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
@ -6537,7 +6583,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
@ -6564,7 +6610,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
@ -6591,7 +6637,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
@ -6618,95 +6664,95 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
.flex-xs-first {
.flex-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xs-last {
.flex-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xs-unordered {
.flex-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-xs-top {
.flex-items-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-items-xs-middle {
.flex-items-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-items-xs-bottom {
.flex-items-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-xs-top {
.flex-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-xs-middle {
.flex-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.flex-xs-bottom {
.flex-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-xs-left {
.flex-items-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-xs-center {
.flex-items-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-xs-right {
.flex-items-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-xs-around {
.flex-items-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-xs-between {
.flex-items-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@ -6732,9 +6778,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 576px) {
.flex-items-sm-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6753,9 +6796,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 576px) {
.flex-sm-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6772,9 +6812,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 576px) {
.flex-items-sm-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -6825,9 +6862,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 768px) {
.flex-items-md-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6846,9 +6880,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 768px) {
.flex-md-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6865,9 +6896,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 768px) {
.flex-items-md-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -6918,9 +6946,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 992px) {
.flex-items-lg-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -6939,9 +6964,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 992px) {
.flex-lg-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -6958,9 +6980,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 992px) {
.flex-items-lg-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -7011,9 +7030,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 1200px) {
.flex-items-xl-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
@ -7032,9 +7048,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.flex-xl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
@ -7051,9 +7064,6 @@ a.bg-inverse:focus, a.bg-inverse:hover {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 1200px) {
.flex-items-xl-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
@ -7097,7 +7107,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
float: none !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
@ -7109,7 +7119,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
@ -7121,7 +7131,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
@ -7133,7 +7143,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
@ -7173,6 +7183,14 @@ a.bg-inverse:focus, a.bg-inverse:hover {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
@ -7538,7 +7556,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
padding-bottom: 3rem !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important;
}
@ -7564,7 +7582,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7590,7 +7608,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7616,7 +7634,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-3 {
margin: 1rem 1rem !important;
}
@ -7642,7 +7660,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7668,7 +7686,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-5 {
margin: 3rem 3rem !important;
}
@ -7694,7 +7712,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-0 {
padding: 0 0 !important;
}
@ -7720,7 +7738,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7746,7 +7764,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7772,7 +7790,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-3 {
padding: 1rem 1rem !important;
}
@ -7798,7 +7816,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7824,7 +7842,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-5 {
padding: 3rem 3rem !important;
}
@ -7850,7 +7868,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important;
}
@ -7876,7 +7894,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7902,7 +7920,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7928,7 +7946,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-3 {
margin: 1rem 1rem !important;
}
@ -7954,7 +7972,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7980,7 +7998,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-5 {
margin: 3rem 3rem !important;
}
@ -8006,7 +8024,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-0 {
padding: 0 0 !important;
}
@ -8032,7 +8050,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8058,7 +8076,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8084,7 +8102,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-3 {
padding: 1rem 1rem !important;
}
@ -8110,7 +8128,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8136,7 +8154,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-5 {
padding: 3rem 3rem !important;
}
@ -8162,7 +8180,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important;
}
@ -8188,7 +8206,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-1 {
margin: 0.25rem 0.25rem !important;
}
@ -8214,7 +8232,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-2 {
margin: 0.5rem 0.5rem !important;
}
@ -8240,7 +8258,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-3 {
margin: 1rem 1rem !important;
}
@ -8266,7 +8284,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-4 {
margin: 1.5rem 1.5rem !important;
}
@ -8292,7 +8310,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-5 {
margin: 3rem 3rem !important;
}
@ -8318,7 +8336,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-0 {
padding: 0 0 !important;
}
@ -8344,7 +8362,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8370,7 +8388,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8396,7 +8414,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-3 {
padding: 1rem 1rem !important;
}
@ -8422,7 +8440,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8448,7 +8466,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-5 {
padding: 3rem 3rem !important;
}
@ -8474,7 +8492,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important;
}
@ -8500,7 +8518,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-1 {
margin: 0.25rem 0.25rem !important;
}
@ -8526,7 +8544,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-2 {
margin: 0.5rem 0.5rem !important;
}
@ -8552,7 +8570,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-3 {
margin: 1rem 1rem !important;
}
@ -8578,7 +8596,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-4 {
margin: 1.5rem 1.5rem !important;
}
@ -8604,7 +8622,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-5 {
margin: 3rem 3rem !important;
}
@ -8630,7 +8648,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-0 {
padding: 0 0 !important;
}
@ -8656,7 +8674,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-1 {
padding: 0.25rem 0.25rem !important;
}
@ -8682,7 +8700,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-2 {
padding: 0.5rem 0.5rem !important;
}
@ -8708,7 +8726,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-3 {
padding: 1rem 1rem !important;
}
@ -8734,7 +8752,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-4 {
padding: 1.5rem 1.5rem !important;
}
@ -8760,7 +8778,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-5 {
padding: 3rem 3rem !important;
}
@ -8808,15 +8826,15 @@ a.bg-inverse:focus, a.bg-inverse:hover {
white-space: nowrap;
}
.text-xs-left {
.text-left {
text-align: left !important;
}
.text-xs-right {
.text-right {
text-align: right !important;
}
.text-xs-center {
.text-center {
text-align: center !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,20 @@
@-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
margin-left: auto;
margin-right: auto;
@ -6,8 +23,8 @@
}
.container::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -75,8 +92,8 @@
}
.container-fluid::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -114,8 +131,8 @@
}
.row::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -147,7 +164,18 @@
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
@ -155,28 +183,28 @@
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -290,7 +290,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,2 @@
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{font-size:16px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #636c72}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{font-size:16px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"4EAYA,KACE,YAAA,WACA,YAAA,KACA,qBAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAOF,QAAA,MAAA,OAAA,OAAA,IAAA,QAME,QAAA,MAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,WAAA,OAAA,KAGE,QAAA,MAOF,OACE,OAAA,IAAA,KAQF,GACE,mBAAA,YAAA,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,UAAA,UACA,UAAA,IAWF,EACE,iBAAA,YACA,6BAAA,QAQF,SAAA,QAEE,cAAA,EAQF,YACE,cAAA,KACA,gBAAA,UACA,gBAAA,UAAA,OAOF,EAAA,OAEE,YAAA,QAOF,EAAA,OAEE,YAAA,OAQF,KAAA,IAAA,KAGE,YAAA,UAAA,UACA,UAAA,IAOF,IACE,WAAA,OAOF,KACE,iBAAA,KACA,MAAA,KAOF,MACE,UAAA,IAQF,IAAA,IAEE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,MAAA,MAEE,QAAA,aAOF,sBACE,QAAA,KACA,OAAA,EAOF,IACE,aAAA,KAOF,eACE,SAAA,OAWF,OAAA,MAAA,SAAA,OAAA,SAKE,YAAA,WACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OAAA,MAEE,SAAA,QAQF,OAAA,OAEE,eAAA,KASF,aAAA,cAAA,OAAA,mBAIE,mBAAA,OAOF,gCAAA,+BAAA,gCAAA,yBAIE,aAAA,KACA,QAAA,EAOF,6BAAA,4BAAA,6BAAA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,OAAA,IAAA,MAAA,OACA,OAAA,EAAA,IACA,QAAA,MAAA,OAAA,MAUF,OACE,mBAAA,WAAA,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAQF,SACE,QAAA,aACA,eAAA,SAOF,SACE,SAAA,KCrKF,gBAAA,aD+KE,mBAAA,WAAA,WAAA,WACA,QAAA,EC1KF,yCAAA,yCDmLE,OAAA,KC9KF,cDuLE,mBAAA,UACA,eAAA,KCnLF,4CAAA,yCD4LE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAWF,QAAA,KAEE,QAAA,MAOF,QACE,QAAA,UAUF,OACE,QAAA,aAOF,SACE,QAAA,KCnNF,SD8NE,QAAA,KEtbF,KACE,mBAAA,WAAA,WAAA,WAGF,EAAA,QAAA,SAGE,mBAAA,QAAA,WAAA,QAoBA,cAAgB,MAAA,aAQlB,KAEE,UAAA,KAOA,mBAAA,UAEA,4BAAA,YAGF,KAEE,YAAA,cAAA,mBAAA,WAAA,OC2JiH,iBD3JjH,MAAA,WACA,UAAA,KACA,YAAA,IACA,YAAA,IAEA,MAAA,QAEA,iBAAA,KD+LF,sBCtLE,QAAA,YAYF,GAAI,GAAI,GAAI,GAAI,GAAI,GAClB,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KAIF,0BAAA,YAGE,OAAA,KACA,cAAA,IAAA,OAAA,QAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QAGF,GAAA,GAAA,GAGE,WAAA,EACA,cAAA,KAGF,MAAA,MAAA,MAAA,MAIE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAQF,EACE,MAAA,QACA,gBAAA,KAFF,QAAS,QAKL,MAAA,QACA,gBAAA,UANJ,QE1JE,QAAA,IAAA,KAAA,yBACA,eAAA,KF6KF,8BACE,MAAA,QACA,gBAAA,KAFF,oCAAqC,oCAKjC,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EASJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAGE,OAAA,EAAA,EAAA,KAQF,IAGE,eAAA,OD2IF,cC9HE,OAAA,QAcF,cAAA,EAAA,KAAA,OAAA,MAAA,MAAA,OAAA,QAAA,SASE,iBAAA,aAAA,aAAA,aAQF,MAEE,gBAAA,SAEA,iBAAA,YAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAEE,WAAA,KAQF,MAEE,QAAA,aACA,cAAA,MAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBAGF,OAAA,MAAA,OAAA,SAME,YAAA,QAGF,8BAAA,2BAMI,OAAA,YAKJ,iBAAA,iBAAA,2BAAA,kBASE,mBAAA,QAGF,SAEE,OAAA,SAGF,SAIE,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAGF,OAEE,QAAA,MACA,MAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QAGF,mBAKE,mBAAA,KAIF,OACE,QAAA,aD6EF,SCrEE,QAAA"}
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"4EAYA,KACE,YAAA,WACA,YAAA,KACA,qBAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAOF,QAAA,MAAA,OAAA,OAAA,IAAA,QAME,QAAA,MAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,WAAA,OAAA,KAGE,QAAA,MAOF,OACE,OAAA,IAAA,KAQF,GACE,mBAAA,YAAA,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,UAAA,UACA,UAAA,IAWF,EACE,iBAAA,YACA,6BAAA,QAQF,SAAA,QAEE,cAAA,EAQF,YACE,cAAA,KACA,gBAAA,UACA,gBAAA,UAAA,OAOF,EAAA,OAEE,YAAA,QAOF,EAAA,OAEE,YAAA,OAQF,KAAA,IAAA,KAGE,YAAA,UAAA,UACA,UAAA,IAOF,IACE,WAAA,OAOF,KACE,iBAAA,KACA,MAAA,KAOF,MACE,UAAA,IAQF,IAAA,IAEE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,MAAA,MAEE,QAAA,aAOF,sBACE,QAAA,KACA,OAAA,EAOF,IACE,aAAA,KAOF,eACE,SAAA,OAWF,OAAA,MAAA,SAAA,OAAA,SAKE,YAAA,WACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OAAA,MAEE,SAAA,QAQF,OAAA,OAEE,eAAA,KASF,aAAA,cAAA,OAAA,mBAIE,mBAAA,OAOF,gCAAA,+BAAA,gCAAA,yBAIE,aAAA,KACA,QAAA,EAOF,6BAAA,4BAAA,6BAAA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,OAAA,IAAA,MAAA,OACA,OAAA,EAAA,IACA,QAAA,MAAA,OAAA,MAUF,OACE,mBAAA,WAAA,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAQF,SACE,QAAA,aACA,eAAA,SAOF,SACE,SAAA,KCrKF,gBAAA,aD+KE,mBAAA,WAAA,WAAA,WACA,QAAA,EC1KF,yCAAA,yCDmLE,OAAA,KC9KF,cDuLE,mBAAA,UACA,eAAA,KCnLF,4CAAA,yCD4LE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAWF,QAAA,KAEE,QAAA,MAOF,QACE,QAAA,UAUF,OACE,QAAA,aAOF,SACE,QAAA,KCnNF,SD8NE,QAAA,KEtbF,KACE,mBAAA,WAAA,WAAA,WAGF,EAAA,QAAA,SAGE,mBAAA,QAAA,WAAA,QAoBA,cAAgB,MAAA,aAQlB,KAEE,UAAA,KAQA,mBAAA,UAEA,4BAAA,YAGF,KAEE,YAAA,cAAA,mBAAA,WAAA,OC0JiH,iBD1JjH,MAAA,WACA,UAAA,KACA,YAAA,IACA,YAAA,IAEA,MAAA,QAEA,iBAAA,KD8LF,sBCrLE,QAAA,YAYF,GAAI,GAAI,GAAI,GAAI,GAAI,GAClB,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KAIF,0BAAA,YAGE,OAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QAGF,GAAA,GAAA,GAGE,WAAA,EACA,cAAA,KAGF,MAAA,MAAA,MAAA,MAIE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAQF,EACE,MAAA,QACA,gBAAA,KAFF,QAAS,QAKL,MAAA,QACA,gBAAA,UANJ,QE1JE,QAAA,IAAA,KAAA,yBACA,eAAA,KF6KF,8BACE,MAAA,QACA,gBAAA,KAFF,oCAAqC,oCAKjC,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EASJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAGE,OAAA,EAAA,EAAA,KAQF,IAGE,eAAA,OD0IF,cC7HE,OAAA,QAcF,cAAA,EAAA,KAAA,OAAA,MAAA,MAAA,OAAA,QAAA,SASE,iBAAA,aAAA,aAAA,aAQF,MAEE,gBAAA,SAEA,iBAAA,YAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAEE,WAAA,KAQF,MAEE,QAAA,aACA,cAAA,MAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBAGF,OAAA,MAAA,OAAA,SAME,YAAA,QAGF,8BAAA,2BAMI,OAAA,YAKJ,iBAAA,iBAAA,2BAAA,kBASE,mBAAA,QAGF,SAEE,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAGF,OAEE,QAAA,MACA,MAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QAGF,mBAKE,mBAAA,KAIF,OACE,QAAA,aD0EF,SClEE,QAAA"}

View File

@ -367,7 +367,6 @@ p {
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #636c72;
}
address {
@ -689,9 +688,9 @@ dl.row > dd + dt {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
max-width: 100%;
height: auto;
}
@ -768,8 +767,8 @@ pre code {
}
.container::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -837,8 +836,8 @@ pre code {
}
.container-fluid::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -876,8 +875,8 @@ pre code {
}
.row::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -909,7 +908,18 @@ pre code {
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
@ -917,28 +927,28 @@ pre code {
}
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
@ -1970,6 +1980,11 @@ pre code {
width: 100%;
min-height: 0%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.table-reflow thead {
@ -2024,6 +2039,11 @@ pre code {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
@ -2068,7 +2088,7 @@ pre code {
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem - 2px);
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
@ -2192,23 +2212,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-check-inline {
position: relative;
display: inline-block;
padding-left: 1.25rem;
margin-bottom: 0;
}
.form-check-inline .form-check-label {
vertical-align: middle;
cursor: pointer;
}
.form-check-inline + .form-check-inline {
margin-left: .75rem;
}
.form-check-inline.disabled {
color: #636c72;
cursor: not-allowed;
}
.form-control-feedback {
margin-top: 0.25rem;
}
@ -2218,16 +2232,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right 0.625rem;
-webkit-background-size: 1.25rem 1.25rem;
background-size: 1.25rem 1.25rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
color: #5cb85c;
}
@ -2250,7 +2263,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
color: #f0ad4e;
}
@ -2273,7 +2285,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
color: #d9534f;
}
@ -2293,10 +2304,13 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
@media (min-width: 576px) {
.form-inline label {
margin-bottom: 0;
}
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
@ -2307,8 +2321,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
width: auto;
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
@ -2325,9 +2339,10 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
}
.form-inline .form-check {
display: inline-block;
vertical-align: middle;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check-label {
padding-left: 0;
@ -2336,6 +2351,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
position: relative;
margin-left: 0;
}
.form-inline .custom-control {
padding-left: 0;
vertical-align: middle;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
@ -2357,6 +2381,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -2973,9 +3000,9 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.active {
@ -3002,15 +3029,9 @@ tbody.collapse.active {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.dropup,
@ -3083,7 +3104,7 @@ tbody.collapse.active {
.dropdown-item:focus, .dropdown-item:hover {
color: #1d1e1f;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
@ -3193,8 +3214,8 @@ tbody.collapse.active {
}
.btn-toolbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3294,8 +3315,8 @@ tbody.collapse.active {
}
.btn-group-vertical > .btn-group::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3582,7 +3603,7 @@ tbody.collapse.active {
.custom-select {
display: inline-block;
max-width: 100%;
height: calc(2.5rem - 2px);
height: calc(2.25rem - 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #464a4c;
@ -3721,8 +3742,8 @@ tbody.collapse.active {
}
.nav-tabs::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3769,8 +3790,8 @@ tbody.collapse.active {
}
.nav-pills::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3821,8 +3842,8 @@ tbody.collapse.active {
}
.navbar::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -3929,149 +3950,6 @@ tbody.collapse.active {
text-decoration: none;
}
.navbar-toggleable-xs::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xs .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xs .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
display: block;
}
}
.navbar-toggleable-sm::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
display: block;
}
}
.navbar-toggleable-md::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
display: block;
}
}
.navbar-toggleable-lg::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block;
}
}
.navbar-toggleable-xl {
display: block;
}
.navbar-toggleable-xl::after {
content: "";
display: table;
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-nav .nav-item {
float: left;
}
@ -4109,6 +3987,10 @@ tbody.collapse.active {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
@ -4154,6 +4036,10 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
@ -4180,32 +4066,60 @@ tbody.collapse.active {
color: rgba(255, 255, 255, 0.5);
}
.navbar-toggleable-xs::after {
.navbar-toggleable::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 575px) {
.navbar-toggleable-xs .navbar-nav .nav-item {
.navbar-toggleable .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable-xs {
.navbar-toggleable {
display: block !important;
}
}
.navbar-toggleable-sm::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-sm .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4219,12 +4133,26 @@ tbody.collapse.active {
}
.navbar-toggleable-md::after {
display: block;
content: "";
display: table;
clear: both;
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-md .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md .navbar-nav .nav-item {
float: none;
margin-left: 0;
@ -4237,13 +4165,78 @@ tbody.collapse.active {
}
}
.navbar-toggleable-lg::after {
display: block;
content: "";
clear: both;
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-lg .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
display: block !important;
}
}
.navbar-toggleable-xl {
display: block !important;
}
.navbar-toggleable-xl::after {
display: block;
content: "";
clear: both;
}
.navbar-toggleable-xl .navbar-brand {
display: block;
float: none;
margin-top: .5rem;
margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl .navbar-nav .nav-item {
float: none;
margin-left: 0;
}
.card {
position: relative;
display: block;
margin-bottom: 0.75rem;
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-block {
@ -4251,8 +4244,8 @@ tbody.collapse.active {
}
.card-block::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4290,13 +4283,13 @@ tbody.collapse.active {
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4306,13 +4299,13 @@ tbody.collapse.active {
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
background-color: #f7f7f9;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4412,8 +4405,13 @@ tbody.collapse.active {
border-color: #d9534f;
}
.card-inverse {
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
@ -4550,8 +4548,8 @@ tbody.collapse.active {
}
.breadcrumb::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -4623,6 +4621,7 @@ tbody.collapse.active {
float: left;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd;
@ -4651,7 +4650,7 @@ tbody.collapse.active {
}
.pagination-sm .page-link {
padding: 0.275rem 0.75rem;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
@ -4785,14 +4784,11 @@ a.badge:focus, a.badge:hover {
font-weight: bold;
}
.alert-dismissible {
padding-right: 2.5rem;
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
top: -0.75rem;
right: -1.25rem;
padding: 0.75rem 1.25rem;
color: inherit;
}
@ -4884,6 +4880,7 @@ a.badge:focus, a.badge:hover {
width: 100%;
height: 1rem;
margin-bottom: 1rem;
overflow: hidden;
}
.progress[value] {
@ -4902,35 +4899,19 @@ a.badge:focus, a.badge:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
@ -4943,12 +4924,6 @@ base::-moz-progress-bar,
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
@ -5206,7 +5181,7 @@ base::-moz-progress-bar,
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
background-color: #f7f7f9;
}
.list-group-item-success {
@ -5423,11 +5398,11 @@ button.close {
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -5486,8 +5461,8 @@ button.close {
}
.modal-header::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5512,8 +5487,8 @@ button.close {
}
.modal-footer::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -5527,7 +5502,7 @@ button.close {
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
max-width: 500px;
margin: 30px auto;
}
.modal-sm {
@ -5537,7 +5512,7 @@ button.close {
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
max-width: 800px;
}
}
@ -5817,9 +5792,9 @@ button.close {
.carousel-inner > .carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-webkit-transition: left 0.6s ease-in-out;
-o-transition: left 0.6s ease-in-out;
transition: left 0.6s ease-in-out;
}
.carousel-inner > .carousel-item > img,
@ -5829,11 +5804,11 @@ button.close {
@media (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -5858,11 +5833,11 @@ button.close {
@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -6142,6 +6117,26 @@ a.bg-inverse:focus, a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 0.25rem;
}
@ -6170,9 +6165,13 @@ a.bg-inverse:focus, a.bg-inverse:hover {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0;
}
.clearfix::after {
display: block;
content: "";
display: table;
clear: both;
}
@ -6207,7 +6206,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
display: flex !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
@ -6234,7 +6233,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
@ -6261,7 +6260,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
@ -6288,7 +6287,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
@ -6327,7 +6326,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
float: none !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
@ -6339,7 +6338,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
@ -6351,7 +6350,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
@ -6363,7 +6362,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
@ -6403,6 +6402,14 @@ a.bg-inverse:focus, a.bg-inverse:hover {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
@ -6768,7 +6775,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
padding-bottom: 3rem !important;
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important;
}
@ -6794,7 +6801,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-1 {
margin: 0.25rem 0.25rem !important;
}
@ -6820,7 +6827,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-2 {
margin: 0.5rem 0.5rem !important;
}
@ -6846,7 +6853,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-3 {
margin: 1rem 1rem !important;
}
@ -6872,7 +6879,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-4 {
margin: 1.5rem 1.5rem !important;
}
@ -6898,7 +6905,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.m-sm-5 {
margin: 3rem 3rem !important;
}
@ -6924,7 +6931,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-0 {
padding: 0 0 !important;
}
@ -6950,7 +6957,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-1 {
padding: 0.25rem 0.25rem !important;
}
@ -6976,7 +6983,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7002,7 +7009,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-3 {
padding: 1rem 1rem !important;
}
@ -7028,7 +7035,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7054,7 +7061,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 576px) and (min-width: 576px) {
@media (min-width: 576px) {
.p-sm-5 {
padding: 3rem 3rem !important;
}
@ -7080,7 +7087,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important;
}
@ -7106,7 +7113,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7132,7 +7139,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7158,7 +7165,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-3 {
margin: 1rem 1rem !important;
}
@ -7184,7 +7191,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7210,7 +7217,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.m-md-5 {
margin: 3rem 3rem !important;
}
@ -7236,7 +7243,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-0 {
padding: 0 0 !important;
}
@ -7262,7 +7269,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7288,7 +7295,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7314,7 +7321,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-3 {
padding: 1rem 1rem !important;
}
@ -7340,7 +7347,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7366,7 +7373,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 768px) and (min-width: 768px) {
@media (min-width: 768px) {
.p-md-5 {
padding: 3rem 3rem !important;
}
@ -7392,7 +7399,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important;
}
@ -7418,7 +7425,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7444,7 +7451,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7470,7 +7477,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-3 {
margin: 1rem 1rem !important;
}
@ -7496,7 +7503,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7522,7 +7529,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.m-lg-5 {
margin: 3rem 3rem !important;
}
@ -7548,7 +7555,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-0 {
padding: 0 0 !important;
}
@ -7574,7 +7581,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7600,7 +7607,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7626,7 +7633,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-3 {
padding: 1rem 1rem !important;
}
@ -7652,7 +7659,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7678,7 +7685,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 992px) and (min-width: 992px) {
@media (min-width: 992px) {
.p-lg-5 {
padding: 3rem 3rem !important;
}
@ -7704,7 +7711,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important;
}
@ -7730,7 +7737,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-1 {
margin: 0.25rem 0.25rem !important;
}
@ -7756,7 +7763,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-2 {
margin: 0.5rem 0.5rem !important;
}
@ -7782,7 +7789,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-3 {
margin: 1rem 1rem !important;
}
@ -7808,7 +7815,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-4 {
margin: 1.5rem 1.5rem !important;
}
@ -7834,7 +7841,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.m-xl-5 {
margin: 3rem 3rem !important;
}
@ -7860,7 +7867,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-0 {
padding: 0 0 !important;
}
@ -7886,7 +7893,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-1 {
padding: 0.25rem 0.25rem !important;
}
@ -7912,7 +7919,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-2 {
padding: 0.5rem 0.5rem !important;
}
@ -7938,7 +7945,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-3 {
padding: 1rem 1rem !important;
}
@ -7964,7 +7971,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-4 {
padding: 1.5rem 1.5rem !important;
}
@ -7990,7 +7997,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
@media (min-width: 1200px) {
.p-xl-5 {
padding: 3rem 3rem !important;
}
@ -8038,15 +8045,15 @@ a.bg-inverse:focus, a.bg-inverse:hover {
white-space: nowrap;
}
.text-xs-left {
.text-left {
text-align: left !important;
}
.text-xs-right {
.text-right {
text-align: right !important;
}
.text-xs-center {
.text-center {
text-align: center !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
*/
if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery')
throw new Error('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.')
}
+function ($) {
@ -437,7 +437,7 @@ var Button = function ($) {
if (triggerChangeEvent) {
input.checked = !$(this._element).hasClass(ClassName.ACTIVE);
$(this._element).trigger('change');
$(input).trigger('change');
}
input.focus();
@ -624,9 +624,10 @@ var Carousel = function ($) {
// public
Carousel.prototype.next = function next() {
if (!this._isSliding) {
this._slide(Direction.NEXT);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.NEXT);
};
Carousel.prototype.nextWhenVisible = function nextWhenVisible() {
@ -637,9 +638,10 @@ var Carousel = function ($) {
};
Carousel.prototype.prev = function prev() {
if (!this._isSliding) {
this._slide(Direction.PREVIOUS);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.PREVIOUS);
};
Carousel.prototype.pause = function pause(event) {
@ -741,11 +743,10 @@ var Carousel = function ($) {
};
Carousel.prototype._keydown = function _keydown(event) {
event.preventDefault();
if (/input|textarea/i.test(event.target.tagName)) {
return;
}
event.preventDefault();
switch (event.which) {
case ARROW_LEFT_KEYCODE:
@ -852,11 +853,9 @@ var Carousel = function ($) {
$(nextElement).addClass(directionalClassName);
$(activeElement).one(Util.TRANSITION_END, function () {
$(nextElement).removeClass(directionalClassName).removeClass(direction);
$(nextElement).removeClass(directionalClassName + ' ' + direction).addClass(ClassName.ACTIVE);
$(nextElement).addClass(ClassName.ACTIVE);
$(activeElement).removeClass(ClassName.ACTIVE).removeClass(direction).removeClass(directionalClassName);
$(activeElement).removeClass(ClassName.ACTIVE + ' ' + direction + ' ' + directionalClassName);
_this5._isSliding = false;
@ -1083,7 +1082,11 @@ var Collapse = function ($) {
Collapse.prototype.show = function show() {
var _this6 = this;
if (this._isTransitioning || $(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if ($(this._element).hasClass(ClassName.ACTIVE)) {
return;
}
@ -1156,7 +1159,11 @@ var Collapse = function ($) {
Collapse.prototype.hide = function hide() {
var _this7 = this;
if (this._isTransitioning || !$(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if (!$(this._element).hasClass(ClassName.ACTIVE)) {
return;
}
@ -1549,11 +1556,7 @@ var Dropdown = function ($) {
return;
}
var items = $.makeArray($(Selector.VISIBLE_ITEMS));
items = items.filter(function (item) {
return item.offsetWidth || item.offsetHeight;
});
var items = $(parent).find(Selector.VISIBLE_ITEMS).get();
if (!items.length) {
return;
@ -1699,6 +1702,7 @@ var Modal = function ($) {
this._isShown = false;
this._isBodyOverflowing = false;
this._ignoreBackdropClick = false;
this._isTransitioning = false;
this._originalBodyPadding = 0;
this._scrollbarWidth = 0;
}
@ -1714,6 +1718,13 @@ var Modal = function ($) {
Modal.prototype.show = function show(relatedTarget) {
var _this9 = this;
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
}
var showEvent = $.Event(Event.SHOW, {
relatedTarget: relatedTarget
});
@ -1758,8 +1769,16 @@ var Modal = function ($) {
event.preventDefault();
}
var hideEvent = $.Event(Event.HIDE);
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
var transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
if (transition) {
this._isTransitioning = true;
}
var hideEvent = $.Event(Event.HIDE);
$(this._element).trigger(hideEvent);
if (!this._isShown || hideEvent.isDefaultPrevented()) {
@ -1778,8 +1797,7 @@ var Modal = function ($) {
$(this._element).off(Event.CLICK_DISMISS);
$(this._dialog).off(Event.MOUSEDOWN_DISMISS);
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
if (transition) {
$(this._element).one(Util.TRANSITION_END, function (event) {
return _this10._hideModal(event);
}).emulateTransitionEnd(TRANSITION_DURATION);
@ -1791,10 +1809,7 @@ var Modal = function ($) {
Modal.prototype.dispose = function dispose() {
$.removeData(this._element, DATA_KEY);
$(window).off(EVENT_KEY);
$(document).off(EVENT_KEY);
$(this._element).off(EVENT_KEY);
$(this._backdrop).off(EVENT_KEY);
$(window, document, this._element, this._backdrop).off(EVENT_KEY);
this._config = null;
this._element = null;
@ -1847,6 +1862,7 @@ var Modal = function ($) {
if (_this11._config.focus) {
_this11._element.focus();
}
_this11._isTransitioning = false;
$(_this11._element).trigger(shownEvent);
};
@ -1898,7 +1914,8 @@ var Modal = function ($) {
var _this15 = this;
this._element.style.display = 'none';
this._element.setAttribute('aria-hidden', true);
this._element.setAttribute('aria-hidden', 'true');
this._isTransitioning = false;
this._showBackdrop(function () {
$(document.body).removeClass(ClassName.OPEN);
_this15._resetAdjustments();
@ -2093,7 +2110,7 @@ var Modal = function ($) {
var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
if (this.tagName === 'A') {
if (this.tagName === 'A' || this.tagName === 'AREA') {
event.preventDefault();
}
@ -2329,7 +2346,7 @@ var ScrollSpy = function ($) {
return;
}
if (this._activeTarget && scrollTop < this._offsets[0]) {
if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
this._activeTarget = null;
this._clear();
return;
@ -2737,7 +2754,8 @@ var Tooltip = function ($) {
selector: false,
placement: 'top',
offset: '0 0',
constraints: []
constraints: [],
container: false
};
var DefaultType = {
@ -2750,7 +2768,8 @@ var Tooltip = function ($) {
selector: '(string|boolean)',
placement: '(string|function)',
offset: 'string',
constraints: 'array'
constraints: 'array',
container: '(string|element|boolean)'
};
var AttachmentMap = {
@ -2815,6 +2834,7 @@ var Tooltip = function ($) {
this._timeout = 0;
this._hoverState = '';
this._activeTrigger = {};
this._isTransitioning = false;
this._tether = null;
// protected
@ -2877,6 +2897,7 @@ var Tooltip = function ($) {
$.removeData(this.element, this.constructor.DATA_KEY);
$(this.element).off(this.constructor.EVENT_KEY);
$(this.element).closest('.modal').off('hide.bs.modal');
if (this.tip) {
$(this.tip).remove();
@ -2899,9 +2920,12 @@ var Tooltip = function ($) {
if ($(this.element).css('display') === 'none') {
throw new Error('Please use show on visible elements');
}
var showEvent = $.Event(this.constructor.Event.SHOW);
var showEvent = $.Event(this.constructor.Event.SHOW);
if (this.isWithContent() && this._isEnabled) {
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
$(this.element).trigger(showEvent);
var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
@ -2926,7 +2950,9 @@ var Tooltip = function ($) {
var attachment = this._getAttachment(placement);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(document.body);
var container = this.config.container === false ? document.body : $(this.config.container);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(container);
$(this.element).trigger(this.constructor.Event.INSERTED);
@ -2949,6 +2975,7 @@ var Tooltip = function ($) {
var complete = function complete() {
var prevHoverState = _this22._hoverState;
_this22._hoverState = null;
_this22._isTransitioning = false;
$(_this22.element).trigger(_this22.constructor.Event.SHOWN);
@ -2958,6 +2985,7 @@ var Tooltip = function ($) {
};
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
return;
}
@ -2971,6 +2999,9 @@ var Tooltip = function ($) {
var tip = this.getTipElement();
var hideEvent = $.Event(this.constructor.Event.HIDE);
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
var complete = function complete() {
if (_this23._hoverState !== HoverState.ACTIVE && tip.parentNode) {
tip.parentNode.removeChild(tip);
@ -2978,6 +3009,7 @@ var Tooltip = function ($) {
_this23.element.removeAttribute('aria-describedby');
$(_this23.element).trigger(_this23.constructor.Event.HIDDEN);
_this23._isTransitioning = false;
_this23.cleanupTether();
if (callback) {
@ -2994,7 +3026,7 @@ var Tooltip = function ($) {
$(tip).removeClass(ClassName.ACTIVE);
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
} else {
complete();
@ -3018,7 +3050,7 @@ var Tooltip = function ($) {
this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};
@ -3081,6 +3113,10 @@ var Tooltip = function ($) {
return _this24._leave(event);
});
}
$(_this24.element).closest('.modal').on('hide.bs.modal', function () {
return _this24.hide();
});
});
if (this.config.selector) {
@ -3377,7 +3413,7 @@ var Popover = function ($) {
this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
this.setElementContent($tip.find(Selector.CONTENT), this._getContent());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};

File diff suppressed because one or more lines are too long

View File

@ -43,7 +43,7 @@
</div>
</div>
<section class="jumbotron text-xs-center">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Album example</h1>
<p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.</p>
@ -103,7 +103,7 @@
<footer class="text-muted">
<div class="container">
<p class="float-xs-right">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>Album example is &copy; Bootstrap, but please download and customize it for yourself!</p>

View File

@ -51,7 +51,7 @@
<div class="carousel-item active">
<img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
<div class="container">
<div class="carousel-caption text-xs-left">
<div class="carousel-caption text-left">
<h1>Example headline.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
@ -71,7 +71,7 @@
<div class="carousel-item">
<img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
<div class="container">
<div class="carousel-caption text-xs-right">
<div class="carousel-caption text-right">
<h1>One more for good measure.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
@ -99,19 +99,19 @@
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<h2>Heading</h2>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<h2>Heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
@ -164,7 +164,7 @@
<!-- FOOTER -->
<footer>
<p class="float-xs-right"><a href="#">Back to top</a></p>
<p class="float-right"><a href="#">Back to top</a></p>
<p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
</footer>

View File

@ -92,7 +92,7 @@
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
<h1>Dashboard</h1>
<section class="row text-xs-center placeholders">
<section class="row text-center placeholders">
<div class="col-6 col-sm-3 placeholder">
<img src="data:image/gif;base64,R0lGODlhAQABAIABAAJ12AAAACwAAAAAAQABAAACAkQBADs=" width="200" height="200" class="img-fluid rounded-circle" alt="Generic placeholder thumbnail">
<h4>Label</h4>

View File

@ -23,7 +23,7 @@
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-xs-right">
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
</li>

View File

@ -23,7 +23,7 @@
<div class="container">
<nav class="navbar navbar-light bg-faded">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
<div class="collapse navbar-toggleable-xs" id="navbar-header">
<div class="collapse navbar-toggleable" id="navbar-header">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
@ -39,7 +39,7 @@
<a class="nav-link" href="#">About</a>
</li>
</ul>
<form class="form-inline float-xs-right">
<form class="form-inline float-right">
<input class="form-control" type="text" placeholder="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>

View File

@ -35,7 +35,7 @@
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-12 col-sm-9">
<p class="float-xs-right hidden-sm-up">
<p class="float-right hidden-sm-up">
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
</p>
<div class="jumbotron">

View File

@ -31,7 +31,7 @@
<nav class="navbar navbar-light navbar-static-top bg-faded">
<div class="container">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-expanded="false" aria-controls="exCollapsingNavbar2" aria-label="Toggle navigation"></button>
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<div class="collapse navbar-toggleable" id="exCollapsingNavbar2">
<a class="navbar-brand" href="#">Sticky footer</a>
<ul class="nav navbar-nav">
<li class="nav-item active">

View File

@ -20,7 +20,7 @@
<body>
<button class="btn btn-secondary float-xs-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
<button class="btn btn-secondary float-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
<button class="btn btn-secondary tooltip-bottom" title="This should be shifted to the right">Shift Right</button>
<button class="btn btn-secondary tooltip-right" title="This should be shifted down">Shift Down</button>
@ -30,7 +30,7 @@
<button class="btn btn-secondary tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button>
<button class="btn btn-secondary tooltip-viewport-right" title="This should be shifted down">Shift Down</button>
<button class="btn btn-secondary float-xs-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button>
<button class="btn btn-secondary float-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button>
<button class="btn btn-secondary tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button>
</div>

View File

@ -16,12 +16,12 @@ group: getting-started
**Download Bootstrap's ready-to-use code to easily drop into your project.** Includes compiled and minified versions of all our CSS bundles (default, flexbox-enabled, grid only, or Reboot only) and JavaScript plugins. Doesn't include documentation or source files.
<a href="{{ site.download.dist }}" class="btn btn-lg btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Bootstrap');">Download Bootstrap</a>
<a href="{{ site.download.dist }}" class="btn btn-lg btn-bs" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Bootstrap');">Download Bootstrap</a>
## Source files
**Want to compile Bootstrap with your project's asset pipeline?** Choose this option to download our source Sass, JavaScript, and documentation files. Requires a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes), and [some setup]({{ site.baseurl }}/getting-started/build-tools/#tooling-setup).
<a href="{{ site.download.source }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
<a href="{{ site.download.source }}" class="btn btn-bs" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
## Bootstrap CDN

View File

@ -9,7 +9,7 @@ Customize Bootstrap 4 with our built-in custom variables file and easily toggle
## Customizing variables
Bootstrap 4 ships with a `_custom.scss` file for easy variable overrides. Copy and paste relevant lines from `_variables.scss` into the custom file and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.**
Bootstrap 4 ships with a `_custom.scss` file for easy overriding of default variables in `/scss/_variables.scss`. Copy and paste relevant lines from there into the `_custom.scss` file, modify the values, and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.**
For example, to change out the `background-color` and `color` for the `<body>`, you'd do the following:

View File

@ -7,7 +7,7 @@ layout: home
<span class="bd-booticon outline">B</span>
<p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
<p class="lead">
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
</p>
<p class="version">Currently v{{ site.current_version }}</p>
{% include ads.html %}
@ -24,7 +24,7 @@ layout: home
<h4>Managed dependencies</h4>
<p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
<p>
<a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
<a class="btn btn-bs" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
</p>
</div>
<div class="col-sm-6 mb-3">
@ -40,7 +40,7 @@ layout: home
<hr class="half-rule mt-0">
<p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs btn-outline">More download options</a>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs">More download options</a>
</div>
</div>
@ -70,7 +70,7 @@ layout: home
<hr class="half-rule mt-0">
<p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
<a href="{{ site.repo }}" class="btn btn-bs btn-outline">View the GitHub project</a>
<a href="{{ site.repo }}" class="btn btn-bs">View the GitHub project</a>
</div>
</div>
@ -82,7 +82,7 @@ layout: home
</p>
<p class="lead">
<a href="{{ site.themes }}" class="btn btn-bs btn-outline">Browse themes</a>
<a href="{{ site.themes }}" class="btn btn-bs">Browse themes</a>
</p>
<img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
@ -107,6 +107,6 @@ layout: home
<hr class="half-rule">
<p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
<a href="{{ site.expo }}" class="btn btn-bs btn-outline">Explore the Expo</a>
<a href="{{ site.expo }}" class="btn btn-bs">Explore the Expo</a>
</div>
</div>

View File

@ -43,21 +43,21 @@ For example, here are two grid layouts that apply to every device and viewport,
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs">
<div class="col">
1 of 2
</div>
<div class="col-xs">
<div class="col">
1 of 2
</div>
</div>
<div class="row">
<div class="col-xs">
<div class="col">
1 of 3
</div>
<div class="col-xs">
<div class="col">
1 of 3
</div>
<div class="col-xs">
<div class="col">
1 of 3
</div>
</div>
@ -73,24 +73,24 @@ Auto-layout for flexbox grid columns also means you can set the width of one col
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs">
<div class="col">
1 of 3
</div>
<div class="col-6">
2 of 3 (wider)
</div>
<div class="col-xs">
<div class="col">
3 of 3
</div>
</div>
<div class="row">
<div class="col-xs">
<div class="col">
1 of 3
</div>
<div class="col-5">
2 of 3 (wider)
</div>
<div class="col-xs">
<div class="col">
3 of 3
</div>
</div>
@ -106,24 +106,24 @@ Using the `col-{breakpoint}-auto` classes, columns can size itself based on the
{% example html %}
<div class="container">
<div class="row flex-items-md-center">
<div class="col-xs col-lg-2">
<div class="col col-lg-2">
1 of 3
</div>
<div class="col-12 col-md-auto">
Variable width content
</div>
<div class="col-xs col-lg-2">
<div class="col col-lg-2">
3 of 3
</div>
</div>
<div class="row">
<div class="col-xs">
<div class="col">
1 of 3
</div>
<div class="col-12 col-md-auto">
Variable width content
</div>
<div class="col-xs col-lg-2">
<div class="col col-lg-2">
3 of 3
</div>
</div>
@ -157,36 +157,36 @@ Use the flexbox alignment utilities to vertically align columns.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-xs-top">
<div class="col-xs">
<div class="row flex-items-top">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
</div>
<div class="row flex-items-xs-middle">
<div class="col-xs">
<div class="row flex-items-middle">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
</div>
<div class="row flex-items-xs-bottom">
<div class="col-xs">
<div class="row flex-items-bottom">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
<div class="col-xs">
<div class="col">
One of three columns
</div>
</div>
@ -198,13 +198,13 @@ Use the flexbox alignment utilities to vertically align columns.
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs flex-xs-top">
<div class="col flex-top">
One of three columns
</div>
<div class="col-xs flex-xs-middle">
<div class="col flex-middle">
One of three columns
</div>
<div class="col-xs flex-xs-bottom">
<div class="col flex-bottom">
One of three columns
</div>
</div>
@ -219,7 +219,7 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-xs-left">
<div class="row flex-items-left">
<div class="col-4">
One of two columns
</div>
@ -227,7 +227,7 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
One of two columns
</div>
</div>
<div class="row flex-items-xs-center">
<div class="row flex-items-center">
<div class="col-4">
One of two columns
</div>
@ -235,7 +235,7 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
One of two columns
</div>
</div>
<div class="row flex-items-xs-right">
<div class="row flex-items-right">
<div class="col-4">
One of two columns
</div>
@ -243,7 +243,7 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
One of two columns
</div>
</div>
<div class="row flex-items-xs-around">
<div class="row flex-items-around">
<div class="col-4">
One of two columns
</div>
@ -251,7 +251,7 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
One of two columns
</div>
</div>
<div class="row flex-items-xs-between">
<div class="row flex-items-between">
<div class="col-4">
One of two columns
</div>
@ -271,13 +271,13 @@ Flexbox utilities for controlling the **visual order** of your content.
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs flex-xs-unordered">
<div class="col flex-unordered">
First, but unordered
</div>
<div class="col-xs flex-xs-last">
<div class="col flex-last">
Second, but last
</div>
<div class="col-xs flex-xs-first">
<div class="col flex-first">
Third, but first
</div>
</div>

View File

@ -22,7 +22,7 @@ At a high level, here's how the grid system works:
- Content should be placed within columns, and only columns may be immediate children of rows.
- Column classes indicate the number of columns you'd like to use out of the possible 12 per row. So if you want three equal-width columns, you'd use `.col-sm-4`.
- Column `width`s are set in percentages, so they're always fluid and sized relative to their parent element.
- Columns have horizontal `padding` to create the gutters between individual columns.
- Columns have horizontal `padding` to create the gutters between individual columns, however, you can remove the `margin` from rows and `padding` from columns with `.no-gutters` on the `.row`.
- There are five grid tiers, one for each [responsive breakpoint]({{ site.baseurl }}/layout/overview/#responsive-breakpoints): extra small, small, medium, large, and extra large.
- Grid tiers are based on minimum widths, meaning they apply to that one tier and all those above it (e.g., `.col-sm-4` applies to small, medium, large, and extra large devices).
- You can use predefined grid classes or Sass mixins for more semantic markup.
@ -62,23 +62,23 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
<thead>
<tr>
<th></th>
<th class="text-xs-center">
<th class="text-center">
Extra small<br>
<small>&lt;576px</small>
</th>
<th class="text-xs-center">
<th class="text-center">
Small<br>
<small>&ge;576px</small>
</th>
<th class="text-xs-center">
<th class="text-center">
Medium<br>
<small>&ge;768px</small>
</th>
<th class="text-xs-center">
<th class="text-center">
Large<br>
<small>&ge;992px</small>
</th>
<th class="text-xs-center">
<th class="text-center">
Extra large<br>
<small>&ge;1200px</small>
</th>
@ -100,7 +100,7 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
</tr>
<tr>
<th class="text-nowrap" scope="row">Class prefix</th>
<td><code>.col-xs-</code></td>
<td><code>.col-</code></td>
<td><code>.col-sm-</code></td>
<td><code>.col-md-</code></td>
<td><code>.col-lg-</code></td>
@ -329,7 +329,7 @@ Using a single set of `.col-md-*` grid classes, you can create a basic grid syst
### Example: Mobile and desktop
Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding `.col-xs-*` and `.col-md-*` to your columns. See the example below for a better idea of how it all works.
Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding `.col-*` and `.col-md-*` to your columns. See the example below for a better idea of how it all works.
<div class="bd-example-row">
{% example html %}
@ -374,6 +374,36 @@ Build on the previous example by creating even more dynamic and powerful layouts
{% endexample %}
</div>
### Example: Remove gutters
The gutters between columns in our default, predefined grid classes can be removed with `.no-gutters`. This removes the negative `margin`s from `.row` and the horizontal `padding` from all immediate children columns.
Here's the source code for creating these styles. Note that column overrides are scoped to only the first children columns and are targeted via [attribute selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors). While this generates a more specific selector, column padding can still be further customized with [spacing utilities]({{ site.baseurl }}/utilities/spacing/).
{% highlight sass %}
.no-gutters {
margin-right: 0;
margin-left: 0;
> .col,
> [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
}
{% endhighlight %}
In practice, here's how it looks. Note you can continue to use this with all other predefined grid classes (including column widths, responsive tiers, reorders, and more).
<div class="bd-example-row">
{% example html %}
<div class="row no-gutters">
<div class="col-12 col-sm-6 col-md-8">.col-12 .col-sm-6 .col-md-8</div>
<div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>
{% endexample %}
</div>
### Example: Column wrapping
If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line.

View File

@ -57,11 +57,11 @@ Since Bootstrap is developed to be mobile first, we use a handful of [media quer
Bootstrap primarily uses the following media query ranges—or breakpoints—in our source Sass files for our layout, grid system, and components.
{% highlight scss %}
// Extra small devices (portrait phones, less than 544px)
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
// Small devices (landscape phones, 544px and up)
@media (min-width: 544px) { ... }
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
@ -93,8 +93,8 @@ Since we write our source CSS in Sass, all our media queries are available via S
We occasionally use media queries that go in the other direction (the given screen size *or smaller*):
{% highlight scss %}
// Extra small devices (portrait phones, less than 544px)
@media (max-width: 543px) { ... }
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }
// Small devices (landscape phones, less than 768px)
@media (max-width: 767px) { ... }
@ -121,11 +121,11 @@ Once again, these media queries are also available via Sass mixins:
We also have media between the breakpoint's minimum and maximum widths for only the given screen size:
{% highlight scss %}
// Extra small devices (portrait phones, less than 544px)
@media (max-width: 543px) { ... }
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }
// Small devices (landscape phones, 544px and up)
@media (min-width: 544px) and (max-width: 767px) { ... }
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

View File

@ -24,7 +24,7 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to
- Switched from [Less](http://lesscss.org/) to [Sass](http://sass-lang.com/) for our source CSS files.
- Switched from `px` to `rem` as our primary CSS unit, though pixels are still used for media queries and grid behavior as viewports are not affected by type size.
- Global font-size increased from `14px` to `16px`.
- Added a new grid tier for ~`480px` and below.
- Added a new grid tier for smaller devices at `576px` and below.
- Replaced the separate optional theme with configurable options via SCSS variables (e.g., `$enable-gradients: true`).
### Grid system
@ -72,6 +72,8 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with
### Images
- Renamed `.img-responsive` to `.img-fluid`.
- Renamed `.img-rounded` to `.rounded`
- Renamed `.img-circle` to `.rounded-circle`
### Tables
@ -119,7 +121,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with
### Grid system
- Added a new `~480px` grid breakpoint, meaning there are now five total tiers.
- Added a new `576px` grid breakpoint as `sm`, meaning there are now five total tiers (`xs`, `sm`, `md`, `lg`, and `xl`).
- Renamed the responsive grid modifier classes from `.col-{breakpoint}-{modifier}-{size}` to `.{modifier}-{breakpoint}-{size}` for simpler grid classes. For example, instead of `.col-md-3.col-md-push-9` it's `col-md-3.push-md-9`.
- Overhauled the grid mixins to merge `make-col` and `make-col-span` into a single `make-col` mixin, thereby ensuring mixins and predefined classes utilize the same float/flex behaviors.
- Added flexbox utility classes for grid system and components.

View File

@ -6,17 +6,32 @@ group: utilities
Use border utilities to quickly style the `border` and `border-radius` of an element. Great for images, buttons, or any other element.
## Border
Add classes to an element to remove all borders or some borders.
<div class="bd-example-border-utils">
{% example html %}
<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>
{% endexample %}
</div>
## Border-radius
Add classes to an element to easily round its corners.
<div class="bd-example bd-example-images">
<img data-src="holder.js/100x100" class="rounded" alt="Example rounded image">
<img data-src="holder.js/100x100" class="rounded-top" alt="Example top rounded image">
<img data-src="holder.js/100x100" class="rounded-right" alt="Example right rounded image">
<img data-src="holder.js/100x100" class="rounded-bottom" alt="Example bottom rounded image">
<img data-src="holder.js/100x100" class="rounded-left" alt="Example left rounded image">
<img data-src="holder.js/100x100" class="rounded-circle" alt="Completely round image">
<img data-src="holder.js/75x75" class="rounded" alt="Example rounded image">
<img data-src="holder.js/75x75" class="rounded-top" alt="Example top rounded image">
<img data-src="holder.js/75x75" class="rounded-right" alt="Example right rounded image">
<img data-src="holder.js/75x75" class="rounded-bottom" alt="Example bottom rounded image">
<img data-src="holder.js/75x75" class="rounded-left" alt="Example left rounded image">
<img data-src="holder.js/75x75" class="rounded-circle" alt="Completely round image">
<img data-src="holder.js/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)">
</div>
{% highlight html %}
@ -26,4 +41,5 @@ Add classes to an element to easily round its corners.
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">
{% endhighlight %}

View File

@ -12,13 +12,10 @@ Easily clear `float`s by adding `.clearfix` **to the parent element**. Utilizes
{% highlight scss %}
// Mixin itself
.clearfix() {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
@mixin clearfix() {
&::after {
display: block;
content: "";
clear: both;
}
}

View File

@ -24,7 +24,7 @@ The `.pos-f-t` class can be used to easily position elements at the top of the v
Easily make an element as wide or as tall as its parent using the `.w-100` and `.h-100` utility classes.
{% example html %}
<img class="w-100" data-src="holder.js/200px100?outline=yes&text=Width%20%3D%20100%25" alt="Width = 100%">
<img class="w-100" data-src="holder.js/200px100?text=Width%20%3D%20100%25" alt="Width 100%">
{% endexample %}
{% example html %}
@ -32,3 +32,15 @@ Easily make an element as wide or as tall as its parent using the `.w-100` and `
<div class="h-100" style="width: 100px; background-color: rgba(0,0,255,0.1);">Full height</div>
</div>
{% endexample %}
You can also use `max-width: 100%;` and `max-height: 100%;` utilities as needed.
{% example html %}
<img class="mw-100" data-src="holder.js/1000px100?text=Max-width%20%3D%20100%25" alt="Max-width 100%">
{% endexample %}
{% example html %}
<div style="height: 100px; background-color: rgba(255,0,0,0.1);">
<div class="mh-100" style="width: 100px; height: 200px; background-color: rgba(0,0,255,0.1);">Max-height 100%</div>
</div>
{% endexample %}

View File

@ -30,9 +30,9 @@ Easily realign text to components with text alignment classes.
For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
{% example html %}
<p class="text-xs-left">Left aligned text on all viewport sizes.</p>
<p class="text-xs-center">Center aligned text on all viewport sizes.</p>
<p class="text-xs-right">Right aligned text on all viewport sizes.</p>
<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>
<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>

2
js/dist/button.js vendored
View File

@ -82,7 +82,7 @@ var Button = function ($) {
if (triggerChangeEvent) {
input.checked = !$(this._element).hasClass(ClassName.ACTIVE);
$(this._element).trigger('change');
$(input).trigger('change');
}
input.focus();

File diff suppressed because one or more lines are too long

19
js/dist/carousel.js vendored
View File

@ -108,9 +108,10 @@ var Carousel = function ($) {
// public
Carousel.prototype.next = function next() {
if (!this._isSliding) {
this._slide(Direction.NEXT);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.NEXT);
};
Carousel.prototype.nextWhenVisible = function nextWhenVisible() {
@ -121,9 +122,10 @@ var Carousel = function ($) {
};
Carousel.prototype.prev = function prev() {
if (!this._isSliding) {
this._slide(Direction.PREVIOUS);
if (this._isSliding) {
throw new Error('Carousel is sliding');
}
this._slide(Direction.PREVIOUS);
};
Carousel.prototype.pause = function pause(event) {
@ -225,11 +227,10 @@ var Carousel = function ($) {
};
Carousel.prototype._keydown = function _keydown(event) {
event.preventDefault();
if (/input|textarea/i.test(event.target.tagName)) {
return;
}
event.preventDefault();
switch (event.which) {
case ARROW_LEFT_KEYCODE:
@ -336,11 +337,9 @@ var Carousel = function ($) {
$(nextElement).addClass(directionalClassName);
$(activeElement).one(Util.TRANSITION_END, function () {
$(nextElement).removeClass(directionalClassName).removeClass(direction);
$(nextElement).removeClass(directionalClassName + ' ' + direction).addClass(ClassName.ACTIVE);
$(nextElement).addClass(ClassName.ACTIVE);
$(activeElement).removeClass(ClassName.ACTIVE).removeClass(direction).removeClass(directionalClassName);
$(activeElement).removeClass(ClassName.ACTIVE + ' ' + direction + ' ' + directionalClassName);
_this3._isSliding = false;

File diff suppressed because one or more lines are too long

12
js/dist/collapse.js vendored
View File

@ -103,7 +103,11 @@ var Collapse = function ($) {
Collapse.prototype.show = function show() {
var _this = this;
if (this._isTransitioning || $(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if ($(this._element).hasClass(ClassName.ACTIVE)) {
return;
}
@ -176,7 +180,11 @@ var Collapse = function ($) {
Collapse.prototype.hide = function hide() {
var _this2 = this;
if (this._isTransitioning || !$(this._element).hasClass(ClassName.ACTIVE)) {
if (this._isTransitioning) {
throw new Error('Collapse is transitioning');
}
if (!$(this._element).hasClass(ClassName.ACTIVE)) {
return;
}

File diff suppressed because one or more lines are too long

6
js/dist/dropdown.js vendored
View File

@ -223,11 +223,7 @@ var Dropdown = function ($) {
return;
}
var items = $.makeArray($(Selector.VISIBLE_ITEMS));
items = items.filter(function (item) {
return item.offsetWidth || item.offsetHeight;
});
var items = $(parent).find(Selector.VISIBLE_ITEMS).get();
if (!items.length) {
return;

File diff suppressed because one or more lines are too long

32
js/dist/modal.js vendored
View File

@ -89,6 +89,7 @@ var Modal = function ($) {
this._isShown = false;
this._isBodyOverflowing = false;
this._ignoreBackdropClick = false;
this._isTransitioning = false;
this._originalBodyPadding = 0;
this._scrollbarWidth = 0;
}
@ -104,6 +105,13 @@ var Modal = function ($) {
Modal.prototype.show = function show(relatedTarget) {
var _this = this;
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
}
var showEvent = $.Event(Event.SHOW, {
relatedTarget: relatedTarget
});
@ -148,8 +156,16 @@ var Modal = function ($) {
event.preventDefault();
}
var hideEvent = $.Event(Event.HIDE);
if (this._isTransitioning) {
throw new Error('Modal is transitioning');
}
var transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
if (transition) {
this._isTransitioning = true;
}
var hideEvent = $.Event(Event.HIDE);
$(this._element).trigger(hideEvent);
if (!this._isShown || hideEvent.isDefaultPrevented()) {
@ -168,8 +184,7 @@ var Modal = function ($) {
$(this._element).off(Event.CLICK_DISMISS);
$(this._dialog).off(Event.MOUSEDOWN_DISMISS);
if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
if (transition) {
$(this._element).one(Util.TRANSITION_END, function (event) {
return _this2._hideModal(event);
}).emulateTransitionEnd(TRANSITION_DURATION);
@ -181,10 +196,7 @@ var Modal = function ($) {
Modal.prototype.dispose = function dispose() {
$.removeData(this._element, DATA_KEY);
$(window).off(EVENT_KEY);
$(document).off(EVENT_KEY);
$(this._element).off(EVENT_KEY);
$(this._backdrop).off(EVENT_KEY);
$(window, document, this._element, this._backdrop).off(EVENT_KEY);
this._config = null;
this._element = null;
@ -237,6 +249,7 @@ var Modal = function ($) {
if (_this3._config.focus) {
_this3._element.focus();
}
_this3._isTransitioning = false;
$(_this3._element).trigger(shownEvent);
};
@ -288,7 +301,8 @@ var Modal = function ($) {
var _this7 = this;
this._element.style.display = 'none';
this._element.setAttribute('aria-hidden', true);
this._element.setAttribute('aria-hidden', 'true');
this._isTransitioning = false;
this._showBackdrop(function () {
$(document.body).removeClass(ClassName.OPEN);
_this7._resetAdjustments();
@ -483,7 +497,7 @@ var Modal = function ($) {
var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
if (this.tagName === 'A') {
if (this.tagName === 'A' || this.tagName === 'AREA') {
event.preventDefault();
}

File diff suppressed because one or more lines are too long

2
js/dist/popover.js vendored
View File

@ -95,7 +95,7 @@ var Popover = function ($) {
this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
this.setElementContent($tip.find(Selector.CONTENT), this._getContent());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};

File diff suppressed because one or more lines are too long

View File

@ -204,7 +204,7 @@ var ScrollSpy = function ($) {
return;
}
if (this._activeTarget && scrollTop < this._offsets[0]) {
if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
this._activeTarget = null;
this._clear();
return;

File diff suppressed because one or more lines are too long

31
js/dist/tooltip.js vendored
View File

@ -45,7 +45,8 @@ var Tooltip = function ($) {
selector: false,
placement: 'top',
offset: '0 0',
constraints: []
constraints: [],
container: false
};
var DefaultType = {
@ -58,7 +59,8 @@ var Tooltip = function ($) {
selector: '(string|boolean)',
placement: '(string|function)',
offset: 'string',
constraints: 'array'
constraints: 'array',
container: '(string|element|boolean)'
};
var AttachmentMap = {
@ -123,6 +125,7 @@ var Tooltip = function ($) {
this._timeout = 0;
this._hoverState = '';
this._activeTrigger = {};
this._isTransitioning = false;
this._tether = null;
// protected
@ -185,6 +188,7 @@ var Tooltip = function ($) {
$.removeData(this.element, this.constructor.DATA_KEY);
$(this.element).off(this.constructor.EVENT_KEY);
$(this.element).closest('.modal').off('hide.bs.modal');
if (this.tip) {
$(this.tip).remove();
@ -207,9 +211,12 @@ var Tooltip = function ($) {
if ($(this.element).css('display') === 'none') {
throw new Error('Please use show on visible elements');
}
var showEvent = $.Event(this.constructor.Event.SHOW);
var showEvent = $.Event(this.constructor.Event.SHOW);
if (this.isWithContent() && this._isEnabled) {
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
$(this.element).trigger(showEvent);
var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
@ -234,7 +241,9 @@ var Tooltip = function ($) {
var attachment = this._getAttachment(placement);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(document.body);
var container = this.config.container === false ? document.body : $(this.config.container);
$(tip).data(this.constructor.DATA_KEY, this).appendTo(container);
$(this.element).trigger(this.constructor.Event.INSERTED);
@ -257,6 +266,7 @@ var Tooltip = function ($) {
var complete = function complete() {
var prevHoverState = _this._hoverState;
_this._hoverState = null;
_this._isTransitioning = false;
$(_this.element).trigger(_this.constructor.Event.SHOWN);
@ -266,6 +276,7 @@ var Tooltip = function ($) {
};
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
return;
}
@ -279,6 +290,9 @@ var Tooltip = function ($) {
var tip = this.getTipElement();
var hideEvent = $.Event(this.constructor.Event.HIDE);
if (this._isTransitioning) {
throw new Error('Tooltip is transitioning');
}
var complete = function complete() {
if (_this2._hoverState !== HoverState.ACTIVE && tip.parentNode) {
tip.parentNode.removeChild(tip);
@ -286,6 +300,7 @@ var Tooltip = function ($) {
_this2.element.removeAttribute('aria-describedby');
$(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
_this2._isTransitioning = false;
_this2.cleanupTether();
if (callback) {
@ -302,7 +317,7 @@ var Tooltip = function ($) {
$(tip).removeClass(ClassName.ACTIVE);
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
this._isTransitioning = true;
$(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
} else {
complete();
@ -326,7 +341,7 @@ var Tooltip = function ($) {
this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
$tip.removeClass(ClassName.FADE).removeClass(ClassName.ACTIVE);
$tip.removeClass(ClassName.FADE + ' ' + ClassName.ACTIVE);
this.cleanupTether();
};
@ -389,6 +404,10 @@ var Tooltip = function ($) {
return _this3._leave(event);
});
}
$(_this3.element).closest('.modal').on('hide.bs.modal', function () {
return _this3.hide();
});
});
if (this.config.selector) {

File diff suppressed because one or more lines are too long

View File

@ -90,7 +90,7 @@ const Button = (($) => {
if (triggerChangeEvent) {
input.checked = !$(this._element).hasClass(ClassName.ACTIVE)
$(this._element).trigger('change')
$(input).trigger('change')
}
input.focus()

Some files were not shown because too many files have changed in this diff Show More