mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 09:52:29 +01:00
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into patch-1
This commit is contained in:
Alexandr Kondrashov
commit
5f316e6dc3
3
.gitignore
vendored
3
.gitignore
vendored
@ -48,6 +48,9 @@ scss-lint-report.xml
|
||||
# grunt-contrib-sass cache
|
||||
.sass-cache
|
||||
|
||||
# Jekyll metadata
|
||||
docs/.jekyll-metadata
|
||||
|
||||
# Folders to ignore
|
||||
bower_components
|
||||
node_modules
|
||||
|
||||
6
.hound.yml
Normal file
6
.hound.yml
Normal file
@ -0,0 +1,6 @@
|
||||
javascript:
|
||||
enabled: false
|
||||
scss:
|
||||
config_file: scss/.scss-lint.yml
|
||||
enabled: true
|
||||
ignore_file: scss/_normalize.scss
|
||||
23
.travis.yml
23
.travis.yml
@ -3,21 +3,27 @@ language: node_js
|
||||
git:
|
||||
depth: 10
|
||||
node_js:
|
||||
- "0.12"
|
||||
- "4"
|
||||
- "5"
|
||||
before_install:
|
||||
- rvm install 2.0.0 && rvm use 2.0.0
|
||||
- rvm install 2.2
|
||||
- rvm use 2.2 --fuzzy
|
||||
- export GEMDIR=$(rvm gemdir)
|
||||
- npm install -g npm@3
|
||||
- "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
|
||||
- cp grunt/npm-shrinkwrap.json ./
|
||||
- npm install -g grunt-cli
|
||||
- npm install
|
||||
cache:
|
||||
directories:
|
||||
- node_modules
|
||||
- vendor/bundle
|
||||
# Caching disabled due to https://github.com/travis-ci/travis-ci/issues/5092
|
||||
#cache:
|
||||
# directories:
|
||||
# - node_modules
|
||||
# - vendor/bundle
|
||||
env:
|
||||
global:
|
||||
- SAUCE_USERNAME="bootstrap"
|
||||
@ -30,6 +36,11 @@ env:
|
||||
- TWBS_TEST=sauce-js-unit
|
||||
matrix:
|
||||
fast_finish: true
|
||||
exclude:
|
||||
- node_js: "4"
|
||||
env: TWBS_TEST=validate-html
|
||||
- node_js: "4"
|
||||
env: TWBS_TEST=sauce-js-unit
|
||||
notifications:
|
||||
slack: heybb:iz4wwosL0N0EdaX1gvgkU0NH
|
||||
webhooks:
|
||||
|
||||
@ -19,14 +19,14 @@ and [submitting pull requests](#pull-requests), but please respect the following
|
||||
restrictions:
|
||||
|
||||
* Please **do not** use the issue tracker for personal support requests. Stack
|
||||
Overflow ([`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3) tag), [Slack](https://bootstrap-slack.herokuapp.com/) or [IRC](README.md#community) are better places to get help.
|
||||
Overflow ([`bootstrap-4`](https://stackoverflow.com/questions/tagged/bootstrap-4) tag), [Slack](https://bootstrap-slack.herokuapp.com/) or [IRC](README.md#community) are better places to get help.
|
||||
|
||||
* Please **do not** derail or troll issues. Keep the discussion on topic and
|
||||
respect the opinions of others.
|
||||
|
||||
* Please **do not** open issues or pull requests regarding the code in
|
||||
[`Normalize`](https://github.com/necolas/normalize.css) (open them in
|
||||
their respective repositories).
|
||||
its repository).
|
||||
* Please **do not** open issues regarding the official themes offered on <http://themes.getbootstrap.com/>. Instead, please email any questions or feedback regarding those themes to `themes AT getbootstrap DOT com`.
|
||||
|
||||
|
||||
@ -67,7 +67,7 @@ Guidelines for bug reports:
|
||||
|
||||
3. **Isolate the problem** — ideally create a [reduced test
|
||||
case](https://css-tricks.com/reduced-test-cases/) and a live example.
|
||||
[This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
|
||||
[This JS Bin](http://jsbin.com/qusafa/edit?html,output) is a helpful template.
|
||||
|
||||
|
||||
A good bug report shouldn't leave others needing to chase you up for more
|
||||
@ -105,7 +105,7 @@ When feasible, we aim to report such upstream bugs to the relevant browser vendo
|
||||
| Mozilla | Firefox | Gecko | https://bugzilla.mozilla.org/enter_bug.cgi | "Core" is normally the right product option to choose. |
|
||||
| Apple | Safari | WebKit | https://bugs.webkit.org/enter_bug.cgi?product=WebKit <br> https://bugreport.apple.com | In Apple's bug reporter, choose "Safari" as the product. |
|
||||
| Google, Opera | Chrome, Chromium, Opera v15+ | Blink | https://code.google.com/p/chromium/issues/list | Click the "New issue" button. |
|
||||
| Microsoft | Internet Explorer | Trident | https://connect.microsoft.com/IE/feedback/LoadSubmitFeedbackForm | |
|
||||
| Microsoft | Internet Explorer / Edge | Trident/EdgeHTML | https://connect.microsoft.com/IE/feedback/LoadSubmitFeedbackForm | |
|
||||
|
||||
### Issues bots
|
||||
|
||||
|
||||
11
Gemfile
11
Gemfile
@ -4,10 +4,9 @@
|
||||
source 'https://rubygems.org'
|
||||
|
||||
group :development, :test do
|
||||
gem 'jekyll', '~> 2.5.3'
|
||||
gem 'jekyll-redirect-from', '~> 0.8.0'
|
||||
gem 'jekyll-sitemap', '~> 0.8.1'
|
||||
gem 'rouge', '~> 1.9.1'
|
||||
gem 'sass', '~> 3.4.18'
|
||||
gem 'scss_lint', '~> 0.41'
|
||||
gem 'jekyll', '~> 3.0.1'
|
||||
gem 'jekyll-redirect-from', '~> 0.9.0'
|
||||
gem 'jekyll-sitemap', '~> 0.9.0'
|
||||
gem 'sass', '~> 3.4.19'
|
||||
gem 'scss_lint', '~> 0.43'
|
||||
end
|
||||
|
||||
76
Gemfile.lock
76
Gemfile.lock
@ -1,86 +1,52 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
blankslate (2.1.2.4)
|
||||
celluloid (0.16.0)
|
||||
timers (~> 4.0.0)
|
||||
classifier-reborn (2.0.3)
|
||||
fast-stemmer (~> 1.0)
|
||||
coffee-script (2.4.1)
|
||||
coffee-script-source
|
||||
execjs
|
||||
coffee-script-source (1.9.1.1)
|
||||
colorator (0.1)
|
||||
execjs (2.6.0)
|
||||
fast-stemmer (1.0.2)
|
||||
ffi (1.9.10)
|
||||
hitimes (1.2.2)
|
||||
jekyll (2.5.3)
|
||||
classifier-reborn (~> 2.0)
|
||||
ffi (1.9.10-x64-mingw32)
|
||||
jekyll (3.0.1)
|
||||
colorator (~> 0.1)
|
||||
jekyll-coffeescript (~> 1.0)
|
||||
jekyll-gist (~> 1.0)
|
||||
jekyll-paginate (~> 1.0)
|
||||
jekyll-sass-converter (~> 1.0)
|
||||
jekyll-watch (~> 1.1)
|
||||
kramdown (~> 1.3)
|
||||
liquid (~> 2.6.1)
|
||||
liquid (~> 3.0)
|
||||
mercenary (~> 0.3.3)
|
||||
pygments.rb (~> 0.6.0)
|
||||
redcarpet (~> 3.1)
|
||||
rouge (~> 1.7)
|
||||
safe_yaml (~> 1.0)
|
||||
toml (~> 0.1.0)
|
||||
jekyll-coffeescript (1.0.1)
|
||||
coffee-script (~> 2.2)
|
||||
jekyll-gist (1.3.4)
|
||||
jekyll-paginate (1.1.0)
|
||||
jekyll-redirect-from (0.8.0)
|
||||
jekyll-redirect-from (0.9.0)
|
||||
jekyll (>= 2.0)
|
||||
jekyll-sass-converter (1.3.0)
|
||||
sass (~> 3.2)
|
||||
jekyll-sitemap (0.8.1)
|
||||
jekyll-watch (1.2.1)
|
||||
listen (~> 2.7)
|
||||
kramdown (1.8.0)
|
||||
liquid (2.6.3)
|
||||
listen (2.10.1)
|
||||
celluloid (~> 0.16.0)
|
||||
jekyll-sitemap (0.9.0)
|
||||
jekyll-watch (1.3.0)
|
||||
listen (~> 3.0)
|
||||
kramdown (1.9.0)
|
||||
liquid (3.0.6)
|
||||
listen (3.0.5)
|
||||
rb-fsevent (>= 0.9.3)
|
||||
rb-inotify (>= 0.9)
|
||||
mercenary (0.3.5)
|
||||
parslet (1.5.0)
|
||||
blankslate (~> 2.0)
|
||||
posix-spawn (0.3.11)
|
||||
pygments.rb (0.6.3)
|
||||
posix-spawn (~> 0.3.6)
|
||||
yajl-ruby (~> 1.2.0)
|
||||
rainbow (2.0.0)
|
||||
rb-fsevent (0.9.5)
|
||||
rb-fsevent (0.9.6)
|
||||
rb-inotify (0.9.5)
|
||||
ffi (>= 0.5.0)
|
||||
redcarpet (3.3.2)
|
||||
rouge (1.9.1)
|
||||
rouge (1.10.1)
|
||||
safe_yaml (1.0.4)
|
||||
sass (3.4.18)
|
||||
scss_lint (0.41.0)
|
||||
sass (3.4.19)
|
||||
scss_lint (0.43.2)
|
||||
rainbow (~> 2.0)
|
||||
sass (~> 3.4.15)
|
||||
timers (4.0.4)
|
||||
hitimes
|
||||
toml (0.1.2)
|
||||
parslet (~> 1.5.0)
|
||||
yajl-ruby (1.2.1)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
x64-mingw32
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll (~> 2.5.3)
|
||||
jekyll-redirect-from (~> 0.8.0)
|
||||
jekyll-sitemap (~> 0.8.1)
|
||||
rouge (~> 1.9.1)
|
||||
sass (~> 3.4.18)
|
||||
scss_lint (~> 0.41)
|
||||
jekyll (~> 3.0.1)
|
||||
jekyll-redirect-from (~> 0.9.0)
|
||||
jekyll-sitemap (~> 0.9.0)
|
||||
sass (~> 3.4.19)
|
||||
scss_lint (~> 0.43)
|
||||
|
||||
BUNDLED WITH
|
||||
1.10.6
|
||||
|
||||
131
Gruntfile.js
131
Gruntfile.js
@ -18,8 +18,40 @@ module.exports = function (grunt) {
|
||||
var fs = require('fs');
|
||||
var path = require('path');
|
||||
var glob = require('glob');
|
||||
var isTravis = require('is-travis');
|
||||
var npmShrinkwrap = require('npm-shrinkwrap');
|
||||
var mq4HoverShim = require('mq4-hover-shim');
|
||||
var autoprefixer = require('autoprefixer')({
|
||||
browsers: [
|
||||
//
|
||||
// Official browser support policy:
|
||||
// http://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#supported-browsers
|
||||
//
|
||||
'Chrome >= 35', // Exact version number here is kinda arbitrary
|
||||
// Rather than using Autoprefixer's native "Firefox ESR" version specifier string,
|
||||
// we deliberately hardcode the number. This is to avoid unwittingly severely breaking the previous ESR in the event that:
|
||||
// (a) we happen to ship a new Bootstrap release soon after the release of a new ESR,
|
||||
// such that folks haven't yet had a reasonable amount of time to upgrade; and
|
||||
// (b) the new ESR has unprefixed CSS properties/values whose absence would severely break webpages
|
||||
// (e.g. `box-sizing`, as opposed to `background: linear-gradient(...)`).
|
||||
// Since they've been unprefixed, Autoprefixer will stop prefixing them,
|
||||
// thus causing them to not work in the previous ESR (where the prefixes were required).
|
||||
'Firefox >= 31', // Current Firefox Extended Support Release (ESR)
|
||||
// Note: Edge versions in Autoprefixer & Can I Use refer to the EdgeHTML rendering engine version,
|
||||
// NOT the Edge app version shown in Edge's "About" screen.
|
||||
// For example, at the time of writing, Edge 20 on an up-to-date system uses EdgeHTML 12.
|
||||
// See also https://github.com/Fyrd/caniuse/issues/1928
|
||||
'Edge >= 12',
|
||||
'Explorer >= 9',
|
||||
// Out of leniency, we prefix these 1 version further back than the official policy.
|
||||
'iOS >= 8',
|
||||
'Safari >= 8',
|
||||
// The following remain NOT officially supported, but we're lenient and include their prefixes to avoid severely breaking in them.
|
||||
'Android 2.3',
|
||||
'Android >= 4',
|
||||
'Opera >= 12'
|
||||
]
|
||||
});
|
||||
|
||||
var generateCommonJSModule = require('./grunt/bs-commonjs-generator.js');
|
||||
var configBridge = grunt.file.readJSON('./grunt/configBridge.json', { encoding: 'utf8' });
|
||||
@ -45,8 +77,8 @@ module.exports = function (grunt) {
|
||||
'}\n',
|
||||
jqueryVersionCheck: '+function ($) {\n' +
|
||||
' var version = $.fn.jquery.split(\' \')[0].split(\'.\')\n' +
|
||||
' if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {\n' +
|
||||
' throw new Error(\'Bootstrap\\\'s JavaScript requires jQuery version 1.9.1 or higher\')\n' +
|
||||
' if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] >= 3)) {\n' +
|
||||
' throw new Error(\'Bootstrap\\\'s JavaScript requires at least jQuery v1.9.1 but less than v3.0.0\')\n' +
|
||||
' }\n' +
|
||||
'}(jQuery);\n\n',
|
||||
|
||||
@ -184,7 +216,7 @@ module.exports = function (grunt) {
|
||||
warnings: false
|
||||
},
|
||||
mangle: true,
|
||||
preserveComments: 'some'
|
||||
preserveComments: /^!|@preserve|@license|@cc_on/i
|
||||
},
|
||||
core: {
|
||||
src: '<%= concat.bootstrap.dest %>',
|
||||
@ -207,45 +239,37 @@ module.exports = function (grunt) {
|
||||
scsslint: {
|
||||
options: {
|
||||
bundleExec: true,
|
||||
config: 'scss/.scsslint.yml',
|
||||
config: 'scss/.scss-lint.yml',
|
||||
reporterOutput: null
|
||||
},
|
||||
src: ['scss/*.scss', '!scss/_normalize.scss']
|
||||
},
|
||||
|
||||
postcss: {
|
||||
options: {
|
||||
map: true,
|
||||
processors: [mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.bs-true-hover ' })]
|
||||
},
|
||||
core: {
|
||||
src: 'dist/css/*.css'
|
||||
}
|
||||
},
|
||||
|
||||
autoprefixer: {
|
||||
options: {
|
||||
browsers: [
|
||||
'Android 2.3',
|
||||
'Android >= 4',
|
||||
'Chrome >= 35',
|
||||
'Firefox >= 31',
|
||||
'Explorer >= 9',
|
||||
'iOS >= 7',
|
||||
'Opera >= 12',
|
||||
'Safari >= 7.1'
|
||||
]
|
||||
},
|
||||
core: {
|
||||
options: {
|
||||
map: true
|
||||
map: true,
|
||||
processors: [
|
||||
mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.bs-true-hover ' }),
|
||||
autoprefixer
|
||||
]
|
||||
},
|
||||
src: 'dist/css/*.css'
|
||||
},
|
||||
docs: {
|
||||
options: {
|
||||
processors: [
|
||||
autoprefixer
|
||||
]
|
||||
},
|
||||
src: 'docs/assets/css/docs.min.css'
|
||||
},
|
||||
examples: {
|
||||
options: {
|
||||
processors: [
|
||||
autoprefixer
|
||||
]
|
||||
},
|
||||
expand: true,
|
||||
cwd: 'docs/examples/',
|
||||
src: ['**/*.css'],
|
||||
@ -324,7 +348,8 @@ module.exports = function (grunt) {
|
||||
jekyll: {
|
||||
options: {
|
||||
bundleExec: true,
|
||||
config: '_config.yml'
|
||||
config: '_config.yml',
|
||||
incremental: false
|
||||
},
|
||||
docs: {},
|
||||
github: {
|
||||
@ -345,7 +370,7 @@ module.exports = function (grunt) {
|
||||
'The “datetime” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.'
|
||||
]
|
||||
},
|
||||
src: '_gh_pages/**/*.html'
|
||||
src: ['_gh_pages/**/*.html', 'js/tests/visual/*.html']
|
||||
},
|
||||
|
||||
watch: {
|
||||
@ -363,17 +388,6 @@ module.exports = function (grunt) {
|
||||
}
|
||||
},
|
||||
|
||||
sed: {
|
||||
versionNumber: {
|
||||
pattern: (function () {
|
||||
var old = grunt.option('oldver');
|
||||
return old ? RegExp.quote(old) : old;
|
||||
})(),
|
||||
replacement: grunt.option('newver'),
|
||||
recursive: true
|
||||
}
|
||||
},
|
||||
|
||||
'saucelabs-qunit': {
|
||||
all: {
|
||||
options: {
|
||||
@ -406,7 +420,27 @@ module.exports = function (grunt) {
|
||||
branch: 'gh-pages'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
compress: {
|
||||
main: {
|
||||
options: {
|
||||
archive: 'bootstrap-<%= pkg.version %>-dist.zip',
|
||||
mode: 'zip',
|
||||
level: 9,
|
||||
pretty: true
|
||||
},
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
cwd: 'dist/',
|
||||
src: ['**'],
|
||||
dest: 'bootstrap-<%= pkg.version %>-dist'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
@ -436,7 +470,8 @@ module.exports = function (grunt) {
|
||||
}
|
||||
// Skip HTML validation if running a different subset of the test suite
|
||||
if (runSubset('validate-html') &&
|
||||
// Skip HTML5 validator on Travis when [skip validator] is in the commit message
|
||||
isTravis &&
|
||||
// Skip HTML5 validator when [skip validator] is in the commit message
|
||||
isUndefOrNonZero(process.env.TWBS_DO_VALIDATOR)) {
|
||||
testSubtasks.push('validate-html');
|
||||
}
|
||||
@ -466,7 +501,7 @@ module.exports = function (grunt) {
|
||||
// grunt.registerTask('sass-compile', ['sass:core', 'sass:extras', 'sass:docs']);
|
||||
grunt.registerTask('sass-compile', ['sass:core', 'sass:docs']);
|
||||
|
||||
grunt.registerTask('dist-css', ['sass-compile', 'postcss:core', 'autoprefixer:core', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']);
|
||||
grunt.registerTask('dist-css', ['sass-compile', 'postcss:core', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']);
|
||||
|
||||
// Full distribution task.
|
||||
grunt.registerTask('dist', ['clean:dist', 'dist-css', 'dist-js']);
|
||||
@ -474,11 +509,6 @@ module.exports = function (grunt) {
|
||||
// Default task.
|
||||
grunt.registerTask('default', ['clean:dist', 'test']);
|
||||
|
||||
// Version numbering task.
|
||||
// grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
|
||||
// This can be overzealous, so its changes should always be manually reviewed!
|
||||
grunt.registerTask('change-version-number', 'sed');
|
||||
|
||||
grunt.registerTask('commonjs', ['babel:umd', 'npm-js']);
|
||||
|
||||
grunt.registerTask('npm-js', 'Generate npm-js entrypoint module in dist dir.', function () {
|
||||
@ -490,12 +520,13 @@ module.exports = function (grunt) {
|
||||
});
|
||||
|
||||
// Docs task.
|
||||
grunt.registerTask('docs-css', ['autoprefixer:docs', 'autoprefixer:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']);
|
||||
grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']);
|
||||
grunt.registerTask('docs-js', ['uglify:docsJs']);
|
||||
grunt.registerTask('lint-docs-js', ['jscs:assets']);
|
||||
grunt.registerTask('docs', ['docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs']);
|
||||
grunt.registerTask('docs-github', ['jekyll:github', 'htmlmin']);
|
||||
|
||||
grunt.registerTask('prep-release', ['dist', 'docs', 'jekyll:github', 'htmlmin', 'compress']);
|
||||
grunt.registerTask('prep-release', ['dist', 'docs', 'docs-github', 'compress']);
|
||||
|
||||
// Publish to GitHub
|
||||
grunt.registerTask('publish', ['buildcontrol:pages']);
|
||||
@ -509,7 +540,7 @@ module.exports = function (grunt) {
|
||||
if (err) {
|
||||
grunt.fail.warn(err);
|
||||
}
|
||||
var dest = 'test-infra/npm-shrinkwrap.json';
|
||||
var dest = 'grunt/npm-shrinkwrap.json';
|
||||
fs.renameSync('npm-shrinkwrap.json', dest);
|
||||
grunt.log.writeln('File ' + dest.cyan + ' updated.');
|
||||
done();
|
||||
|
||||
11
README.md
11
README.md
@ -66,11 +66,9 @@ Bootstrap's documentation, included in this repo in the root directory, is built
|
||||
|
||||
### Running documentation locally
|
||||
|
||||
1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v2.5.x).
|
||||
- **Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems.
|
||||
2. Install the Ruby-based syntax highlighter, [Rouge](https://github.com/jneen/rouge), with `gem install rouge`.
|
||||
3. From the root `/bootstrap` directory, run `jekyll serve` in the command line.
|
||||
4. Open <http://localhost:9001> in your browser, and voilà.
|
||||
1. Run through the [tooling setup](https://github.com/twbs/bootstrap/blob/v4-dev/docs/getting-started/build-tools.md#tooling-setup) to install Jekyll (the site builder) and other Ruby dependencies with `bundle install`.
|
||||
2. From the root `/bootstrap` directory, run `bundle exec jekyll serve` in the command line.
|
||||
3. Open <http://localhost:9001> in your browser, and voilà.
|
||||
|
||||
Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
|
||||
|
||||
@ -100,7 +98,7 @@ Get updates on Bootstrap's development and chat with the project maintainers and
|
||||
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
|
||||
- Join [the official Slack room](https://bootstrap-slack.herokuapp.com).
|
||||
- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel.
|
||||
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3)).
|
||||
- Implementation help may be found at Stack Overflow (tagged [`bootstrap-4`](https://stackoverflow.com/questions/tagged/bootstrap-4)).
|
||||
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.
|
||||
|
||||
|
||||
@ -109,6 +107,7 @@ Get updates on Bootstrap's development and chat with the project maintainers and
|
||||
|
||||
For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible.
|
||||
|
||||
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.
|
||||
|
||||
|
||||
## Creators
|
||||
|
||||
@ -25,7 +25,6 @@ gems:
|
||||
# Custom vars
|
||||
current_version: 4.0.0-alpha
|
||||
repo: https://github.com/twbs/bootstrap
|
||||
sass_repo: https://github.com/twbs/bootstrap-sass
|
||||
slack: https://bootstrap-slack.herokuapp.com
|
||||
|
||||
download:
|
||||
@ -37,6 +36,9 @@ expo: http://expo.getbootstrap.com
|
||||
themes: http://themes.getbootstrap.com
|
||||
|
||||
cdn:
|
||||
# See https://www.srihash.org for info on how to generate the hashes
|
||||
css: https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css
|
||||
css_hash: "sha384-XXXXXXXX"
|
||||
js: https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js
|
||||
js_hash: "sha384-XXXXXXXX"
|
||||
jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
|
||||
|
||||
@ -153,7 +153,8 @@ select {
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"], input[type="reset"],
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
@ -386,8 +387,7 @@ a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
a:focus, a:hover {
|
||||
color: #014c8c;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -415,6 +415,19 @@ img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input,
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -442,6 +455,7 @@ select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
@ -474,47 +488,64 @@ output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
margin-bottom: .5rem;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
h1, .h1,
|
||||
h2, .h2,
|
||||
h3, .h3 {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
h4, .h4,
|
||||
h5, .h5,
|
||||
h6, .h6 {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h5, .h5 {
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@ -547,7 +578,7 @@ hr {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border: 0;
|
||||
border-top: .0625rem solid rgba(0, 0, 0, .1);
|
||||
border-top: 1px solid rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
small,
|
||||
@ -635,21 +666,7 @@ mark,
|
||||
content: "\00A0 \2014";
|
||||
}
|
||||
|
||||
.figure {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.figure > img {
|
||||
margin-bottom: .5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.img-fluid, .figure > img, .carousel-inner > .carousel-item > img,
|
||||
.img-fluid, .carousel-inner > .carousel-item > img,
|
||||
.carousel-inner > .carousel-item > a > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
@ -678,6 +695,20 @@ mark,
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.figure {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: .5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
@ -742,27 +773,27 @@ pre code {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.container {
|
||||
max-width: 34rem;
|
||||
max-width: 576px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 45rem;
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
max-width: 60rem;
|
||||
max-width: 940px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 72.25rem;
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1005,7 +1036,7 @@ pre code {
|
||||
margin-left: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1164,7 +1195,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1323,7 +1354,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1482,7 +1513,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1773,6 +1804,7 @@ pre code {
|
||||
.table-responsive {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: .01%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
@ -1849,7 +1881,7 @@ pre code {
|
||||
color: #55595c;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: .0625rem solid #ccc;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
@ -1883,8 +1915,7 @@ pre code {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.form-control:disabled,
|
||||
.form-control[readonly] {
|
||||
.form-control:disabled, .form-control[readonly] {
|
||||
background-color: #eceeef;
|
||||
opacity: 1;
|
||||
}
|
||||
@ -1899,7 +1930,7 @@ pre code {
|
||||
}
|
||||
|
||||
.form-control-label {
|
||||
padding: .4375rem .75rem;
|
||||
padding: .375rem .75rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -1908,42 +1939,46 @@ pre code {
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].form-control {
|
||||
line-height: 2.375rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
input[type="date"].input-sm,
|
||||
.input-group-sm input[type="date"].form-control,
|
||||
input[type="time"].input-sm,
|
||||
.input-group-sm input[type="time"].form-control,
|
||||
.input-group-sm
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].input-sm,
|
||||
.input-group-sm input[type="datetime-local"].form-control,
|
||||
.input-group-sm
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].input-sm,
|
||||
.input-group-sm input[type="month"].form-control {
|
||||
line-height: 1.95rem;
|
||||
.input-group-sm
|
||||
input[type="month"].form-control {
|
||||
line-height: 1.8625rem;
|
||||
}
|
||||
input[type="date"].input-lg,
|
||||
.input-group-lg input[type="date"].form-control,
|
||||
input[type="time"].input-lg,
|
||||
.input-group-lg input[type="time"].form-control,
|
||||
.input-group-lg
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].input-lg,
|
||||
.input-group-lg input[type="datetime-local"].form-control,
|
||||
.input-group-lg
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].input-lg,
|
||||
.input-group-lg input[type="month"].form-control {
|
||||
line-height: 3.291667rem;
|
||||
.input-group-lg
|
||||
input[type="month"].form-control {
|
||||
line-height: 3.166667rem;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control-static {
|
||||
min-height: 2.375rem;
|
||||
padding-top: .4375rem;
|
||||
padding-bottom: .4375rem;
|
||||
min-height: 2.25rem;
|
||||
padding-top: .375rem;
|
||||
padding-bottom: .375rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-control-static.form-control-sm,
|
||||
.input-group-sm > .form-control-static.form-control,
|
||||
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
|
||||
.input-group-sm > .form-control-static.input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .form-control-static.btn,
|
||||
.form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
|
||||
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
|
||||
.input-group-lg > .form-control-static.input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .form-control-static.btn {
|
||||
padding-right: 0;
|
||||
@ -1954,7 +1989,7 @@ pre code {
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .btn {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
@ -2023,8 +2058,7 @@ pre code {
|
||||
margin-left: .75rem;
|
||||
}
|
||||
|
||||
input[type="radio"]:disabled,
|
||||
input[type="radio"].disabled,
|
||||
input[type="radio"]:disabled, input[type="radio"].disabled,
|
||||
input[type="checkbox"]:disabled,
|
||||
input[type="checkbox"].disabled {
|
||||
cursor: not-allowed;
|
||||
@ -2042,15 +2076,15 @@ input[type="checkbox"].disabled {
|
||||
|
||||
.form-control-success,
|
||||
.form-control-warning,
|
||||
.form-control-error {
|
||||
.form-control-danger {
|
||||
padding-right: 2.25rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right .59375rem;
|
||||
-webkit-background-size: 1.54375rem 1.54375rem;
|
||||
background-size: 1.54375rem 1.54375rem;
|
||||
background-position: center right .5625rem;
|
||||
-webkit-background-size: 1.4625rem 1.4625rem;
|
||||
background-size: 1.4625rem 1.4625rem;
|
||||
}
|
||||
|
||||
.has-success .help-block,
|
||||
.has-success .text-help,
|
||||
.has-success .form-control-label,
|
||||
.has-success .radio,
|
||||
.has-success .checkbox,
|
||||
@ -2078,10 +2112,10 @@ input[type="checkbox"].disabled {
|
||||
}
|
||||
|
||||
.has-success .form-control-success {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg==");
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
|
||||
}
|
||||
|
||||
.has-warning .help-block,
|
||||
.has-warning .text-help,
|
||||
.has-warning .form-control-label,
|
||||
.has-warning .radio,
|
||||
.has-warning .checkbox,
|
||||
@ -2109,41 +2143,41 @@ input[type="checkbox"].disabled {
|
||||
}
|
||||
|
||||
.has-warning .form-control-warning {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg==");
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
|
||||
}
|
||||
|
||||
.has-error .help-block,
|
||||
.has-error .form-control-label,
|
||||
.has-error .radio,
|
||||
.has-error .checkbox,
|
||||
.has-error .radio-inline,
|
||||
.has-error .checkbox-inline,
|
||||
.has-error.radio label,
|
||||
.has-error.checkbox label,
|
||||
.has-error.radio-inline label,
|
||||
.has-error.checkbox-inline label {
|
||||
.has-danger .text-help,
|
||||
.has-danger .form-control-label,
|
||||
.has-danger .radio,
|
||||
.has-danger .checkbox,
|
||||
.has-danger .radio-inline,
|
||||
.has-danger .checkbox-inline,
|
||||
.has-danger.radio label,
|
||||
.has-danger.checkbox label,
|
||||
.has-danger.radio-inline label,
|
||||
.has-danger.checkbox-inline label {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control {
|
||||
.has-danger .form-control {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .input-group-addon {
|
||||
.has-danger .input-group-addon {
|
||||
color: #d9534f;
|
||||
background-color: #fdf7f7;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control-feedback {
|
||||
.has-danger .form-control-feedback {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control-error {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=");
|
||||
.has-danger .form-control-danger {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.form-inline .form-group {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
@ -2203,30 +2237,22 @@ input[type="checkbox"].disabled {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: .0625rem solid transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.btn.focus,
|
||||
.btn:active:focus,
|
||||
.btn:active.focus,
|
||||
.btn.active:focus,
|
||||
.btn.active.focus {
|
||||
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.btn:hover {
|
||||
.btn:focus, .btn:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -2234,14 +2260,12 @@ input[type="checkbox"].disabled {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
.btn:active, .btn.active {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.btn.disabled,
|
||||
.btn:disabled {
|
||||
.btn.disabled, .btn:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: .65;
|
||||
}
|
||||
@ -2263,15 +2287,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:focus,
|
||||
.btn-primary.focus {
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
color: #fff;
|
||||
background-color: #025aa5;
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active, .btn-primary.active,
|
||||
.open > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #025aa5;
|
||||
@ -2279,12 +2301,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:active:hover,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
|
||||
.open > .btn-primary.dropdown-toggle:hover,
|
||||
.open > .btn-primary.dropdown-toggle:focus,
|
||||
.open > .btn-primary.dropdown-toggle.focus {
|
||||
@ -2293,16 +2310,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01315a;
|
||||
}
|
||||
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary:disabled:focus,
|
||||
.btn-primary:disabled.focus {
|
||||
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
|
||||
background-color: #0275d8;
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary:disabled:hover {
|
||||
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
|
||||
background-color: #0275d8;
|
||||
border-color: #0275d8;
|
||||
}
|
||||
@ -2319,15 +2332,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:focus,
|
||||
.btn-secondary.focus {
|
||||
.btn-secondary:focus, .btn-secondary.focus {
|
||||
color: #373a3c;
|
||||
background-color: #e6e6e6;
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:active,
|
||||
.btn-secondary.active,
|
||||
.btn-secondary:active, .btn-secondary.active,
|
||||
.open > .btn-secondary.dropdown-toggle {
|
||||
color: #373a3c;
|
||||
background-color: #e6e6e6;
|
||||
@ -2335,12 +2346,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:active:hover,
|
||||
.btn-secondary:active:focus,
|
||||
.btn-secondary:active.focus,
|
||||
.btn-secondary.active:hover,
|
||||
.btn-secondary.active:focus,
|
||||
.btn-secondary.active.focus,
|
||||
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
|
||||
.open > .btn-secondary.dropdown-toggle:hover,
|
||||
.open > .btn-secondary.dropdown-toggle:focus,
|
||||
.open > .btn-secondary.dropdown-toggle.focus {
|
||||
@ -2349,16 +2355,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #8c8c8c;
|
||||
}
|
||||
|
||||
.btn-secondary.disabled:focus,
|
||||
.btn-secondary.disabled.focus,
|
||||
.btn-secondary:disabled:focus,
|
||||
.btn-secondary:disabled.focus {
|
||||
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary.disabled:hover,
|
||||
.btn-secondary:disabled:hover {
|
||||
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
@ -2375,15 +2377,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:focus,
|
||||
.btn-info.focus {
|
||||
.btn-info:focus, .btn-info.focus {
|
||||
color: #fff;
|
||||
background-color: #31b0d5;
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:active,
|
||||
.btn-info.active,
|
||||
.btn-info:active, .btn-info.active,
|
||||
.open > .btn-info.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #31b0d5;
|
||||
@ -2391,12 +2391,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:active:hover,
|
||||
.btn-info:active:focus,
|
||||
.btn-info:active.focus,
|
||||
.btn-info.active:hover,
|
||||
.btn-info.active:focus,
|
||||
.btn-info.active.focus,
|
||||
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
|
||||
.open > .btn-info.dropdown-toggle:hover,
|
||||
.open > .btn-info.dropdown-toggle:focus,
|
||||
.open > .btn-info.dropdown-toggle.focus {
|
||||
@ -2405,16 +2400,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #1f7e9a;
|
||||
}
|
||||
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info.disabled.focus,
|
||||
.btn-info:disabled:focus,
|
||||
.btn-info:disabled.focus {
|
||||
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info:disabled:hover {
|
||||
.btn-info.disabled:hover, .btn-info:disabled:hover {
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
@ -2431,15 +2422,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:focus,
|
||||
.btn-success.focus {
|
||||
.btn-success:focus, .btn-success.focus {
|
||||
color: #fff;
|
||||
background-color: #449d44;
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:active,
|
||||
.btn-success.active,
|
||||
.btn-success:active, .btn-success.active,
|
||||
.open > .btn-success.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #449d44;
|
||||
@ -2447,12 +2436,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:active:hover,
|
||||
.btn-success:active:focus,
|
||||
.btn-success:active.focus,
|
||||
.btn-success.active:hover,
|
||||
.btn-success.active:focus,
|
||||
.btn-success.active.focus,
|
||||
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
|
||||
.open > .btn-success.dropdown-toggle:hover,
|
||||
.open > .btn-success.dropdown-toggle:focus,
|
||||
.open > .btn-success.dropdown-toggle.focus {
|
||||
@ -2461,16 +2445,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2d672d;
|
||||
}
|
||||
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success.disabled.focus,
|
||||
.btn-success:disabled:focus,
|
||||
.btn-success:disabled.focus {
|
||||
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success:disabled:hover {
|
||||
.btn-success.disabled:hover, .btn-success:disabled:hover {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
@ -2487,15 +2467,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:focus,
|
||||
.btn-warning.focus {
|
||||
.btn-warning:focus, .btn-warning.focus {
|
||||
color: #fff;
|
||||
background-color: #ec971f;
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:active,
|
||||
.btn-warning.active,
|
||||
.btn-warning:active, .btn-warning.active,
|
||||
.open > .btn-warning.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #ec971f;
|
||||
@ -2503,12 +2481,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:active:hover,
|
||||
.btn-warning:active:focus,
|
||||
.btn-warning:active.focus,
|
||||
.btn-warning.active:hover,
|
||||
.btn-warning.active:focus,
|
||||
.btn-warning.active.focus,
|
||||
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
|
||||
.open > .btn-warning.dropdown-toggle:hover,
|
||||
.open > .btn-warning.dropdown-toggle:focus,
|
||||
.open > .btn-warning.dropdown-toggle.focus {
|
||||
@ -2517,16 +2490,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #b06d0f;
|
||||
}
|
||||
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning.disabled.focus,
|
||||
.btn-warning:disabled:focus,
|
||||
.btn-warning:disabled.focus {
|
||||
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning:disabled:hover {
|
||||
.btn-warning.disabled:hover, .btn-warning:disabled:hover {
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
@ -2543,15 +2512,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:focus,
|
||||
.btn-danger.focus {
|
||||
.btn-danger:focus, .btn-danger.focus {
|
||||
color: #fff;
|
||||
background-color: #c9302c;
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:active,
|
||||
.btn-danger.active,
|
||||
.btn-danger:active, .btn-danger.active,
|
||||
.open > .btn-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #c9302c;
|
||||
@ -2559,12 +2526,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:active:hover,
|
||||
.btn-danger:active:focus,
|
||||
.btn-danger:active.focus,
|
||||
.btn-danger.active:hover,
|
||||
.btn-danger.active:focus,
|
||||
.btn-danger.active.focus,
|
||||
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
|
||||
.open > .btn-danger.dropdown-toggle:hover,
|
||||
.open > .btn-danger.dropdown-toggle:focus,
|
||||
.open > .btn-danger.dropdown-toggle.focus {
|
||||
@ -2573,16 +2535,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #8b211e;
|
||||
}
|
||||
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger.disabled.focus,
|
||||
.btn-danger:disabled:focus,
|
||||
.btn-danger:disabled.focus {
|
||||
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger:disabled:hover {
|
||||
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
@ -2594,10 +2552,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary-outline:focus,
|
||||
.btn-primary-outline.focus,
|
||||
.btn-primary-outline:active,
|
||||
.btn-primary-outline.active,
|
||||
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
|
||||
.open > .btn-primary-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
@ -2610,15 +2565,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary-outline.disabled:focus,
|
||||
.btn-primary-outline.disabled.focus,
|
||||
.btn-primary-outline:disabled:focus,
|
||||
.btn-primary-outline:disabled.focus {
|
||||
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
|
||||
border-color: #43a7fd;
|
||||
}
|
||||
|
||||
.btn-primary-outline.disabled:hover,
|
||||
.btn-primary-outline:disabled:hover {
|
||||
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
|
||||
border-color: #43a7fd;
|
||||
}
|
||||
|
||||
@ -2629,10 +2580,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary-outline:focus,
|
||||
.btn-secondary-outline.focus,
|
||||
.btn-secondary-outline:active,
|
||||
.btn-secondary-outline.active,
|
||||
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
|
||||
.open > .btn-secondary-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #ccc;
|
||||
@ -2645,15 +2593,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary-outline.disabled:focus,
|
||||
.btn-secondary-outline.disabled.focus,
|
||||
.btn-secondary-outline:disabled:focus,
|
||||
.btn-secondary-outline:disabled.focus {
|
||||
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.btn-secondary-outline.disabled:hover,
|
||||
.btn-secondary-outline:disabled:hover {
|
||||
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
@ -2664,10 +2608,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info-outline:focus,
|
||||
.btn-info-outline.focus,
|
||||
.btn-info-outline:active,
|
||||
.btn-info-outline.active,
|
||||
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active,
|
||||
.open > .btn-info-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #5bc0de;
|
||||
@ -2680,15 +2621,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info-outline.disabled:focus,
|
||||
.btn-info-outline.disabled.focus,
|
||||
.btn-info-outline:disabled:focus,
|
||||
.btn-info-outline:disabled.focus {
|
||||
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
|
||||
border-color: #b0e1ef;
|
||||
}
|
||||
|
||||
.btn-info-outline.disabled:hover,
|
||||
.btn-info-outline:disabled:hover {
|
||||
.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
|
||||
border-color: #b0e1ef;
|
||||
}
|
||||
|
||||
@ -2699,10 +2636,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success-outline:focus,
|
||||
.btn-success-outline.focus,
|
||||
.btn-success-outline:active,
|
||||
.btn-success-outline.active,
|
||||
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
|
||||
.open > .btn-success-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #5cb85c;
|
||||
@ -2715,15 +2649,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success-outline.disabled:focus,
|
||||
.btn-success-outline.disabled.focus,
|
||||
.btn-success-outline:disabled:focus,
|
||||
.btn-success-outline:disabled.focus {
|
||||
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
|
||||
border-color: #a3d7a3;
|
||||
}
|
||||
|
||||
.btn-success-outline.disabled:hover,
|
||||
.btn-success-outline:disabled:hover {
|
||||
.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
|
||||
border-color: #a3d7a3;
|
||||
}
|
||||
|
||||
@ -2734,10 +2664,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning-outline:focus,
|
||||
.btn-warning-outline.focus,
|
||||
.btn-warning-outline:active,
|
||||
.btn-warning-outline.active,
|
||||
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active,
|
||||
.open > .btn-warning-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #f0ad4e;
|
||||
@ -2750,15 +2677,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning-outline.disabled:focus,
|
||||
.btn-warning-outline.disabled.focus,
|
||||
.btn-warning-outline:disabled:focus,
|
||||
.btn-warning-outline:disabled.focus {
|
||||
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
|
||||
border-color: #f8d9ac;
|
||||
}
|
||||
|
||||
.btn-warning-outline.disabled:hover,
|
||||
.btn-warning-outline:disabled:hover {
|
||||
.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
|
||||
border-color: #f8d9ac;
|
||||
}
|
||||
|
||||
@ -2769,10 +2692,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger-outline:focus,
|
||||
.btn-danger-outline.focus,
|
||||
.btn-danger-outline:active,
|
||||
.btn-danger-outline.active,
|
||||
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
|
||||
.open > .btn-danger-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #d9534f;
|
||||
@ -2785,15 +2705,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger-outline.disabled:focus,
|
||||
.btn-danger-outline.disabled.focus,
|
||||
.btn-danger-outline:disabled:focus,
|
||||
.btn-danger-outline:disabled.focus {
|
||||
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
|
||||
border-color: #eba5a3;
|
||||
}
|
||||
|
||||
.btn-danger-outline.disabled:hover,
|
||||
.btn-danger-outline:disabled:hover {
|
||||
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
|
||||
border-color: #eba5a3;
|
||||
}
|
||||
|
||||
@ -2803,16 +2719,11 @@ fieldset[disabled] a.btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.btn-link,
|
||||
.btn-link:active,
|
||||
.btn-link.active,
|
||||
.btn-link:disabled {
|
||||
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link,
|
||||
.btn-link:focus,
|
||||
.btn-link:active {
|
||||
.btn-link, .btn-link:focus, .btn-link:active {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -2820,15 +2731,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link:focus,
|
||||
.btn-link:hover {
|
||||
.btn-link:focus, .btn-link:hover {
|
||||
color: #014c8c;
|
||||
text-decoration: underline;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link:disabled:focus,
|
||||
.btn-link:disabled:hover {
|
||||
.btn-link:disabled:focus, .btn-link:disabled:hover {
|
||||
color: #818a91;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -2842,7 +2751,7 @@ fieldset[disabled] a.btn {
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: .25rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
@ -2905,6 +2814,7 @@ input[type="button"].btn-block {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-right: .25rem;
|
||||
margin-left: .25rem;
|
||||
vertical-align: middle;
|
||||
content: "";
|
||||
@ -2933,6 +2843,7 @@ input[type="button"].btn-block {
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0;
|
||||
font-size: 1rem;
|
||||
color: #373a3c;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
@ -2963,30 +2874,24 @@ input[type="button"].btn-block {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover {
|
||||
.dropdown-item:focus, .dropdown-item:hover {
|
||||
color: #2b2d2f;
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item.active:focus,
|
||||
.dropdown-item.active:hover {
|
||||
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #0275d8;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.dropdown-item.disabled,
|
||||
.dropdown-item.disabled:focus,
|
||||
.dropdown-item.disabled:hover {
|
||||
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.dropdown-item.disabled:focus,
|
||||
.dropdown-item.disabled:hover {
|
||||
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
|
||||
text-decoration: none;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
@ -3015,7 +2920,7 @@ input[type="button"].btn-block {
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
color: #818a91;
|
||||
white-space: nowrap;
|
||||
@ -3062,9 +2967,7 @@ input[type="button"].btn-block {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn-group > .btn:focus,
|
||||
.btn-group > .btn:active,
|
||||
.btn-group > .btn.active,
|
||||
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
|
||||
.btn-group-vertical > .btn:focus,
|
||||
.btn-group-vertical > .btn:active,
|
||||
.btn-group-vertical > .btn.active {
|
||||
@ -3251,6 +3154,10 @@ input[type="button"].btn-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.input-group .form-control {
|
||||
@ -3282,14 +3189,16 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon,
|
||||
.input-group-addon.form-control-sm,
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .input-group-addon.btn {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
|
||||
.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon,
|
||||
.input-group-addon.form-control-lg,
|
||||
.input-group-lg > .input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .input-group-addon.btn {
|
||||
padding: .75rem 1.25rem;
|
||||
font-size: 1.25rem;
|
||||
@ -3345,10 +3254,8 @@ input[type="button"].btn-block {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.input-group-btn > .btn:focus,
|
||||
.input-group-btn > .btn:active,
|
||||
.input-group-btn > .btn:hover {
|
||||
z-index: 2;
|
||||
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.input-group-btn:first-child > .btn,
|
||||
@ -3362,6 +3269,13 @@ input[type="button"].btn-block {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover,
|
||||
.input-group-btn:last-child > .btn-group:focus,
|
||||
.input-group-btn:last-child > .btn-group:active,
|
||||
.input-group-btn:last-child > .btn-group:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.c-input {
|
||||
position: relative;
|
||||
display: inline;
|
||||
@ -3517,7 +3431,7 @@ input[type="button"].btn-block {
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: #fff;
|
||||
border: .075rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
@ -3538,7 +3452,7 @@ input[type="button"].btn-block {
|
||||
color: #555;
|
||||
content: "Browse";
|
||||
background-color: #eee;
|
||||
border: .075rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0 .25rem .25rem 0;
|
||||
}
|
||||
|
||||
@ -3552,8 +3466,7 @@ input[type="button"].btn-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav-link:focus,
|
||||
.nav-link:hover {
|
||||
.nav-link:focus, .nav-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -3561,14 +3474,17 @@ input[type="button"].btn-block {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.nav-link.disabled,
|
||||
.nav-link.disabled:focus,
|
||||
.nav-link.disabled:hover {
|
||||
.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-inline .nav-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav-inline .nav-item + .nav-item,
|
||||
.nav-inline .nav-link + .nav-link {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@ -3599,22 +3515,17 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem .25rem 0 0;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link:focus,
|
||||
.nav-tabs .nav-link:hover {
|
||||
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
|
||||
border-color: #eceeef #eceeef #ddd;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.disabled,
|
||||
.nav-tabs .nav-link.disabled:focus,
|
||||
.nav-tabs .nav-link.disabled:hover {
|
||||
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
|
||||
color: #818a91;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-tabs .nav-link.active:focus,
|
||||
.nav-tabs .nav-link.active:hover,
|
||||
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
|
||||
.nav-tabs .nav-item.open .nav-link,
|
||||
.nav-tabs .nav-item.open .nav-link:focus,
|
||||
.nav-tabs .nav-item.open .nav-link:hover {
|
||||
@ -3623,6 +3534,12 @@ input[type="button"].btn-block {
|
||||
border-color: #ddd #ddd transparent;
|
||||
}
|
||||
|
||||
.nav-pills::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.nav-pills .nav-item {
|
||||
float: left;
|
||||
}
|
||||
@ -3637,9 +3554,7 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .nav-link.active:focus,
|
||||
.nav-pills .nav-link.active:hover,
|
||||
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
|
||||
.nav-pills .nav-item.open .nav-link,
|
||||
.nav-pills .nav-item.open .nav-link:focus,
|
||||
.nav-pills .nav-item.open .nav-link:hover {
|
||||
@ -3683,7 +3598,7 @@ input[type="button"].btn-block {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
@ -3693,7 +3608,7 @@ input[type="button"].btn-block {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-full {
|
||||
border-radius: 0;
|
||||
}
|
||||
@ -3707,7 +3622,7 @@ input[type="button"].btn-block {
|
||||
z-index: 1030;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
@ -3730,7 +3645,7 @@ input[type="button"].btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-sticky-top {
|
||||
border-radius: 0;
|
||||
}
|
||||
@ -3744,8 +3659,7 @@ input[type="button"].btn-block {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.navbar-brand:focus,
|
||||
.navbar-brand:hover {
|
||||
.navbar-brand:focus, .navbar-brand:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -3772,28 +3686,27 @@ input[type="button"].btn-block {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
background: none;
|
||||
border: .0625rem solid transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus,
|
||||
.navbar-toggler:hover {
|
||||
.navbar-toggler:focus, .navbar-toggler:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-toggleable-xs {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.navbar-toggleable-sm {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.navbar-toggleable-md {
|
||||
display: block !important;
|
||||
}
|
||||
@ -3821,8 +3734,7 @@ input[type="button"].btn-block {
|
||||
color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
.navbar-light .navbar-brand:focus,
|
||||
.navbar-light .navbar-brand:hover {
|
||||
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
|
||||
color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
@ -3830,14 +3742,11 @@ input[type="button"].btn-block {
|
||||
color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover {
|
||||
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
|
||||
color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
.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 .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,
|
||||
.navbar-light .navbar-nav .active > .nav-link:hover,
|
||||
@ -3858,8 +3767,7 @@ input[type="button"].btn-block {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-brand:focus,
|
||||
.navbar-dark .navbar-brand:hover {
|
||||
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -3867,14 +3775,11 @@ input[type="button"].btn-block {
|
||||
color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:focus,
|
||||
.navbar-dark .navbar-nav .nav-link:hover {
|
||||
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
|
||||
color: rgba(255, 255, 255, .75);
|
||||
}
|
||||
|
||||
.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 .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,
|
||||
.navbar-dark .navbar-nav .active > .nav-link:hover,
|
||||
@ -3893,6 +3798,7 @@ input[type="button"].btn-block {
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: .75rem;
|
||||
background-color: #fff;
|
||||
border: .0625rem solid #e5e5e5;
|
||||
@ -3979,7 +3885,7 @@ input[type="button"].btn-block {
|
||||
|
||||
.card-inverse .card-header,
|
||||
.card-inverse .card-footer {
|
||||
border-bottom: .075rem solid rgba(255, 255, 255, .2);
|
||||
border-bottom: .0625rem solid rgba(255, 255, 255, .2);
|
||||
}
|
||||
|
||||
.card-inverse .card-header,
|
||||
@ -3995,8 +3901,7 @@ input[type="button"].btn-block {
|
||||
color: rgba(255, 255, 255, .65);
|
||||
}
|
||||
|
||||
.card-inverse .card-link:focus,
|
||||
.card-inverse .card-link:hover {
|
||||
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -4020,14 +3925,14 @@ input[type="button"].btn-block {
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
border-radius: .25rem .25rem 0 0;
|
||||
border-radius: .1875rem .1875rem 0 0;
|
||||
}
|
||||
|
||||
.card-img-bottom {
|
||||
border-radius: 0 0 .25rem .25rem;
|
||||
border-radius: 0 0 .1875rem .1875rem;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-deck {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
@ -4044,7 +3949,7 @@ input[type="button"].btn-block {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-group {
|
||||
display: table;
|
||||
width: 100%;
|
||||
@ -4058,12 +3963,20 @@ input[type="button"].btn-block {
|
||||
margin-left: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
.card-group .card:first-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.card-group .card:first-child .card-img-top {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.card-group .card:first-child .card-img-bottom {
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.card-group .card:last-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.card-group .card:last-child .card-img-top {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
@ -4079,7 +3992,7 @@ input[type="button"].btn-block {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
@ -4161,8 +4074,7 @@ input[type="button"].btn-block {
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
.pagination > li > a:focus,
|
||||
.pagination > li > a:hover,
|
||||
.pagination > li > a:focus, .pagination > li > a:hover,
|
||||
.pagination > li > span:focus,
|
||||
.pagination > li > span:hover {
|
||||
color: #014c8c;
|
||||
@ -4170,9 +4082,7 @@ input[type="button"].btn-block {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
@ -4183,9 +4093,7 @@ input[type="button"].btn-block {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.pagination > .disabled > span,
|
||||
.pagination > .disabled > span:focus,
|
||||
.pagination > .disabled > span:hover,
|
||||
.pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover,
|
||||
.pagination > .disabled > a,
|
||||
.pagination > .disabled > a:focus,
|
||||
.pagination > .disabled > a:hover {
|
||||
@ -4217,7 +4125,7 @@ input[type="button"].btn-block {
|
||||
.pagination-sm > li > a,
|
||||
.pagination-sm > li > span {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@ -4260,15 +4168,12 @@ input[type="button"].btn-block {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.pager li > a:focus,
|
||||
.pager li > a:hover {
|
||||
.pager li > a:focus, .pager li > a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
|
||||
.pager .disabled > a,
|
||||
.pager .disabled > a:focus,
|
||||
.pager .disabled > a:hover {
|
||||
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: #fff;
|
||||
@ -4312,8 +4217,7 @@ input[type="button"].btn-block {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
a.label:focus,
|
||||
a.label:hover {
|
||||
a.label:focus, a.label:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
@ -4322,15 +4226,14 @@ a.label:hover {
|
||||
.label-pill {
|
||||
padding-right: .6em;
|
||||
padding-left: .6em;
|
||||
border-radius: 1rem;
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.label-default {
|
||||
background-color: #818a91;
|
||||
}
|
||||
|
||||
.label-default[href]:focus,
|
||||
.label-default[href]:hover {
|
||||
.label-default[href]:focus, .label-default[href]:hover {
|
||||
background-color: #687077;
|
||||
}
|
||||
|
||||
@ -4338,8 +4241,7 @@ a.label:hover {
|
||||
background-color: #0275d8;
|
||||
}
|
||||
|
||||
.label-primary[href]:focus,
|
||||
.label-primary[href]:hover {
|
||||
.label-primary[href]:focus, .label-primary[href]:hover {
|
||||
background-color: #025aa5;
|
||||
}
|
||||
|
||||
@ -4347,8 +4249,7 @@ a.label:hover {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
.label-success[href]:focus,
|
||||
.label-success[href]:hover {
|
||||
.label-success[href]:focus, .label-success[href]:hover {
|
||||
background-color: #449d44;
|
||||
}
|
||||
|
||||
@ -4356,8 +4257,7 @@ a.label:hover {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
.label-info[href]:focus,
|
||||
.label-info[href]:hover {
|
||||
.label-info[href]:focus, .label-info[href]:hover {
|
||||
background-color: #31b0d5;
|
||||
}
|
||||
|
||||
@ -4365,8 +4265,7 @@ a.label:hover {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.label-warning[href]:focus,
|
||||
.label-warning[href]:hover {
|
||||
.label-warning[href]:focus, .label-warning[href]:hover {
|
||||
background-color: #ec971f;
|
||||
}
|
||||
|
||||
@ -4374,8 +4273,7 @@ a.label:hover {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
|
||||
.label-danger[href]:focus,
|
||||
.label-danger[href]:hover {
|
||||
.label-danger[href]:focus, .label-danger[href]:hover {
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
@ -4386,16 +4284,16 @@ a.label:hover {
|
||||
border-radius: .3rem;
|
||||
}
|
||||
|
||||
.jumbotron-hr {
|
||||
border-top-color: #d0d5d8;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.jumbotron {
|
||||
padding: 4rem 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-hr {
|
||||
border-top-color: #d0d5d8;
|
||||
}
|
||||
|
||||
.jumbotron-fluid {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
@ -4556,7 +4454,7 @@ a.label:hover {
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress {
|
||||
background-color: #eee;
|
||||
border-radius: .25rem;
|
||||
@ -4593,7 +4491,7 @@ a.label:hover {
|
||||
background-size: 1rem 1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
@ -4612,7 +4510,7 @@ a.label:hover {
|
||||
animation: progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-animated .progress-bar-striped {
|
||||
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
||||
-o-animation: progress-bar-stripes 2s linear infinite;
|
||||
@ -4628,7 +4526,7 @@ a.label:hover {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-success .progress-bar {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
@ -4642,7 +4540,7 @@ a.label:hover {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-info .progress-bar {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
@ -4656,7 +4554,7 @@ a.label:hover {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-warning .progress-bar {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
@ -4670,7 +4568,7 @@ a.label:hover {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-danger .progress-bar {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
@ -4744,9 +4642,9 @@ a.label:hover {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: .75rem 1.25rem;
|
||||
margin-bottom: -.0625rem;
|
||||
margin-bottom: -1px;
|
||||
background-color: #fff;
|
||||
border: .0625rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.list-group-item:first-child {
|
||||
@ -4761,10 +4659,18 @@ a.label:hover {
|
||||
}
|
||||
|
||||
.list-group-flush .list-group-item {
|
||||
border-width: .0625rem 0;
|
||||
border-width: 1px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.list-group-flush:first-child .list-group-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.list-group-flush:last-child .list-group-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
a.list-group-item,
|
||||
button.list-group-item {
|
||||
width: 100%;
|
||||
@ -4777,8 +4683,7 @@ button.list-group-item .list-group-item-heading {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a.list-group-item:focus,
|
||||
a.list-group-item:hover,
|
||||
a.list-group-item:focus, a.list-group-item:hover,
|
||||
button.list-group-item:focus,
|
||||
button.list-group-item:hover {
|
||||
color: #555;
|
||||
@ -4786,29 +4691,21 @@ button.list-group-item:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.list-group-item.disabled,
|
||||
.list-group-item.disabled:focus,
|
||||
.list-group-item.disabled:hover {
|
||||
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
|
||||
.list-group-item.disabled .list-group-item-heading,
|
||||
.list-group-item.disabled:focus .list-group-item-heading,
|
||||
.list-group-item.disabled:hover .list-group-item-heading {
|
||||
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.list-group-item.disabled .list-group-item-text,
|
||||
.list-group-item.disabled:focus .list-group-item-text,
|
||||
.list-group-item.disabled:hover .list-group-item-text {
|
||||
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:focus,
|
||||
.list-group-item.active:hover {
|
||||
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
@ -4817,19 +4714,15 @@ button.list-group-item:hover {
|
||||
|
||||
.list-group-item.active .list-group-item-heading,
|
||||
.list-group-item.active .list-group-item-heading > small,
|
||||
.list-group-item.active .list-group-item-heading > .small,
|
||||
.list-group-item.active:focus .list-group-item-heading,
|
||||
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
|
||||
.list-group-item.active:focus .list-group-item-heading > small,
|
||||
.list-group-item.active:focus .list-group-item-heading > .small,
|
||||
.list-group-item.active:hover .list-group-item-heading,
|
||||
.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
|
||||
.list-group-item.active:hover .list-group-item-heading > small,
|
||||
.list-group-item.active:hover .list-group-item-heading > .small {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.list-group-item.active .list-group-item-text,
|
||||
.list-group-item.active:focus .list-group-item-text,
|
||||
.list-group-item.active:hover .list-group-item-text {
|
||||
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
|
||||
color: #a8d6fe;
|
||||
}
|
||||
|
||||
@ -4848,17 +4741,14 @@ button.list-group-item-success .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-success:focus,
|
||||
a.list-group-item-success:hover,
|
||||
a.list-group-item-success:focus, a.list-group-item-success:hover,
|
||||
button.list-group-item-success:focus,
|
||||
button.list-group-item-success:hover {
|
||||
color: #3c763d;
|
||||
background-color: #d0e9c6;
|
||||
}
|
||||
|
||||
a.list-group-item-success.active,
|
||||
a.list-group-item-success.active:focus,
|
||||
a.list-group-item-success.active:hover,
|
||||
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
|
||||
button.list-group-item-success.active,
|
||||
button.list-group-item-success.active:focus,
|
||||
button.list-group-item-success.active:hover {
|
||||
@ -4882,17 +4772,14 @@ button.list-group-item-info .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-info:focus,
|
||||
a.list-group-item-info:hover,
|
||||
a.list-group-item-info:focus, a.list-group-item-info:hover,
|
||||
button.list-group-item-info:focus,
|
||||
button.list-group-item-info:hover {
|
||||
color: #31708f;
|
||||
background-color: #c4e3f3;
|
||||
}
|
||||
|
||||
a.list-group-item-info.active,
|
||||
a.list-group-item-info.active:focus,
|
||||
a.list-group-item-info.active:hover,
|
||||
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
|
||||
button.list-group-item-info.active,
|
||||
button.list-group-item-info.active:focus,
|
||||
button.list-group-item-info.active:hover {
|
||||
@ -4916,17 +4803,14 @@ button.list-group-item-warning .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-warning:focus,
|
||||
a.list-group-item-warning:hover,
|
||||
a.list-group-item-warning:focus, a.list-group-item-warning:hover,
|
||||
button.list-group-item-warning:focus,
|
||||
button.list-group-item-warning:hover {
|
||||
color: #8a6d3b;
|
||||
background-color: #faf2cc;
|
||||
}
|
||||
|
||||
a.list-group-item-warning.active,
|
||||
a.list-group-item-warning.active:focus,
|
||||
a.list-group-item-warning.active:hover,
|
||||
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
|
||||
button.list-group-item-warning.active,
|
||||
button.list-group-item-warning.active:focus,
|
||||
button.list-group-item-warning.active:hover {
|
||||
@ -4950,17 +4834,14 @@ button.list-group-item-danger .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-danger:focus,
|
||||
a.list-group-item-danger:hover,
|
||||
a.list-group-item-danger:focus, a.list-group-item-danger:hover,
|
||||
button.list-group-item-danger:focus,
|
||||
button.list-group-item-danger:hover {
|
||||
color: #a94442;
|
||||
background-color: #ebcccc;
|
||||
}
|
||||
|
||||
a.list-group-item-danger.active,
|
||||
a.list-group-item-danger.active:focus,
|
||||
a.list-group-item-danger.active:hover,
|
||||
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
|
||||
button.list-group-item-danger.active,
|
||||
button.list-group-item-danger.active:focus,
|
||||
button.list-group-item-danger.active:hover {
|
||||
@ -5013,6 +4894,10 @@ button.list-group-item-danger.active:hover {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
||||
.embed-responsive-1by1 {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 1.5rem;
|
||||
@ -5023,8 +4908,7 @@ button.list-group-item-danger.active:hover {
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
.close:focus,
|
||||
.close:hover {
|
||||
.close:focus, .close:hover {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
@ -5058,8 +4942,10 @@ button.close {
|
||||
|
||||
.modal.fade .modal-dialog {
|
||||
-webkit-transition: -webkit-transform .3s ease-out;
|
||||
-o-transition: -o-transform .3s ease-out;
|
||||
-o-transition: transform .3s ease-out, -o-transform .3s ease-out;
|
||||
transition: -webkit-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-transform: translate(0, -25%);
|
||||
-ms-transform: translate(0, -25%);
|
||||
-o-transform: translate(0, -25%);
|
||||
@ -5170,7 +5056,7 @@ button.close {
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.modal-dialog {
|
||||
width: 600px;
|
||||
margin: 30px auto;
|
||||
@ -5180,7 +5066,7 @@ button.close {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.modal-lg {
|
||||
width: 900px;
|
||||
}
|
||||
@ -5191,7 +5077,7 @@ button.close {
|
||||
z-index: 1070;
|
||||
display: block;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
@ -5214,14 +5100,12 @@ button.close {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-top,
|
||||
.tooltip.bs-tether-element-attached-bottom {
|
||||
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
|
||||
padding: 5px 0;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-top .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
|
||||
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
@ -5229,14 +5113,12 @@ button.close {
|
||||
border-top-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-right,
|
||||
.tooltip.bs-tether-element-attached-left {
|
||||
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
|
||||
padding: 0 5px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-right .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-left .tooltip-arrow {
|
||||
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -5px;
|
||||
@ -5244,14 +5126,12 @@ button.close {
|
||||
border-right-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom,
|
||||
.tooltip.bs-tether-element-attached-top {
|
||||
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
|
||||
padding: 5px 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
|
||||
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
@ -5259,14 +5139,12 @@ button.close {
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-left,
|
||||
.tooltip.bs-tether-element-attached-right {
|
||||
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
|
||||
padding: 0 5px;
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-left .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
|
||||
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -5px;
|
||||
@ -5300,7 +5178,7 @@ button.close {
|
||||
max-width: 276px;
|
||||
padding: 1px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
@ -5323,13 +5201,11 @@ button.close {
|
||||
line-break: auto;
|
||||
}
|
||||
|
||||
.popover.popover-top,
|
||||
.popover.bs-tether-element-attached-bottom {
|
||||
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.popover.popover-top .popover-arrow,
|
||||
.popover.bs-tether-element-attached-bottom .popover-arrow {
|
||||
.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
|
||||
bottom: -11px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
@ -5337,8 +5213,7 @@ button.close {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-top .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-bottom .popover-arrow::after {
|
||||
.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
|
||||
bottom: 1px;
|
||||
margin-left: -10px;
|
||||
content: "";
|
||||
@ -5346,13 +5221,11 @@ button.close {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-right,
|
||||
.popover.bs-tether-element-attached-left {
|
||||
.popover.popover-right, .popover.bs-tether-element-attached-left {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.popover.popover-right .popover-arrow,
|
||||
.popover.bs-tether-element-attached-left .popover-arrow {
|
||||
.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
|
||||
top: 50%;
|
||||
left: -11px;
|
||||
margin-top: -11px;
|
||||
@ -5360,8 +5233,7 @@ button.close {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-right .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-left .popover-arrow::after {
|
||||
.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
|
||||
bottom: -10px;
|
||||
left: 1px;
|
||||
content: "";
|
||||
@ -5369,13 +5241,11 @@ button.close {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-bottom,
|
||||
.popover.bs-tether-element-attached-top {
|
||||
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.popover.popover-bottom .popover-arrow,
|
||||
.popover.bs-tether-element-attached-top .popover-arrow {
|
||||
.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
|
||||
top: -11px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
@ -5383,8 +5253,7 @@ button.close {
|
||||
border-bottom-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.popover.popover-bottom .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-top .popover-arrow::after {
|
||||
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
|
||||
top: 1px;
|
||||
margin-left: -10px;
|
||||
content: "";
|
||||
@ -5392,13 +5261,11 @@ button.close {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
.popover.popover-left,
|
||||
.popover.bs-tether-element-attached-right {
|
||||
.popover.popover-left, .popover.bs-tether-element-attached-right {
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.popover.popover-left .popover-arrow,
|
||||
.popover.bs-tether-element-attached-right .popover-arrow {
|
||||
.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
|
||||
top: 50%;
|
||||
right: -11px;
|
||||
margin-top: -11px;
|
||||
@ -5406,8 +5273,7 @@ button.close {
|
||||
border-left-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.popover.popover-left .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-right .popover-arrow::after {
|
||||
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
|
||||
right: 1px;
|
||||
bottom: -10px;
|
||||
content: "";
|
||||
@ -5428,8 +5294,7 @@ button.close {
|
||||
padding: 9px 14px;
|
||||
}
|
||||
|
||||
.popover-arrow,
|
||||
.popover-arrow::after {
|
||||
.popover-arrow, .popover-arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
@ -5473,29 +5338,27 @@ button.close {
|
||||
@media all and (transform-3d), (-webkit-transform-3d) {
|
||||
.carousel-inner > .carousel-item {
|
||||
-webkit-transition: -webkit-transform .6s ease-in-out;
|
||||
-o-transition: -o-transform .6s ease-in-out;
|
||||
-o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out;
|
||||
transition: -webkit-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-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
.carousel-inner > .carousel-item.next,
|
||||
.carousel-inner > .carousel-item.active.right {
|
||||
.carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.carousel-inner > .carousel-item.prev,
|
||||
.carousel-inner > .carousel-item.active.left {
|
||||
.carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.carousel-inner > .carousel-item.next.left,
|
||||
.carousel-inner > .carousel-item.prev.right,
|
||||
.carousel-inner > .carousel-item.active {
|
||||
.carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
@ -5573,8 +5436,7 @@ button.close {
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.carousel-control:focus,
|
||||
.carousel-control:hover {
|
||||
.carousel-control:focus, .carousel-control:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
@ -5660,7 +5522,7 @@ button.close {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.carousel-control .icon-prev,
|
||||
.carousel-control .icon-next {
|
||||
width: 30px;
|
||||
@ -5696,12 +5558,64 @@ button.close {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
.pull-xs-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-xs-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
.pull-xs-none {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
@media (min-width: 544px) {
|
||||
.pull-sm-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-sm-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-sm-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.pull-md-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-md-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-md-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.pull-lg-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-lg-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-lg-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.pull-xl-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-xl-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-xl-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
@ -5715,8 +5629,7 @@ button.close {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus {
|
||||
.sr-only-focusable:active, .sr-only-focusable:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@ -5725,12 +5638,8 @@ button.close {
|
||||
clip: auto;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.text-hide {
|
||||
@ -5741,24 +5650,12 @@ button.close {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
@ -5768,75 +5665,87 @@ button.close {
|
||||
}
|
||||
|
||||
.text-xs-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.text-xs-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.text-xs-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.text-sm-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-sm-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-sm-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.text-md-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-md-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-md-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.text-lg-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-lg-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-lg-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.text-xl-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-xl-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-xl-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
text-transform: lowercase !important;
|
||||
}
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase !important;
|
||||
}
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
text-transform: capitalize !important;
|
||||
}
|
||||
|
||||
.font-weight-normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.font-weight-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.font-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
@ -5844,47 +5753,42 @@ button.close {
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #0275d8;
|
||||
color: #0275d8 !important;
|
||||
}
|
||||
|
||||
a.text-primary:focus,
|
||||
a.text-primary:hover {
|
||||
a.text-primary:focus, a.text-primary:hover {
|
||||
color: #025aa5;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #5cb85c;
|
||||
color: #5cb85c !important;
|
||||
}
|
||||
|
||||
a.text-success:focus,
|
||||
a.text-success:hover {
|
||||
a.text-success:focus, a.text-success:hover {
|
||||
color: #449d44;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: #5bc0de;
|
||||
color: #5bc0de !important;
|
||||
}
|
||||
|
||||
a.text-info:focus,
|
||||
a.text-info:hover {
|
||||
a.text-info:focus, a.text-info:hover {
|
||||
color: #31b0d5;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: #f0ad4e;
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
a.text-warning:focus,
|
||||
a.text-warning:hover {
|
||||
a.text-warning:focus, a.text-warning:hover {
|
||||
color: #ec971f;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #d9534f;
|
||||
color: #d9534f !important;
|
||||
}
|
||||
|
||||
a.text-danger:focus,
|
||||
a.text-danger:hover {
|
||||
a.text-danger:focus, a.text-danger:hover {
|
||||
color: #c9302c;
|
||||
}
|
||||
|
||||
@ -5898,52 +5802,47 @@ a.text-danger:hover {
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
color: #fff !important;
|
||||
background-color: #0275d8 !important;
|
||||
}
|
||||
|
||||
a.bg-primary:focus,
|
||||
a.bg-primary:hover {
|
||||
a.bg-primary:focus, a.bg-primary:hover {
|
||||
background-color: #025aa5;
|
||||
}
|
||||
|
||||
.bg-success {
|
||||
color: #fff;
|
||||
background-color: #5cb85c;
|
||||
color: #fff !important;
|
||||
background-color: #5cb85c !important;
|
||||
}
|
||||
|
||||
a.bg-success:focus,
|
||||
a.bg-success:hover {
|
||||
a.bg-success:focus, a.bg-success:hover {
|
||||
background-color: #449d44;
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
color: #fff;
|
||||
background-color: #5bc0de;
|
||||
color: #fff !important;
|
||||
background-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
a.bg-info:focus,
|
||||
a.bg-info:hover {
|
||||
a.bg-info:focus, a.bg-info:hover {
|
||||
background-color: #31b0d5;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
color: #fff;
|
||||
background-color: #f0ad4e;
|
||||
color: #fff !important;
|
||||
background-color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
a.bg-warning:focus,
|
||||
a.bg-warning:hover {
|
||||
a.bg-warning:focus, a.bg-warning:hover {
|
||||
background-color: #ec971f;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
color: #fff;
|
||||
background-color: #d9534f;
|
||||
color: #fff !important;
|
||||
background-color: #d9534f !important;
|
||||
}
|
||||
|
||||
a.bg-danger:focus,
|
||||
a.bg-danger:hover {
|
||||
a.bg-danger:focus, a.bg-danger:hover {
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
@ -6204,49 +6103,49 @@ a.bg-danger:hover {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 33.9em) {
|
||||
@media (max-width: 543px) {
|
||||
.hidden-xs-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.hidden-sm-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 47.9em) {
|
||||
@media (max-width: 767px) {
|
||||
.hidden-sm-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.hidden-md-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 61.9em) {
|
||||
@media (max-width: 991px) {
|
||||
.hidden-md-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.hidden-lg-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 74.9em) {
|
||||
@media (max-width: 1199px) {
|
||||
.hidden-lg-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.hidden-xl-up {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css.map
vendored
2
dist/css/bootstrap.min.css.map
vendored
File diff suppressed because one or more lines are too long
@ -10,8 +10,8 @@ if (typeof jQuery === 'undefined') {
|
||||
|
||||
+function ($) {
|
||||
var version = $.fn.jquery.split(' ')[0].split('.')
|
||||
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {
|
||||
throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher')
|
||||
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] >= 3)) {
|
||||
throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v3.0.0')
|
||||
}
|
||||
}(jQuery);
|
||||
|
||||
@ -20,14 +20,14 @@ if (typeof jQuery === 'undefined') {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): util.js
|
||||
* Bootstrap (v4.0.0-alpha): util.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
|
||||
@ -129,7 +129,7 @@ var Util = (function ($) {
|
||||
|
||||
getUID: function getUID(prefix) {
|
||||
do {
|
||||
prefix += ~ ~(Math.random() * 1000000);
|
||||
prefix += ~ ~(Math.random() * 1000000); // "~~" acts like a faster Math.floor() here
|
||||
} while (document.getElementById(prefix));
|
||||
return prefix;
|
||||
},
|
||||
@ -185,7 +185,7 @@ var Util = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): alert.js
|
||||
* Bootstrap (v4.0.0-alpha): alert.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -199,7 +199,7 @@ var Alert = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'alert';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.alert';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -371,7 +371,7 @@ var Alert = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): button.js
|
||||
* Bootstrap (v4.0.0-alpha): button.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -385,7 +385,7 @@ var Button = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'button';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.button';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -537,7 +537,7 @@ var Button = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): carousel.js
|
||||
* Bootstrap (v4.0.0-alpha): carousel.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -551,7 +551,7 @@ var Carousel = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'carousel';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.carousel';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -650,6 +650,14 @@ var Carousel = (function ($) {
|
||||
this._slide(Direction.NEXT);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'nextWhenVisible',
|
||||
value: function nextWhenVisible() {
|
||||
// Don't call next when the page isn't visible
|
||||
if (!document.hidden) {
|
||||
this.next();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'prev',
|
||||
value: function prev() {
|
||||
@ -685,7 +693,7 @@ var Carousel = (function ($) {
|
||||
}
|
||||
|
||||
if (this._config.interval && !this._isPaused) {
|
||||
this._interval = setInterval($.proxy(this.next, this), this._config.interval);
|
||||
this._interval = setInterval($.proxy(document.visibilityState ? this.nextWhenVisible : this.next, this), this._config.interval);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
@ -918,7 +926,10 @@ var Carousel = (function ($) {
|
||||
|
||||
if (typeof config === 'number') {
|
||||
data.to(config);
|
||||
} else if (action) {
|
||||
} else if (typeof action === 'string') {
|
||||
if (data[action] === undefined) {
|
||||
throw new Error('No method named "' + action + '"');
|
||||
}
|
||||
data[action]();
|
||||
} else if (_config.interval) {
|
||||
data.pause();
|
||||
@ -998,7 +1009,7 @@ var Carousel = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): collapse.js
|
||||
* Bootstrap (v4.0.0-alpha): collapse.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1012,7 +1023,7 @@ var Collapse = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'collapse';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.collapse';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1306,6 +1317,9 @@ var Collapse = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -1353,7 +1367,7 @@ var Collapse = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): dropdown.js
|
||||
* Bootstrap (v4.0.0-alpha): dropdown.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1367,7 +1381,7 @@ var Dropdown = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'dropdown';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.dropdown';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1496,6 +1510,9 @@ var Dropdown = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config].call(this);
|
||||
}
|
||||
});
|
||||
@ -1637,7 +1654,7 @@ var Dropdown = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): modal.js
|
||||
* Bootstrap (v4.0.0-alpha): modal.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1651,7 +1668,7 @@ var Modal = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'modal';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.modal';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1769,7 +1786,7 @@ var Modal = (function ($) {
|
||||
$(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
|
||||
$(_this7._element).one(Event.MOUSEUP_DISMISS, function (event) {
|
||||
if ($(event.target).is(_this7._element)) {
|
||||
that._ignoreBackdropClick = true;
|
||||
_this7._ignoreBackdropClick = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -2093,6 +2110,9 @@ var Modal = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config](relatedTarget);
|
||||
} else if (_config.show) {
|
||||
data.show(relatedTarget);
|
||||
@ -2164,7 +2184,7 @@ var Modal = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): scrollspy.js
|
||||
* Bootstrap (v4.0.0-alpha): scrollspy.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -2178,7 +2198,7 @@ var ScrollSpy = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'scrollspy';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.scrollspy';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -2429,6 +2449,9 @@ var ScrollSpy = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -2475,7 +2498,7 @@ var ScrollSpy = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tab.js
|
||||
* Bootstrap (v4.0.0-alpha): tab.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -2489,7 +2512,7 @@ var Tab = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'tab';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tab';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -2692,6 +2715,9 @@ var Tab = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -2727,15 +2753,25 @@ var Tab = (function ($) {
|
||||
return Tab;
|
||||
})(jQuery);
|
||||
|
||||
/* global Tether */
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tooltip.js
|
||||
* Bootstrap (v4.0.0-alpha): tooltip.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* Check for Tether dependency
|
||||
* Tether - http://github.hubspot.com/tether/
|
||||
*/
|
||||
if (window.Tether === undefined) {
|
||||
throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)');
|
||||
}
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
@ -2743,7 +2779,7 @@ var Tooltip = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'tooltip';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tooltip';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -2971,7 +3007,8 @@ var Tooltip = (function ($) {
|
||||
classes: TetherClass,
|
||||
classPrefix: CLASS_PREFIX,
|
||||
offset: this.config.offset,
|
||||
constraints: this.config.constraints
|
||||
constraints: this.config.constraints,
|
||||
addTargetClasses: false
|
||||
});
|
||||
|
||||
Util.reflow(tip);
|
||||
@ -3093,12 +3130,6 @@ var Tooltip = (function ($) {
|
||||
value: function cleanupTether() {
|
||||
if (this._tether) {
|
||||
this._tether.destroy();
|
||||
|
||||
// clean up after tether's junk classes
|
||||
// remove after they fix issue
|
||||
// (https://github.com/HubSpot/tether/issues/36)
|
||||
$(this.element).removeClass(this._removeTetherClasses);
|
||||
$(this.tip).removeClass(this._removeTetherClasses);
|
||||
}
|
||||
}
|
||||
|
||||
@ -3136,11 +3167,6 @@ var Tooltip = (function ($) {
|
||||
this._fixTitle();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: '_removeTetherClasses',
|
||||
value: function _removeTetherClasses(i, css) {
|
||||
return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
|
||||
}
|
||||
}, {
|
||||
key: '_fixTitle',
|
||||
value: function _fixTitle() {
|
||||
@ -3283,6 +3309,9 @@ var Tooltip = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -3339,7 +3368,7 @@ var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): popover.js
|
||||
* Bootstrap (v4.0.0-alpha): popover.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -3353,7 +3382,7 @@ var Popover = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'popover';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.popover';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -3468,6 +3497,9 @@ var Popover = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
4
dist/js/bootstrap.min.js
vendored
4
dist/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
4
dist/js/umd/alert.js
vendored
4
dist/js/umd/alert.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): alert.js
|
||||
* Bootstrap (v4.0.0-alpha): alert.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'alert';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.alert';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
|
||||
4
dist/js/umd/button.js
vendored
4
dist/js/umd/button.js
vendored
@ -13,7 +13,7 @@
|
||||
})(this, function (exports, module) {
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): button.js
|
||||
* Bootstrap (v4.0.0-alpha): button.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -33,7 +33,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'button';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.button';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
|
||||
19
dist/js/umd/carousel.js
vendored
19
dist/js/umd/carousel.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): carousel.js
|
||||
* Bootstrap (v4.0.0-alpha): carousel.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'carousel';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.carousel';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -136,6 +136,14 @@
|
||||
this._slide(Direction.NEXT);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'nextWhenVisible',
|
||||
value: function nextWhenVisible() {
|
||||
// Don't call next when the page isn't visible
|
||||
if (!document.hidden) {
|
||||
this.next();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'prev',
|
||||
value: function prev() {
|
||||
@ -171,7 +179,7 @@
|
||||
}
|
||||
|
||||
if (this._config.interval && !this._isPaused) {
|
||||
this._interval = setInterval($.proxy(this.next, this), this._config.interval);
|
||||
this._interval = setInterval($.proxy(document.visibilityState ? this.nextWhenVisible : this.next, this), this._config.interval);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
@ -404,7 +412,10 @@
|
||||
|
||||
if (typeof config === 'number') {
|
||||
data.to(config);
|
||||
} else if (action) {
|
||||
} else if (typeof action === 'string') {
|
||||
if (data[action] === undefined) {
|
||||
throw new Error('No method named "' + action + '"');
|
||||
}
|
||||
data[action]();
|
||||
} else if (_config.interval) {
|
||||
data.pause();
|
||||
|
||||
7
dist/js/umd/collapse.js
vendored
7
dist/js/umd/collapse.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): collapse.js
|
||||
* Bootstrap (v4.0.0-alpha): collapse.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'collapse';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.collapse';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -331,6 +331,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
dist/js/umd/dropdown.js
vendored
7
dist/js/umd/dropdown.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): dropdown.js
|
||||
* Bootstrap (v4.0.0-alpha): dropdown.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'dropdown';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.dropdown';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -166,6 +166,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config].call(this);
|
||||
}
|
||||
});
|
||||
|
||||
9
dist/js/umd/modal.js
vendored
9
dist/js/umd/modal.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): modal.js
|
||||
* Bootstrap (v4.0.0-alpha): modal.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'modal';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.modal';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -155,7 +155,7 @@
|
||||
$(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
|
||||
$(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
|
||||
if ($(event.target).is(_this._element)) {
|
||||
that._ignoreBackdropClick = true;
|
||||
_this._ignoreBackdropClick = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -479,6 +479,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config](relatedTarget);
|
||||
} else if (_config.show) {
|
||||
data.show(relatedTarget);
|
||||
|
||||
9
dist/js/umd/popover.js
vendored
9
dist/js/umd/popover.js
vendored
@ -15,7 +15,7 @@
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): popover.js
|
||||
* Bootstrap (v4.0.0-alpha): popover.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -41,7 +41,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'popover';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.popover';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -156,6 +156,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
dist/js/umd/scrollspy.js
vendored
7
dist/js/umd/scrollspy.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): scrollspy.js
|
||||
* Bootstrap (v4.0.0-alpha): scrollspy.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'scrollspy';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.scrollspy';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -288,6 +288,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
dist/js/umd/tab.js
vendored
7
dist/js/umd/tab.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tab.js
|
||||
* Bootstrap (v4.0.0-alpha): tab.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'tab';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tab';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -240,6 +240,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
31
dist/js/umd/tooltip.js
vendored
31
dist/js/umd/tooltip.js
vendored
@ -11,6 +11,8 @@
|
||||
global.tooltip = mod.exports;
|
||||
}
|
||||
})(this, function (exports, module, _util) {
|
||||
/* global Tether */
|
||||
|
||||
'use strict';
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
@ -23,13 +25,21 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tooltip.js
|
||||
* Bootstrap (v4.0.0-alpha): tooltip.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* Check for Tether dependency
|
||||
* Tether - http://github.hubspot.com/tether/
|
||||
*/
|
||||
if (window.Tether === undefined) {
|
||||
throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)');
|
||||
}
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
@ -37,7 +47,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'tooltip';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tooltip';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -265,7 +275,8 @@
|
||||
classes: TetherClass,
|
||||
classPrefix: CLASS_PREFIX,
|
||||
offset: this.config.offset,
|
||||
constraints: this.config.constraints
|
||||
constraints: this.config.constraints,
|
||||
addTargetClasses: false
|
||||
});
|
||||
|
||||
_Util['default'].reflow(tip);
|
||||
@ -387,12 +398,6 @@
|
||||
value: function cleanupTether() {
|
||||
if (this._tether) {
|
||||
this._tether.destroy();
|
||||
|
||||
// clean up after tether's junk classes
|
||||
// remove after they fix issue
|
||||
// (https://github.com/HubSpot/tether/issues/36)
|
||||
$(this.element).removeClass(this._removeTetherClasses);
|
||||
$(this.tip).removeClass(this._removeTetherClasses);
|
||||
}
|
||||
}
|
||||
|
||||
@ -430,11 +435,6 @@
|
||||
this._fixTitle();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: '_removeTetherClasses',
|
||||
value: function _removeTetherClasses(i, css) {
|
||||
return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
|
||||
}
|
||||
}, {
|
||||
key: '_fixTitle',
|
||||
value: function _fixTitle() {
|
||||
@ -577,6 +577,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
4
dist/js/umd/util.js
vendored
4
dist/js/umd/util.js
vendored
@ -13,7 +13,7 @@
|
||||
})(this, function (exports, module) {
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): util.js
|
||||
* Bootstrap (v4.0.0-alpha): util.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -114,7 +114,7 @@
|
||||
|
||||
getUID: function getUID(prefix) {
|
||||
do {
|
||||
prefix += ~ ~(Math.random() * 1000000);
|
||||
prefix += ~ ~(Math.random() * 1000000); // "~~" acts like a faster Math.floor() here
|
||||
} while (document.getElementById(prefix));
|
||||
return prefix;
|
||||
},
|
||||
|
||||
@ -48,16 +48,6 @@
|
||||
origin: >
|
||||
Bootstrap#10690
|
||||
|
||||
-
|
||||
browser: >
|
||||
Firefox (Windows)
|
||||
summary: >
|
||||
Java applets that are descendants of elements with forced hardware acceleration using `translate3d(0,0,0)` are invisible.
|
||||
upstream_bug: >
|
||||
Mozilla#1048279
|
||||
origin: >
|
||||
Bootstrap#14124
|
||||
|
||||
-
|
||||
browser: >
|
||||
Firefox
|
||||
@ -78,6 +68,26 @@
|
||||
origin: >
|
||||
Bootstrap#793
|
||||
|
||||
-
|
||||
browser: >
|
||||
Firefox
|
||||
summary: >
|
||||
`focus` events should not be fired at the `document` object
|
||||
upstream_bug: >
|
||||
Mozilla#1228802
|
||||
origin: >
|
||||
Bootstrap#18365
|
||||
|
||||
-
|
||||
browser: >
|
||||
Firefox (Windows)
|
||||
summary: >
|
||||
Right border of `<select>` menu is sometimes missing when screen is set to uncommon resolution
|
||||
upstream_bug: >
|
||||
Mozilla#1139853
|
||||
origin: >
|
||||
Bootstrap#15990
|
||||
|
||||
-
|
||||
browser: >
|
||||
Chrome (OS X)
|
||||
@ -148,6 +158,16 @@
|
||||
origin: >
|
||||
Bootstrap#16372
|
||||
|
||||
-
|
||||
browser: >
|
||||
Chrome
|
||||
summary: >
|
||||
`table-cell` borders not overlapping despite `margin-right: -1px`
|
||||
upstream_bug: >
|
||||
Chromium#534750
|
||||
origin: >
|
||||
Bootstrap#17438, Bootstrap#14237
|
||||
|
||||
-
|
||||
browser: >
|
||||
Chrome (Windows & Linux)
|
||||
@ -200,16 +220,6 @@
|
||||
Normalize#283,
|
||||
Chromium#337668
|
||||
|
||||
-
|
||||
browser: >
|
||||
Safari (OS X)
|
||||
summary: >
|
||||
`display: table-cell;` within media query renders incorrectly when resizing the window.
|
||||
upstream_bug: >
|
||||
WebKit#138167, Safari#18987206
|
||||
origin: >
|
||||
Bootstrap#9774
|
||||
|
||||
-
|
||||
browser: >
|
||||
Safari (OS X)
|
||||
@ -230,6 +240,16 @@
|
||||
origin: >
|
||||
Bootstrap#16180
|
||||
|
||||
-
|
||||
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)
|
||||
@ -250,6 +270,16 @@
|
||||
origin: >
|
||||
Bootstrap#14708
|
||||
|
||||
-
|
||||
browser: >
|
||||
Safari (iOS)
|
||||
summary: >
|
||||
Can't move cursor to start of text after entering long string of text into `<input type="text">`
|
||||
upstream_bug: >
|
||||
WebKit#148061, Safari#22299624
|
||||
origin: >
|
||||
Bootstrap#16988
|
||||
|
||||
-
|
||||
browser: >
|
||||
Safari (iOS)
|
||||
@ -264,8 +294,18 @@
|
||||
browser: >
|
||||
Safari (iOS)
|
||||
summary: >
|
||||
Tapping below `<input>`s can focus them in some cases
|
||||
Tapping on `<body>` doesn't fire `click` events
|
||||
upstream_bug: >
|
||||
WebKit#146244, Safari#21509310
|
||||
WebKit#151933
|
||||
origin: >
|
||||
Bootstrap#15968
|
||||
Bootstrap#16028
|
||||
|
||||
-
|
||||
browser: >
|
||||
Safari (iOS 9+)
|
||||
summary: >
|
||||
Sometimes excessive automatic zoom is applied after opening a modal, and the user isn't allowed to zoom out
|
||||
upstream_bug: >
|
||||
WebKit#150715
|
||||
origin: >
|
||||
WebKit#138201
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
code: zh
|
||||
description: Bootstrap 中文文档
|
||||
url: http://v4.bootcss.com/
|
||||
|
||||
|
||||
- name: Chinese
|
||||
code: zh
|
||||
description: Bootstrap 4 中文文档教程
|
||||
|
||||
@ -11,9 +11,11 @@
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="{{ site.cdn.jquery }}"></script>
|
||||
<script>window.jQuery || document.write('<script src="{{ site.baseurl }}/assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
|
||||
<script src="{{ site.baseurl }}/assets/js/vendor/tether.min.js"></script>
|
||||
|
||||
{% if site.github %}
|
||||
<script src="{{ site.baseurl }}/dist/js/bootstrap.min.js"></script>
|
||||
{% else %}
|
||||
@ -33,7 +35,7 @@
|
||||
<script src="{{ site.baseurl }}/assets/js/ie-emulation-modes-warning.js"></script>
|
||||
|
||||
{% if page.layout == "docs" %}
|
||||
<script src="{{ site.baseurl }}/assets/js/vendor/jekyll-search.js"></script>
|
||||
<script src="{{ site.baseurl }}/assets/js/vendor/jekyll-search.min.js"></script>
|
||||
|
||||
<script>
|
||||
SimpleJekyllSearch.init({
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.">
|
||||
<meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development">
|
||||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||
@ -14,7 +14,11 @@
|
||||
</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
{% if site.github %}
|
||||
<link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
{% else %}
|
||||
<link href="{{ site.baseurl }}/dist/css/bootstrap.css" rel="stylesheet">
|
||||
{% endif %}
|
||||
|
||||
<!-- Documentation extras -->
|
||||
<link href="{{ site.baseurl }}/assets/css/docs.min.css" rel="stylesheet">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="bd-sidebar">
|
||||
|
||||
<form class="bd-search hidden-sm-down">
|
||||
<input type="text" class="form-control" id="search-input" placeholder="Search...">
|
||||
<input type="text" class="form-control" id="search-input" placeholder="Search..." autocomplete="off">
|
||||
<div class="dropdown-menu bd-search-results" id="search-results"></div>
|
||||
</form>
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<header class="navbar navbar-light navbar-static-top bd-navbar" role="banner">
|
||||
{% comment %}
|
||||
<nav class="nav navbar-nav pull-right">
|
||||
<nav class="nav navbar-nav pull-xs-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 }}
|
||||
@ -25,7 +25,7 @@
|
||||
{% endcomment %}
|
||||
|
||||
<div class="clearfix">
|
||||
<button class="navbar-toggler pull-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav">
|
||||
<button class="navbar-toggler pull-xs-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav">
|
||||
☰
|
||||
</button>
|
||||
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
|
||||
|
||||
@ -17,7 +17,7 @@ module Jekyll
|
||||
|
||||
def render(context)
|
||||
site = context.registers[:site]
|
||||
converter = site.getConverterImpl(::Jekyll::Converters::Markdown)
|
||||
converter = site.find_converter_instance(::Jekyll::Converters::Markdown)
|
||||
output = converter.convert(super(context))
|
||||
"<div class=\"bd-callout bd-callout-#{@type}\">#{output}</div>"
|
||||
end
|
||||
|
||||
@ -57,11 +57,16 @@ eos
|
||||
def example(output)
|
||||
"<div class=\"bd-example\" data-example-id=\"#{@options[:id]}\">\n#{output}\n</div>"
|
||||
end
|
||||
|
||||
def remove_holderjs(code)
|
||||
code = code.gsub(/"holder.js.+?"/, '"..."')
|
||||
end
|
||||
|
||||
def render_rouge(code)
|
||||
require 'rouge'
|
||||
formatter = Rouge::Formatters::HTML.new(line_numbers: @options[:linenos], wrap: false)
|
||||
lexer = Rouge::Lexer.find_fancy(@lang, code) || Rouge::Lexers::PlainText
|
||||
code = remove_holderjs(code)
|
||||
code = formatter.format(lexer.lex(code))
|
||||
"<div class=\"highlight\"><pre>#{code}</pre></div>"
|
||||
end
|
||||
|
||||
@ -11,7 +11,7 @@ module Jekyll
|
||||
#
|
||||
def render(context)
|
||||
site = context.registers[:site]
|
||||
converter = site.getConverterImpl(::Jekyll::Converters::Markdown)
|
||||
converter = site.find_converter_instance(::Jekyll::Converters::Markdown)
|
||||
converter.convert(render_block(context))
|
||||
end
|
||||
end
|
||||
|
||||
2
docs/assets/css/docs.min.css
vendored
2
docs/assets/css/docs.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
30
docs/assets/js/docs.min.js
vendored
30
docs/assets/js/docs.min.js
vendored
File diff suppressed because one or more lines are too long
@ -17,7 +17,7 @@
|
||||
'@-ms-viewport{width:auto!important}'
|
||||
)
|
||||
)
|
||||
document.querySelector('head').appendChild(msViewportStyle)
|
||||
document.head.appendChild(msViewportStyle)
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
* details, see https://creativecommons.org/licenses/by/3.0/.
|
||||
*/
|
||||
|
||||
/* global ZeroClipboard, anchors */
|
||||
/* global Clipboard, anchors */
|
||||
|
||||
!function ($) {
|
||||
'use strict';
|
||||
@ -36,49 +36,39 @@
|
||||
e.preventDefault()
|
||||
})
|
||||
|
||||
// Config ZeroClipboard
|
||||
ZeroClipboard.config({
|
||||
moviePath: '/assets/flash/ZeroClipboard.swf',
|
||||
hoverClass: 'btn-clipboard-hover'
|
||||
})
|
||||
|
||||
// Insert copy to clipboard button before .highlight
|
||||
$('.highlight').each(function () {
|
||||
var btnHtml = '<div class="zero-clipboard"><span class="btn-clipboard">Copy</span></div>'
|
||||
var btnHtml = '<div class="bd-clipboard"><span class="btn-clipboard" title="Copy to clipboard">Copy</span></div>'
|
||||
$(this).before(btnHtml)
|
||||
$('.btn-clipboard').tooltip()
|
||||
})
|
||||
var zeroClipboard = new ZeroClipboard($('.btn-clipboard'))
|
||||
var $htmlBridge = $('#global-zeroclipboard-html-bridge')
|
||||
|
||||
// Handlers for ZeroClipboard
|
||||
zeroClipboard.on('load', function () {
|
||||
$htmlBridge
|
||||
.data('placement', 'top')
|
||||
var clipboard = new Clipboard('.btn-clipboard', {
|
||||
target: function (trigger) {
|
||||
return trigger.parentNode.nextElementSibling
|
||||
}
|
||||
})
|
||||
|
||||
clipboard.on('success', function (e) {
|
||||
$(e.trigger)
|
||||
.attr('title', 'Copied!')
|
||||
.tooltip('_fixTitle')
|
||||
.tooltip('show')
|
||||
.attr('title', 'Copy to clipboard')
|
||||
.tooltip()
|
||||
.tooltip('_fixTitle')
|
||||
|
||||
// Copy to clipboard
|
||||
zeroClipboard.on('dataRequested', function (client) {
|
||||
var highlight = $(this).parent().nextAll('.highlight').first()
|
||||
client.setText(highlight.text())
|
||||
})
|
||||
|
||||
// Notify copy success and reset tooltip title
|
||||
zeroClipboard.on('complete', function () {
|
||||
$htmlBridge
|
||||
.attr('title', 'Copied!')
|
||||
.tooltip('fixTitle')
|
||||
.tooltip('show')
|
||||
.attr('title', 'Copy to clipboard')
|
||||
.tooltip('fixTitle')
|
||||
})
|
||||
e.clearSelection()
|
||||
})
|
||||
|
||||
// Hide copy button when no Flash is found
|
||||
// or wrong Flash version is present
|
||||
zeroClipboard.on('noflash wrongflash', function () {
|
||||
$('.zero-clipboard').remove()
|
||||
ZeroClipboard.destroy()
|
||||
clipboard.on('error', function (e) {
|
||||
var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'Press \u2318 to copy' : 'Press Ctrl-C to copy'
|
||||
|
||||
$(e.trigger)
|
||||
.attr('title', fallbackMsg)
|
||||
.tooltip('_fixTitle')
|
||||
.tooltip('show')
|
||||
.attr('title', 'Copy to clipboard')
|
||||
.tooltip('_fixTitle')
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
9
docs/assets/js/vendor/ZeroClipboard.min.js
vendored
9
docs/assets/js/vendor/ZeroClipboard.min.js
vendored
File diff suppressed because one or more lines are too long
4
docs/assets/js/vendor/anchor.min.js
vendored
4
docs/assets/js/vendor/anchor.min.js
vendored
@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* AnchorJS - v1.2.1 - 2015-07-02
|
||||
* AnchorJS - v2.0.0 - 2015-10-31
|
||||
* https://github.com/bryanbraun/anchorjs
|
||||
* Copyright (c) 2015 Bryan Braun; Licensed MIT
|
||||
*/
|
||||
function AnchorJS(A){"use strict";this.options=A||{},this._applyRemainingDefaultOptions=function(A){this.options.icon=this.options.hasOwnProperty("icon")?A.icon:"",this.options.visible=this.options.hasOwnProperty("visible")?A.visible:"hover",this.options.placement=this.options.hasOwnProperty("placement")?A.placement:"right",this.options.class=this.options.hasOwnProperty("class")?A.class:""},this._applyRemainingDefaultOptions(A),this.add=function(A){var e,t,o,n,i,s,a,l,r,h,c,g;if(this._applyRemainingDefaultOptions(this.options),A){if("string"!=typeof A)throw new Error("The selector provided to AnchorJS was invalid.")}else A="h1, h2, h3, h4, h5, h6";if(e=document.querySelectorAll(A),0===e.length)return!1;for(this._addBaselineStyles(),t=document.querySelectorAll("[id]"),o=[].map.call(t,function(A){return A.id}),i=0;i<e.length;i++){if(e[i].hasAttribute("id"))n=e[i].getAttribute("id");else{s=e[i].textContent,a=s.replace(/[^\w\s-]/gi,"").replace(/\s+/g,"-").replace(/-{2,}/g,"-").substring(0,64).replace(/^-+|-+$/gm,"").toLowerCase(),h=a,r=0;do void 0!==l&&(h=a+"-"+r),l=o.indexOf(h),r+=1;while(-1!==l);l=void 0,o.push(h),e[i].setAttribute("id",h),n=h}c=n.replace(/-/g," "),g=document.createElement("a"),g.className="anchorjs-link "+this.options.class,g.href="#"+n,g.setAttribute("aria-label","Anchor link for: "+c),g.setAttribute("data-anchorjs-icon",this.options.icon),"always"===this.options.visible&&(g.style.opacity="1"),""===this.options.icon&&(g.style.fontFamily="anchorjs-icons",g.style.fontStyle="normal",g.style.fontVariant="normal",g.style.fontWeight="normal",g.style.lineHeight=1),"left"===this.options.placement?(g.style.position="absolute",g.style.marginLeft="-1em",g.style.paddingRight="0.5em",e[i].insertBefore(g,e[i].firstChild)):(g.style.paddingLeft="0.375em",e[i].appendChild(g))}return this},this.remove=function(A){for(var e,t=document.querySelectorAll(A),o=0;o<t.length;o++)e=t[o].querySelector(".anchorjs-link"),e&&t[o].removeChild(e);return this},this._addBaselineStyles=function(){if(null===document.head.querySelector("style.anchorjs")){var A,e=document.createElement("style"),t=" .anchorjs-link { opacity: 0; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }",o=" *:hover > .anchorjs-link, .anchorjs-link:focus { opacity: 1; }",n=' @font-face { font-family: "anchorjs-icons"; font-style: normal; font-weight: normal; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBTUAAAC8AAAAYGNtYXAWi9QdAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zgq29TcAAAF4AAABNGhlYWQEZM3pAAACrAAAADZoaGVhBhUDxgAAAuQAAAAkaG10eASAADEAAAMIAAAAFGxvY2EAKACuAAADHAAAAAxtYXhwAAgAVwAAAygAAAAgbmFtZQ5yJ3cAAANIAAAB2nBvc3QAAwAAAAAFJAAAACAAAwJAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpywPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6cv//f//AAAAAAAg6cv//f//AAH/4xY5AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACADEARAJTAsAAKwBUAAABIiYnJjQ/AT4BMzIWFxYUDwEGIicmND8BNjQnLgEjIgYPAQYUFxYUBw4BIwciJicmND8BNjIXFhQPAQYUFx4BMzI2PwE2NCcmNDc2MhcWFA8BDgEjARQGDAUtLXoWOR8fORYtLTgKGwoKCjgaGg0gEhIgDXoaGgkJBQwHdR85Fi0tOAobCgoKOBoaDSASEiANehoaCQkKGwotLXoWOR8BMwUFLYEuehYXFxYugC44CQkKGwo4GkoaDQ0NDXoaShoKGwoFBe8XFi6ALjgJCQobCjgaShoNDQ0NehpKGgobCgoKLYEuehYXAAEAAAABAACiToc1Xw889QALBAAAAAAA0XnFFgAAAADRecUWAAAAAAJTAsAAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAlMAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAACAAAAAoAAMQAAAAAACgAUAB4AmgABAAAABQBVAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4YW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"); }',i=" [data-anchorjs-icon]::after { content: attr(data-anchorjs-icon); }";e.className="anchorjs",e.appendChild(document.createTextNode("")),A=document.head.querySelector('[rel="stylesheet"], style'),void 0===A?document.head.appendChild(e):document.head.insertBefore(e,A),e.sheet.insertRule(t,e.sheet.cssRules.length),e.sheet.insertRule(o,e.sheet.cssRules.length),e.sheet.insertRule(i,e.sheet.cssRules.length),e.sheet.insertRule(n,e.sheet.cssRules.length)}}}var anchors=new AnchorJS;
|
||||
function AnchorJS(A){"use strict";function t(A){o.options.icon=o.options.hasOwnProperty("icon")?A.icon:"",o.options.visible=o.options.hasOwnProperty("visible")?A.visible:"hover",o.options.placement=o.options.hasOwnProperty("placement")?A.placement:"right",o.options.class=o.options.hasOwnProperty("class")?A.class:"",o.options.truncate=o.options.hasOwnProperty("truncate")?Math.floor(A.truncate):64}function e(){if(null===document.head.querySelector("style.anchorjs")){var A,t=document.createElement("style"),e=" .anchorjs-link { opacity: 0; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }",o=" *:hover > .anchorjs-link, .anchorjs-link:focus { opacity: 1; }",n=' @font-face { font-family: "anchorjs-icons"; font-style: normal; font-weight: normal; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBTUAAAC8AAAAYGNtYXAWi9QdAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zgq29TcAAAF4AAABNGhlYWQEZM3pAAACrAAAADZoaGVhBhUDxgAAAuQAAAAkaG10eASAADEAAAMIAAAAFGxvY2EAKACuAAADHAAAAAxtYXhwAAgAVwAAAygAAAAgbmFtZQ5yJ3cAAANIAAAB2nBvc3QAAwAAAAAFJAAAACAAAwJAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpywPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6cv//f//AAAAAAAg6cv//f//AAH/4xY5AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACADEARAJTAsAAKwBUAAABIiYnJjQ/AT4BMzIWFxYUDwEGIicmND8BNjQnLgEjIgYPAQYUFxYUBw4BIwciJicmND8BNjIXFhQPAQYUFx4BMzI2PwE2NCcmNDc2MhcWFA8BDgEjARQGDAUtLXoWOR8fORYtLTgKGwoKCjgaGg0gEhIgDXoaGgkJBQwHdR85Fi0tOAobCgoKOBoaDSASEiANehoaCQkKGwotLXoWOR8BMwUFLYEuehYXFxYugC44CQkKGwo4GkoaDQ0NDXoaShoKGwoFBe8XFi6ALjgJCQobCjgaShoNDQ0NehpKGgobCgoKLYEuehYXAAEAAAABAACiToc1Xw889QALBAAAAAAA0XnFFgAAAADRecUWAAAAAAJTAsAAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAlMAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAACAAAAAoAAMQAAAAAACgAUAB4AmgABAAAABQBVAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4YW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"); }',i=" [data-anchorjs-icon]::after { content: attr(data-anchorjs-icon); }";t.className="anchorjs",t.appendChild(document.createTextNode("")),A=document.head.querySelector('[rel="stylesheet"], style'),void 0===A?document.head.appendChild(t):document.head.insertBefore(t,A),t.sheet.insertRule(e,t.sheet.cssRules.length),t.sheet.insertRule(o,t.sheet.cssRules.length),t.sheet.insertRule(i,t.sheet.cssRules.length),t.sheet.insertRule(n,t.sheet.cssRules.length)}}var o=this;this.options=A||{},t(A),this.add=function(A){var o,n,i,s,a,r,l,c,h,g,B,u;if(t(this.options),A){if("string"!=typeof A)throw new Error("The selector provided to AnchorJS was invalid.")}else A="h1, h2, h3, h4, h5, h6";if(o=document.querySelectorAll(A),0===o.length)return!1;for(e(),n=document.querySelectorAll("[id]"),i=[].map.call(n,function(A){return A.id}),a=0;a<o.length;a++){if(o[a].hasAttribute("id"))s=o[a].getAttribute("id");else{r=o[a].textContent,l=this.urlify(r),g=l,h=0;do void 0!==c&&(g=l+"-"+h),c=i.indexOf(g),h+=1;while(-1!==c);c=void 0,i.push(g),o[a].setAttribute("id",g),s=g}B=s.replace(/-/g," "),u=document.createElement("a"),u.className="anchorjs-link "+this.options.class,u.href="#"+s,u.setAttribute("aria-label","Anchor link for: "+B),u.setAttribute("data-anchorjs-icon",this.options.icon),"always"===this.options.visible&&(u.style.opacity="1"),""===this.options.icon&&(u.style.fontFamily="anchorjs-icons",u.style.fontStyle="normal",u.style.fontVariant="normal",u.style.fontWeight="normal",u.style.lineHeight=1,"left"===this.options.placement&&(u.style.lineHeight="inherit")),"left"===this.options.placement?(u.style.position="absolute",u.style.marginLeft="-1em",u.style.paddingRight="0.5em",o[a].insertBefore(u,o[a].firstChild)):(u.style.paddingLeft="0.375em",o[a].appendChild(u))}return this},this.remove=function(A){for(var t,e=document.querySelectorAll(A),o=0;o<e.length;o++)t=e[o].querySelector(".anchorjs-link"),t&&e[o].removeChild(t);return this},this.urlify=function(A){var e,o=/[& +$,:;=?@"#{}|^~[`%!'\]\.\/\(\)\*\\]/g;return t(this.options),e=A.replace(/\'/gi,"").replace(o,"-").replace(/-{2,}/g,"-").substring(0,this.options.truncate).replace(/^-+|-+$/gm,"").toLowerCase()}}var anchors=new AnchorJS;
|
||||
7
docs/assets/js/vendor/clipboard.min.js
vendored
Normal file
7
docs/assets/js/vendor/clipboard.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
docs/assets/js/vendor/jekyll-search.js
vendored
1
docs/assets/js/vendor/jekyll-search.js
vendored
File diff suppressed because one or more lines are too long
1
docs/assets/js/vendor/jekyll-search.min.js
vendored
Normal file
1
docs/assets/js/vendor/jekyll-search.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
9
docs/assets/js/vendor/jquery.min.js
vendored
9
docs/assets/js/vendor/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,8 +1,8 @@
|
||||
// ZeroClipboard
|
||||
// clipboard.js
|
||||
//
|
||||
// Flash-based `Copy` buttons for code snippets.
|
||||
|
||||
.zero-clipboard {
|
||||
.bd-clipboard {
|
||||
position: relative;
|
||||
display: none;
|
||||
float: right;
|
||||
@ -28,7 +28,7 @@
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.zero-clipboard {
|
||||
.bd-clipboard {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -75,7 +75,7 @@
|
||||
}
|
||||
|
||||
+ .highlight,
|
||||
+ .zero-clipboard + .highlight {
|
||||
+ .clipboard + .highlight {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@ -253,11 +253,11 @@
|
||||
}
|
||||
|
||||
// Popovers
|
||||
.bd-example-popover {
|
||||
.bd-example-popover-static {
|
||||
padding-bottom: 1.5rem;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.bd-example-popover .popover {
|
||||
.bd-example-popover-static .popover {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
@ -266,7 +266,7 @@
|
||||
}
|
||||
|
||||
// Tooltips
|
||||
.bd-example-tooltip .tooltip {
|
||||
.bd-example-tooltip-static .tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 10px 20px;
|
||||
|
||||
@ -3,8 +3,9 @@
|
||||
padding: 3rem ($grid-gutter-width / 2) 2rem;
|
||||
color: $bd-purple-light;
|
||||
text-align: center;
|
||||
background: -webkit-linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
|
||||
background: linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
|
||||
background-image: -webkit-linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
|
||||
background-image: linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(darken($bd-purple, 20%))}', endColorstr='#{ie-hex-str(lighten(saturate($bd-purple, 5%), 15%))}', gradientType='1'); /* For IE9 */
|
||||
|
||||
.bd-booticon {
|
||||
margin: 0 auto 2rem;
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
}
|
||||
|
||||
&.active {
|
||||
font-weight: 500;
|
||||
color: darken($gray-dark, 25%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -47,6 +47,7 @@
|
||||
padding: .75rem 1rem;
|
||||
color: #7a7a7a;
|
||||
text-align: center;
|
||||
white-space: normal; // Undo .dropdown-item defaults
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -57,7 +57,7 @@ $bd-info: #5bc0de;
|
||||
@import "team";
|
||||
@import "browser-bugs";
|
||||
@import "brand";
|
||||
@import "zeroclipboard";
|
||||
@import "clipboard-js";
|
||||
|
||||
// Load docs dependencies
|
||||
@import "syntax";
|
||||
|
||||
@ -10,6 +10,11 @@ We publicly list browser bugs that are impacting us here, in the hopes of expedi
|
||||
|
||||
Also see [jQuery's browser bug workarounds](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o).
|
||||
|
||||
See also:
|
||||
* [Chromium issue 536263: [meta] Issues affecting Bootstrap](https://code.google.com/p/chromium/issues/detail?id=536263)
|
||||
* [Mozilla bug 1230801: Fix the issues that affect Bootstrap](https://bugzilla.mozilla.org/show_bug.cgi?id=1230801)
|
||||
* [jQuery's browser bug workarounds](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o)
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="bd-browser-bugs table table-bordered table-hover">
|
||||
<thead>
|
||||
|
||||
@ -64,7 +64,6 @@ You can see this in action with a live demo:
|
||||
<div class="alert alert-warning alert-dismissible fade in" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
|
||||
</div>
|
||||
@ -85,7 +84,6 @@ Or with `data` attributes on a button **within the alert**, as demonstrated abov
|
||||
{% highlight html %}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
@ -51,6 +51,16 @@ Cards support a wide variety of content, including images, text, list groups, li
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
<div class="card">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">Cras justo odio</li>
|
||||
<li class="list-group-item">Dapibus ac facilisis in</li>
|
||||
<li class="list-group-item">Vestibulum at eros</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
<div class="card">
|
||||
<img class="card-img-top" data-src="holder.js/100px180/?text=Image cap" alt="Card image cap">
|
||||
@ -130,13 +140,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-center">
|
||||
<div class="card card-block text-xs-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-right">
|
||||
<div class="card card-block text-xs-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>
|
||||
@ -160,6 +170,17 @@ Add an optional header and/or footer within a card.
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
<div class="card">
|
||||
<h3 class="card-header">Featured</h3>
|
||||
<div class="card-block">
|
||||
<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>
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@ -175,7 +196,7 @@ Add an optional header and/or footer within a card.
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
<div class="card text-center">
|
||||
<div class="card text-xs-center">
|
||||
<div class="card-header">
|
||||
Featured
|
||||
</div>
|
||||
@ -249,7 +270,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-center">
|
||||
<div class="card card-inverse card-primary text-xs-center">
|
||||
<div class="card-block">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
@ -257,7 +278,7 @@ Cards include their own variant classes for quickly changing the `background-col
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-inverse card-success text-center">
|
||||
<div class="card card-inverse card-success text-xs-center">
|
||||
<div class="card-block">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
@ -265,7 +286,7 @@ Cards include their own variant classes for quickly changing the `background-col
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-inverse card-info text-center">
|
||||
<div class="card card-inverse card-info text-xs-center">
|
||||
<div class="card-block">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
@ -273,7 +294,7 @@ Cards include their own variant classes for quickly changing the `background-col
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-inverse card-warning text-center">
|
||||
<div class="card card-inverse card-warning text-xs-center">
|
||||
<div class="card-block">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
@ -281,7 +302,7 @@ Cards include their own variant classes for quickly changing the `background-col
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-inverse card-danger text-center">
|
||||
<div class="card card-inverse card-danger text-xs-center">
|
||||
<div class="card-block">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
@ -398,7 +419,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns
|
||||
<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-center">
|
||||
<div class="card card-block card-inverse card-primary text-xs-center">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
|
||||
<footer>
|
||||
@ -408,7 +429,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="card card-block text-center">
|
||||
<div class="card card-block text-xs-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>
|
||||
@ -416,7 +437,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns
|
||||
<div class="card">
|
||||
<img class="card-img" data-src="holder.js/100px260/" alt="Card image">
|
||||
</div>
|
||||
<div class="card card-block text-right">
|
||||
<div class="card card-block text-xs-right">
|
||||
<blockquote class="card-blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
<footer>
|
||||
|
||||
@ -4,7 +4,7 @@ title: Carousel
|
||||
group: components
|
||||
---
|
||||
|
||||
A slideshow component for cycling through elements—images or slides of text—like a carousel. **Nested carousels are not supported.**
|
||||
A slideshow component for cycling through elements—images or slides of text—like a carousel. In browsers where the [Page Visibility API](http://www.w3.org/TR/page-visibility/) is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.). **Nested carousels are not supported.**
|
||||
|
||||
## Contents
|
||||
|
||||
@ -144,9 +144,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">Name</th>
|
||||
<th style="width: 50px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
<th style="width: 50px;">Type</th>
|
||||
<th style="width: 50px;">Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -180,7 +180,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
|
||||
### Methods
|
||||
|
||||
#### .carousel(options)
|
||||
#### `.carousel(options)`
|
||||
|
||||
Initializes the carousel with an optional options `object` and starts cycling through items.
|
||||
|
||||
@ -190,23 +190,23 @@ $('.carousel').carousel({
|
||||
})
|
||||
{% endhighlight %}
|
||||
|
||||
#### .carousel('cycle')
|
||||
#### `.carousel('cycle')`
|
||||
|
||||
Cycles through the carousel items from left to right.
|
||||
|
||||
#### .carousel('pause')
|
||||
#### `.carousel('pause')`
|
||||
|
||||
Stops the carousel from cycling through items.
|
||||
|
||||
#### .carousel(number)
|
||||
#### `.carousel(number)`
|
||||
|
||||
Cycles the carousel to a particular frame (0 based, similar to an array).
|
||||
|
||||
#### .carousel('prev')
|
||||
#### `.carousel('prev')`
|
||||
|
||||
Cycles to the previous item.
|
||||
|
||||
#### .carousel('next')
|
||||
#### `.carousel('next')`
|
||||
|
||||
Cycles to the next item.
|
||||
|
||||
|
||||
@ -121,9 +121,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">Name</th>
|
||||
<th style="width: 50px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
<th style="width: 50px;">Type</th>
|
||||
<th style="width: 50px;">Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -145,7 +145,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
|
||||
### Methods
|
||||
|
||||
#### .collapse(options)
|
||||
#### `.collapse(options)`
|
||||
|
||||
Activates your content as a collapsible element. Accepts an optional options `object`.
|
||||
|
||||
@ -155,15 +155,15 @@ $('#myCollapsible').collapse({
|
||||
})
|
||||
{% endhighlight %}
|
||||
|
||||
#### .collapse('toggle')
|
||||
#### `.collapse('toggle')`
|
||||
|
||||
Toggles a collapsible element to shown or hidden.
|
||||
|
||||
#### .collapse('show')
|
||||
#### `.collapse('show')`
|
||||
|
||||
Shows a collapsible element.
|
||||
|
||||
#### .collapse('hide')
|
||||
#### `.collapse('hide')`
|
||||
|
||||
Hides a collapsible element.
|
||||
|
||||
|
||||
@ -473,7 +473,7 @@ While Bootstrap will apply these styles in all browsers, Internet Explorer 11 an
|
||||
|
||||
## Readonly inputs
|
||||
|
||||
Add the `readonly` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.<
|
||||
Add the `readonly` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.
|
||||
|
||||
{% example html %}
|
||||
<input class="form-control" type="text" placeholder="Readonly input here…" readonly>
|
||||
@ -484,9 +484,9 @@ Add the `readonly` boolean attribute on an input to prevent modification of the
|
||||
Set heights using classes like `.form-control-lg`, and set widths using grid column classes like `.col-lg-*`.
|
||||
|
||||
{% example html %}
|
||||
<input class="form-control form-control-lg" type="text" placeholder=".input-lg">
|
||||
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
|
||||
<input class="form-control" type="text" placeholder="Default input">
|
||||
<input class="form-control form-control-sm" type="text" placeholder=".input-sm">
|
||||
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">
|
||||
{% endexample %}
|
||||
|
||||
{% example html %}
|
||||
@ -535,7 +535,7 @@ Block help text—for below inputs or for longer lines of help text—can be eas
|
||||
|
||||
## Validation
|
||||
|
||||
Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add `.has-warning`, `.has-error`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles.
|
||||
Bootstrap includes validation styles for danger, warning, and success states on form controls. To use, add `.has-warning`, `.has-danger`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles.
|
||||
|
||||
{% comment %}
|
||||
{% callout warning %}
|
||||
@ -556,40 +556,34 @@ Ensure that an alternative indication of state is also provided. For instance, y
|
||||
<label class="form-control-label" for="inputWarning1">Input with warning</label>
|
||||
<input type="text" class="form-control form-control-warning" id="inputWarning1">
|
||||
</div>
|
||||
<div class="form-group has-error">
|
||||
<label class="form-control-label" for="inputError1">Input with error</label>
|
||||
<input type="text" class="form-control form-control-error" id="inputError1">
|
||||
<div class="form-group has-danger">
|
||||
<label class="form-control-label" for="inputDanger1">Input with danger</label>
|
||||
<input type="text" class="form-control form-control-danger" id="inputDanger1">
|
||||
</div>
|
||||
|
||||
<div class="has-success">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxSuccess" value="option1">
|
||||
Checkbox with success
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox has-success">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxSuccess" value="option1">
|
||||
Checkbox with success
|
||||
</label>
|
||||
</div>
|
||||
<div class="has-warning">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxWarning" value="option1">
|
||||
Checkbox with warning
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox has-warning">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxWarning" value="option1">
|
||||
Checkbox with warning
|
||||
</label>
|
||||
</div>
|
||||
<div class="has-error">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxError" value="option1">
|
||||
Checkbox with error
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox has-danger">
|
||||
<label>
|
||||
<input type="checkbox" id="checkboxDanger" value="option1">
|
||||
Checkbox with danger
|
||||
</label>
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
## Custom forms
|
||||
|
||||
For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They're built on top of semantic and accessible markup, so they're solid replacements any default form control.
|
||||
For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They're built on top of semantic and accessible markup, so they're solid replacements for any default form control.
|
||||
|
||||
### Checkboxes and radios
|
||||
|
||||
|
||||
@ -23,7 +23,7 @@ Place one add-on or button on either side of an input. You may also place one on
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
|
||||
<span class="input-group-addon" id="basic-addon2">.00</span>
|
||||
<span class="input-group-addon" id="basic-addon2">@example.com</span>
|
||||
</div>
|
||||
<br>
|
||||
<label for="basic-url">Your vanity URL</label>
|
||||
@ -108,6 +108,20 @@ Buttons in input groups are a bit different and require one extra level of nesti
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-lg-offset-3 col-lg-6">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-secondary" type="button">Hate it</button>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Product name">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-secondary" type="button">Love it</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
## Buttons with dropdowns
|
||||
|
||||
@ -31,15 +31,15 @@ Add labels to any list group item to show unread counts, activity, etc.
|
||||
{% example html %}
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">
|
||||
<span class="label label-default label-pill pull-right">14</span>
|
||||
<span class="label label-default label-pill pull-xs-right">14</span>
|
||||
Cras justo odio
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<span class="label label-default label-pill pull-right">2</span>
|
||||
<span class="label label-default label-pill pull-xs-right">2</span>
|
||||
Dapibus ac facilisis in
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<span class="label label-default label-pill pull-right">1</span>
|
||||
<span class="label label-default label-pill pull-xs-right">1</span>
|
||||
Morbi leo risus
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -48,7 +48,6 @@ A rendered modal with header, body, and set of actions in the footer.
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title">Modal title</h4>
|
||||
</div>
|
||||
@ -71,7 +70,6 @@ A rendered modal with header, body, and set of actions in the footer.
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title">Modal title</h4>
|
||||
</div>
|
||||
@ -98,7 +96,6 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
|
||||
</div>
|
||||
@ -153,7 +150,6 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
|
||||
</div>
|
||||
@ -223,7 +219,6 @@ Modals have two optional sizes, available via modifier classes to be placed on a
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Large modal</h4>
|
||||
</div>
|
||||
@ -241,7 +236,6 @@ Modals have two optional sizes, available via modifier classes to be placed on a
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
|
||||
</div>
|
||||
@ -275,26 +269,28 @@ To take advantage of the Bootstrap grid system within a modal, just nest `.conta
|
||||
<h4 class="modal-title" id="gridModalLabel">Modal title</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
|
||||
<div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-9">
|
||||
Level 1: .col-sm-9
|
||||
<div class="row">
|
||||
<div class="col-xs-8 col-sm-6">
|
||||
Level 2: .col-xs-8 .col-sm-6
|
||||
</div>
|
||||
<div class="col-xs-4 col-sm-6">
|
||||
Level 2: .col-xs-4 .col-sm-6
|
||||
<div class="container-fluid bd-example-row">
|
||||
<div class="row">
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
|
||||
<div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-9">
|
||||
Level 1: .col-sm-9
|
||||
<div class="row">
|
||||
<div class="col-xs-8 col-sm-6">
|
||||
Level 2: .col-xs-8 .col-sm-6
|
||||
</div>
|
||||
<div class="col-xs-4 col-sm-6">
|
||||
Level 2: .col-xs-4 .col-sm-6
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -329,7 +325,6 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
|
||||
</div>
|
||||
@ -398,9 +393,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">Name</th>
|
||||
<th style="width: 50px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
<th style="width: 50px;">Type</th>
|
||||
<th style="width: 50px;">Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -428,7 +423,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
|
||||
### Methods
|
||||
|
||||
#### .modal(options)
|
||||
#### `.modal(options)`
|
||||
|
||||
Activates your content as a modal. Accepts an optional options `object`.
|
||||
|
||||
@ -438,19 +433,19 @@ $('#myModal').modal({
|
||||
})
|
||||
{% endhighlight %}
|
||||
|
||||
#### .modal('toggle')
|
||||
#### `.modal('toggle')`
|
||||
|
||||
Manually toggles a modal. **Returns to the caller before the modal has actually been shown or hidden** (i.e. before the `shown.bs.modal` or `hidden.bs.modal` event occurs).
|
||||
|
||||
{% highlight js %}$('#myModal').modal('toggle'){% endhighlight %}
|
||||
|
||||
#### .modal('show')
|
||||
#### `.modal('show')`
|
||||
|
||||
Manually opens a modal. **Returns to the caller before the modal has actually been shown** (i.e. before the `shown.bs.modal` event occurs).
|
||||
|
||||
{% highlight js %}$('#myModal').modal('show'){% endhighlight %}
|
||||
|
||||
#### .modal('hide')
|
||||
#### `.modal('hide')`
|
||||
|
||||
Manually hides a modal. **Returns to the caller before the modal has actually been hidden** (i.e. before the `hidden.bs.modal` event occurs).
|
||||
|
||||
|
||||
@ -15,9 +15,9 @@ The navbar is a simple wrapper for positioning branding, navigation, and other e
|
||||
|
||||
Here's what you need to know before getting started with the navbar:
|
||||
|
||||
- Navbars require a wrapping `.navbar` and a color scheme class (either `.navbar-default` or `.navbar-inverse`).
|
||||
- Navbars require a wrapping `.navbar` and a [color scheme](#color-schemes).
|
||||
- Navbars and their contents are fluid by default. Use [optional containers](#containers) to limit their horizontal width.
|
||||
- Use `.pull-left` and `.pull-right` to quickly align sub-components.
|
||||
- Use `.pull-*-left` and `.pull-*-right` to quickly align sub-components.
|
||||
- Ensure accessibility by using a `<nav>` element or, if using a more generic element such as a `<div>`, add a `role="navigation"` to every navbar to explicitly identify it as a landmark region for users of assistive technologies.
|
||||
|
||||
## Supported content
|
||||
@ -26,8 +26,7 @@ Navbars come with built-in support for a handful of sub-components. Mix and matc
|
||||
|
||||
- `.navbar-brand` for your company, product, or project name
|
||||
- `.navbar-nav` for a full-height and lightweight navigation (including support for dropdowns)
|
||||
- `.navbar-form` for vertically centering default-sized inputs and buttons.
|
||||
- `.navbar-toggler` for use with our collapse plugin and other navigation toggling behaviors.
|
||||
- `.navbar-toggler` for use with our collapse plugin and other [navigation toggling](#collapsing-content) behaviors.
|
||||
|
||||
Here's an example of all the sub-components included in a default, light navbar:
|
||||
|
||||
@ -48,13 +47,65 @@ Here's an example of all the sub-components included in a default, light navbar:
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline navbar-form pull-right">
|
||||
<form class="form-inline pull-xs-right">
|
||||
<input class="form-control" type="text" placeholder="Search">
|
||||
<button class="btn btn-success-outline" type="submit">Search</button>
|
||||
</form>
|
||||
</nav>
|
||||
{% endexample %}
|
||||
|
||||
### Brand
|
||||
|
||||
The `.navbar-brand` can be applied to most elements, but an anchor works best.
|
||||
|
||||
{% example html %}
|
||||
<nav class="navbar navbar-light bg-faded">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
</nav>
|
||||
|
||||
<nav class="navbar navbar-light bg-faded">
|
||||
<h1 class="navbar-brand">Navbar</h1>
|
||||
</nav>
|
||||
|
||||
{% endexample %}
|
||||
|
||||
### Nav
|
||||
|
||||
Navbar navigation is similar to our regular nav options—use the `.nav` base class with a modifier to achieve a particular look. In this case you'll want `.nav.navbar-nav`.
|
||||
|
||||
{% example html %}
|
||||
<nav class="navbar navbar-light bg-faded">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Features</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endexample %}
|
||||
|
||||
And because we use classes for our navs, you can omit the list-based approach entirely if you like.
|
||||
|
||||
{% example html %}
|
||||
<nav class="navbar navbar-light bg-faded">
|
||||
<div class="nav navbar-nav">
|
||||
<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>
|
||||
</div>
|
||||
</nav>
|
||||
{% endexample %}
|
||||
|
||||
|
||||
## Color schemes
|
||||
|
||||
Theming the navbar has never been easier thanks to the combination of a simple link color modifier class and `background-color` utilities. Put another way, you specify light or dark and apply a background color.
|
||||
@ -78,7 +129,7 @@ Here are some examples to show what we mean.
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline navbar-form pull-right">
|
||||
<form class="form-inline pull-xs-right">
|
||||
<input class="form-control" type="text" placeholder="Search">
|
||||
<button class="btn btn-info-outline" type="submit">Search</button>
|
||||
</form>
|
||||
@ -99,7 +150,7 @@ Here are some examples to show what we mean.
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline navbar-form pull-right">
|
||||
<form class="form-inline pull-xs-right">
|
||||
<input class="form-control" type="text" placeholder="Search">
|
||||
<button class="btn btn-secondary-outline" type="submit">Search</button>
|
||||
</form>
|
||||
@ -120,7 +171,7 @@ Here are some examples to show what we mean.
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline navbar-form pull-right">
|
||||
<form class="form-inline pull-xs-right">
|
||||
<input class="form-control" type="text" placeholder="Search">
|
||||
<button class="btn btn-primary-outline" type="submit">Search</button>
|
||||
</form>
|
||||
@ -143,7 +194,7 @@ Here are some examples to show what we mean.
|
||||
|
||||
## Containers
|
||||
|
||||
Although it's not required, you can wrap a navbar in a `.container` to center it on a page or add one within to only center the contents of the navbar.
|
||||
Although it's not required, you can wrap a navbar in a `.container` to center it on a page or add one within to only center the contents of a [fixed or static top navbar](#placement).
|
||||
|
||||
{% example html %}
|
||||
<div class="container">
|
||||
|
||||
@ -17,7 +17,7 @@ If you are using navs to provide a navigation bar, be sure to add a `role="navig
|
||||
|
||||
## Base nav
|
||||
|
||||
Roll your own navigation style by extending the base `.nav` component. All Bootstrap's nav components are built on top of this. Includes styles for the disabled state, but **not the active state**.
|
||||
Roll your own navigation style by extending the base `.nav` component. All Bootstrap's nav components are built on top of this by specifying additional styles. Includes styles for the disabled state, but **not the active state**.
|
||||
|
||||
{% example html %}
|
||||
<ul class="nav">
|
||||
@ -36,7 +36,7 @@ Roll your own navigation style by extending the base `.nav` component. All Boots
|
||||
</ul>
|
||||
{% endexample %}
|
||||
|
||||
Classes are used throughout, so your markup can be super flexible. Use `<ul>`s like above, or roll your own with say a `<nav>` element.
|
||||
Classes are used throughout, so your markup can be super flexible. Use `<ul>`s like above, or roll your own with say a `<nav>` element. The change in nav item display below **is intentional** as `<li>`s have a different default `display` than regular `<a>` elements.
|
||||
|
||||
{% example html %}
|
||||
<nav class="nav">
|
||||
@ -47,6 +47,38 @@ Classes are used throughout, so your markup can be super flexible. Use `<ul>`s l
|
||||
</nav>
|
||||
{% endexample %}
|
||||
|
||||
## Inline
|
||||
|
||||
Easily space out nav links in a horizontal band with `.nav-inline`. Longer series of links will wrap to a new line.
|
||||
|
||||
{% example html %}
|
||||
<nav class="nav nav-inline">
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</nav>
|
||||
{% endexample %}
|
||||
|
||||
The same works for a navigation built with lists.
|
||||
|
||||
{% example html %}
|
||||
<ul class="nav nav-inline">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
|
||||
## Tabs
|
||||
|
||||
Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabbed interface. Use them to create tabbable regions with our [tab JavaScript plugin](#javascript-behavior).
|
||||
@ -54,16 +86,16 @@ Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabb
|
||||
{% example html %}
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">Active</a>
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Link</a>
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Another link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link disabled">Disabled</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
@ -75,16 +107,16 @@ Take that same HTML, but use `.nav-pills` instead:
|
||||
{% example html %}
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">Active</a>
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Link</a>
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Another link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link disabled">Disabled</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
@ -96,16 +128,16 @@ Just add `.nav-stacked` to the `.nav.nav-pills`.
|
||||
{% example html %}
|
||||
<ul class="nav nav-pills nav-stacked">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">Active</a>
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Link</a>
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Another link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link disabled">Disabled</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
@ -119,7 +151,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
|
||||
{% example html %}
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">Active</a>
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
@ -132,10 +164,10 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Another link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link disabled">Disabled</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
@ -145,7 +177,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
|
||||
{% example html %}
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link active">Active</a>
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
@ -158,10 +190,10 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">Another link</a>
|
||||
<a class="nav-link" href="#">Another link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link disabled">Disabled</a>
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endexample %}
|
||||
@ -171,34 +203,34 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
|
||||
Use the tab JavaScript plugin—include it individually or through the compiled `bootstrap.js` file—to extend our navigational tabs and pills to create tabbable panes of local content, even via dropdown menus.
|
||||
|
||||
<div class="bd-example bd-example-tabs" role="tabpanel">
|
||||
<ul id="myTab" class="nav nav-tabs" role="tablist">
|
||||
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Home</a>
|
||||
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-expanded="true">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">Profile</a>
|
||||
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile">Profile</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
Dropdown
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#dropdown1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1">@fat</a>
|
||||
<a class="dropdown-item" href="#dropdown2" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a>
|
||||
<a class="dropdown-item" id="dropdown1-tab" href="#dropdown1" role="tab" data-toggle="tab" aria-controls="dropdown1">@fat</a>
|
||||
<a class="dropdown-item" id="dropdown2-tab" href="#dropdown2" role="tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledBy="home-tab">
|
||||
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledBy="profile-tab">
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledBy="profile-tab">
|
||||
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="dropdown1" aria-labelledBy="dropdown1-tab">
|
||||
<div class="tab-pane fade" id="dropdown1" role="tabpanel" aria-labelledBy="dropdown1-tab">
|
||||
<p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="dropdown2" aria-labelledBy="dropdown2-tab">
|
||||
<div class="tab-pane fade" id="dropdown2" role="tabpanel" aria-labelledBy="dropdown2-tab">
|
||||
<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -213,25 +245,25 @@ You can activate a tab or pill navigation without writing any JavaScript by simp
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#home" role="tab" data-toggle="tab">Home</a>
|
||||
<a class="nav-link active" data-toggle="tab" href="#home" role="tab">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#profile" role="tab" data-toggle="tab">Profile</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#messages" role="tab" data-toggle="tab">Messages</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#settings" role="tab" data-toggle="tab">Settings</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#settings" role="tab">Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="home">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="profile">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="messages">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="settings">...</div>
|
||||
<div class="tab-pane active" id="home" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="profile" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="messages" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="settings" role="tabpanel">...</div>
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
@ -258,14 +290,14 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
|
||||
|
||||
### Fade effect
|
||||
|
||||
To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must also have `.in` to properly fade in initial content.
|
||||
To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must also have `.in` to make the initial content visible.
|
||||
|
||||
{% highlight html %}
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade in active" id="home">...</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="profile">...</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="messages">...</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="settings">...</div>
|
||||
<div class="tab-pane fade in active" id="home" role="tabpanel">...</div>
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel">...</div>
|
||||
<div class="tab-pane fade" id="messages" role="tabpanel">...</div>
|
||||
<div class="tab-pane fade" id="settings" role="tabpanel">...</div>
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
|
||||
@ -276,26 +308,26 @@ To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must a
|
||||
Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the DOM.
|
||||
|
||||
{% highlight html %}
|
||||
<ul class="nav nav-tabs" role="tablist" id="myTab">
|
||||
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#home" role="tab" data-toggle="tab" aria-controls="home">Home</a>
|
||||
<a class="nav-link active" data-toggle="tab" href="#home" role="tab" aria-controls="home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#profile" role="tab" data-toggle="tab" aria-controls="profile">Profile</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#profile" role="tab" aria-controls="profile">Profile</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#messages" role="tab" data-toggle="tab" aria-controls="messages">Messages</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#messages" role="tab" aria-controls="messages">Messages</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#settings" role="tab" data-toggle="tab" aria-controls="settings">Settings</a>
|
||||
<a class="nav-link" data-toggle="tab" href="#settings" role="tab" aria-controls="settings">Settings</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="home">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="profile">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="messages">...</div>
|
||||
<div role="tabpanel" class="tab-pane" id="settings">...</div>
|
||||
<div class="tab-pane active" id="home" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="profile" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="messages" role="tabpanel">...</div>
|
||||
<div class="tab-pane" id="settings" role="tabpanel">...</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
@ -71,7 +71,7 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka
|
||||
|
||||
You can optionally swap out active or disabled anchors for `<span>`, or omit the anchor in the case of the prev/next arrows, to remove click functionality while retaining intended styles.
|
||||
|
||||
{% highlight html %}
|
||||
{% example html %}
|
||||
<nav>
|
||||
<ul class="pagination">
|
||||
<li class="disabled">
|
||||
@ -83,7 +83,7 @@ You can optionally swap out active or disabled anchors for `<span>`, or omit the
|
||||
<li class="active"><span>1 <span class="sr-only">(current)</span></span></li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endhighlight %}
|
||||
{% endexample %}
|
||||
|
||||
|
||||
### Sizing
|
||||
|
||||
@ -53,7 +53,7 @@ $(function () {
|
||||
|
||||
Four options are available: top, right, bottom, and left aligned.
|
||||
|
||||
<div class="bd-example bd-example-popover">
|
||||
<div class="bd-example bd-example-popover-static">
|
||||
<div class="popover popover-top">
|
||||
<div class="popover-arrow"></div>
|
||||
<h3 class="popover-title">Popover top</h3>
|
||||
@ -93,7 +93,7 @@ Four options are available: top, right, bottom, and left aligned.
|
||||
## Live demo
|
||||
|
||||
{% example html %}
|
||||
<button type="button" class="btn btn-lg btn-danger bd-popover" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
|
||||
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
|
||||
{% endexample %}
|
||||
|
||||
### Four directions
|
||||
@ -145,7 +145,7 @@ For proper cross-browser and cross-platform behavior, you must use the `<a>` tag
|
||||
{% endcallout %}
|
||||
|
||||
{% example html %}
|
||||
<a tabindex="0" class="btn btn-lg btn-danger bd-popover" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
|
||||
<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
|
||||
{% endexample %}
|
||||
|
||||
{% highlight js %}
|
||||
@ -282,34 +282,34 @@ Options for individual popovers can alternatively be specified through the use o
|
||||
|
||||
### Methods
|
||||
|
||||
#### $().popover(options)
|
||||
#### `$().popover(options)`
|
||||
|
||||
Initializes popovers for an element collection.
|
||||
|
||||
#### .popover('show')
|
||||
#### `.popover('show')`
|
||||
|
||||
Reveals an element's popover. **Returns to the caller before the popover has actually been shown** (i.e. before the `shown.bs.popover` event occurs). This is considered a "manual" triggering of the popover. Popovers whose both title and content are zero-length are never displayed.
|
||||
|
||||
{% highlight js %}$('#element').popover('show'){% endhighlight %}
|
||||
|
||||
#### .popover('hide')
|
||||
#### `.popover('hide')`
|
||||
|
||||
Hides an element's popover. **Returns to the caller before the popover has actually been hidden** (i.e. before the `hidden.bs.popover` event occurs). This is considered a "manual" triggering of the popover.
|
||||
|
||||
{% highlight js %}$('#element').popover('hide'){% endhighlight %}
|
||||
|
||||
#### .popover('toggle')
|
||||
#### `.popover('toggle')`
|
||||
|
||||
Toggles an element's popover. **Returns to the caller before the popover has actually been shown or hidden** (i.e. before the `shown.bs.popover` or `hidden.bs.popover` event occurs). This is considered a "manual" triggering of the popover.
|
||||
|
||||
{% highlight js %}$('#element').popover('toggle'){% endhighlight %}
|
||||
|
||||
#### .popover('destroy')
|
||||
#### `.popover('dispose')`
|
||||
|
||||
Hides and destroys an element's popover. Popvoers that use delegation (which are created using [the `selector` option](#options)) cannot be individually destroyed on descendant trigger elements.
|
||||
Hides and destroys an element's popover. Popovers that use delegation (which are created using [the `selector` option](#options)) cannot be individually destroyed on descendant trigger elements.
|
||||
|
||||
|
||||
{% highlight js %}$('#element').popover('destroy'){% endhighlight %}
|
||||
{% highlight js %}$('#element').popover('dispose'){% endhighlight %}
|
||||
|
||||
### Events
|
||||
|
||||
|
||||
@ -101,7 +101,7 @@ Target elements that are not [`:visible` according to jQuery](https://api.jquery
|
||||
|
||||
### Methods
|
||||
|
||||
#### .scrollspy('refresh')
|
||||
#### `.scrollspy('refresh')`
|
||||
|
||||
When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:
|
||||
|
||||
@ -121,9 +121,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">Name</th>
|
||||
<th style="width: 100px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
<th style="width: 100px;">Type</th>
|
||||
<th style="width: 50px;">Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
@ -15,7 +15,7 @@ Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips a
|
||||
|
||||
Things to know when using the tooltip plugin:
|
||||
|
||||
- Tooltips rely on on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work!
|
||||
- Tooltips rely on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work!
|
||||
- Tooltips are opt-in for performance reasons, so **you must initialize them yourself**.
|
||||
- Tooltips with zero-length titles are never displayed.
|
||||
- Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc).
|
||||
@ -48,7 +48,7 @@ Hover over the links below to see tooltips:
|
||||
|
||||
Four options are available: top, right, bottom, and left aligned.
|
||||
|
||||
<div class="bd-example bd-example-tooltip">
|
||||
<div class="bd-example bd-example-tooltip-static">
|
||||
<div class="tooltip top" role="tooltip">
|
||||
<div class="tooltip-arrow"></div>
|
||||
<div class="tooltip-inner">
|
||||
@ -219,7 +219,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
||||
<tr>
|
||||
<td>constraints</td>
|
||||
<td>Array</td>
|
||||
<td>'hover focus'</td>
|
||||
<td>[]</td>
|
||||
<td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">constraint docs</a>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -240,33 +240,33 @@ Options for individual tooltips can alternatively be specified through the use o
|
||||
|
||||
### Methods
|
||||
|
||||
#### $().tooltip(options)
|
||||
#### `$().tooltip(options)`
|
||||
|
||||
Attaches a tooltip handler to an element collection.
|
||||
|
||||
#### .tooltip('show')
|
||||
#### `.tooltip('show')`
|
||||
|
||||
Reveals an element's tooltip. **Returns to the caller before the tooltip has actually been shown** (i.e. before the `shown.bs.tooltip` event occurs). This is considered a "manual" triggering of the tooltip. Tooltips with zero-length titles are never displayed.
|
||||
|
||||
{% highlight js %}$('#element').tooltip('show'){% endhighlight %}
|
||||
|
||||
#### .tooltip('hide')
|
||||
#### `.tooltip('hide')`
|
||||
|
||||
Hides an element's tooltip. **Returns to the caller before the tooltip has actually been hidden** (i.e. before the `hidden.bs.tooltip` event occurs). This is considered a "manual" triggering of the tooltip.
|
||||
|
||||
{% highlight js %}$('#element').tooltip('hide'){% endhighlight %}
|
||||
|
||||
#### .tooltip('toggle')
|
||||
#### `.tooltip('toggle')`
|
||||
|
||||
Toggles an element's tooltip. **Returns to the caller before the tooltip has actually been shown or hidden** (i.e. before the `shown.bs.tooltip` or `hidden.bs.tooltip` event occurs). This is considered a "manual" triggering of the tooltip.
|
||||
|
||||
{% highlight js %}$('#element').tooltip('toggle'){% endhighlight %}
|
||||
|
||||
#### .tooltip('destroy')
|
||||
#### `.tooltip('dispose')`
|
||||
|
||||
Hides and destroys an element's tooltip. Tooltips that use delegation (which are created using [the `selector` option](#options)) cannot be individually destroyed on descendant trigger elements.
|
||||
|
||||
{% highlight js %}$('#element').tooltip('destroy'){% endhighlight %}
|
||||
{% highlight js %}$('#element').tooltip('dispose'){% endhighlight %}
|
||||
|
||||
### Events
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@ title: Utility classes
|
||||
group: components
|
||||
---
|
||||
|
||||
Bootstrap includes dozens of utilities—classes with a single purpose. They're designed to reduce the frequency of highly repetitive declarations in your CSS down while allowing for quick and easy development.
|
||||
Bootstrap includes dozens of utilities—classes with a single purpose. They're designed to reduce the frequency of highly repetitive declarations in your CSS while allowing for quick and easy development.
|
||||
|
||||
## Contents
|
||||
|
||||
@ -94,13 +94,23 @@ Assign `margin` or `padding` to an element or a subset of its sides with shortha
|
||||
Easily realign text to components with text alignment classes.
|
||||
|
||||
{% example html %}
|
||||
<p class="text-left">Left aligned text.</p>
|
||||
<p class="text-center">Center aligned text.</p>
|
||||
<p class="text-right">Right aligned text.</p>
|
||||
<p class="text-justify">Justified text.</p>
|
||||
<p class="text-nowrap">No wrap text.</p>
|
||||
{% endexample %}
|
||||
|
||||
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-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>
|
||||
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
|
||||
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
|
||||
{% endexample %}
|
||||
|
||||
## Text transform
|
||||
|
||||
Transform text in components with text capitalization classes.
|
||||
@ -108,7 +118,17 @@ Transform text in components with text capitalization classes.
|
||||
{% example html %}
|
||||
<p class="text-lowercase">Lowercased text.</p>
|
||||
<p class="text-uppercase">Uppercased text.</p>
|
||||
<p class="text-capitalize">Capitalized text.</p>
|
||||
<p class="text-capitalize">CapiTaliZed text.</p>
|
||||
{% endexample %}
|
||||
|
||||
## Font weight and italics
|
||||
|
||||
Quickly change the weight (boldness) of text or italicize text.
|
||||
|
||||
{% example html %}
|
||||
<p class="font-weight-bold">Bold text.</p>
|
||||
<p class="font-weight-normal">Normal weight text.</p>
|
||||
<p class="font-italic">Italicized text.</p>
|
||||
{% endexample %}
|
||||
|
||||
## Contextual colors and backgrounds
|
||||
@ -124,6 +144,17 @@ Convey meaning through color with a handful of emphasis utility classes. These m
|
||||
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
|
||||
{% endexample %}
|
||||
|
||||
Contextual text classes also work well on anchors with the provided hover and focus states.
|
||||
|
||||
{% example html %}
|
||||
<a href="#" class="text-muted">Muted link</a>
|
||||
<a href="#" class="text-primary">Primary link</a>
|
||||
<a href="#" class="text-success">Success link</a>
|
||||
<a href="#" class="text-info">Info link</a>
|
||||
<a href="#" class="text-warning">Warning link</a>
|
||||
<a href="#" class="text-danger">Danger link</a>
|
||||
{% endexample %}
|
||||
|
||||
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes.
|
||||
|
||||
{% example html %}
|
||||
@ -149,34 +180,33 @@ Ensure that any meaning conveyed through color is also conveyed in a format that
|
||||
|
||||
## Close icon
|
||||
|
||||
Use a generic close icon for dismissing content like modals and alerts. **Be sure to include screen reader text when you can** as we've done with `.sr-only`.
|
||||
Use a generic close icon for dismissing content like modals and alerts. **Be sure to include text for screen readers**, as we've done with `aria-label`.
|
||||
|
||||
{% example html %}
|
||||
<button type="button" class="close" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
<span class="sr-only">Close</span>
|
||||
</button>
|
||||
{% endexample %}
|
||||
|
||||
## Floats
|
||||
## Responsive floats
|
||||
|
||||
Float an element to the left or right with a class. `!important` is included to avoid specificity issues. Classes can also be used as mixins.
|
||||
These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the [CSS `float` property](https://developer.mozilla.org/en-US/docs/Web/CSS/float). `!important` is included to avoid specificity issues. These use the same viewport width breakpoints as the grid system.
|
||||
|
||||
Two similar non-responsive mixins (`pull-left` and `pull-right`) are also available.
|
||||
|
||||
{% example html %}
|
||||
<div class="pull-left">Float left</div>
|
||||
<div class="pull-right">Float right</div>
|
||||
<div class="pull-xs-left">Float left on all viewport sizes</div>
|
||||
<div class="pull-xs-right">Float right on all viewport sizes</div>
|
||||
<div class="pull-xs-none">Don't float on all viewport sizes</div>
|
||||
|
||||
<div class="pull-sm-left">Float left on viewports sized SM (small) or wider</div>
|
||||
<div class="pull-md-left">Float left on viewports sized MD (medium) or wider</div>
|
||||
<div class="pull-lg-left">Float left on viewports sized LG (large) or wider</div>
|
||||
<div class="pull-xl-left">Float left on viewports sized XL (extra-large) or wider</div>
|
||||
{% endexample %}
|
||||
|
||||
{% highlight scss %}
|
||||
// Classes
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
// Usage as mixins
|
||||
// Related simple non-responsive mixins
|
||||
.element {
|
||||
@include pull-left;
|
||||
}
|
||||
@ -232,16 +262,6 @@ Easily clear `float`s by adding `.clearfix` **to the parent element**. Utilizes
|
||||
}
|
||||
{% endhighlight %}
|
||||
|
||||
## Hidden content
|
||||
|
||||
Hide any HTML element with the `[hidden]` attribute. Previously, v3.x included a `.hidden` class that forced toggled content. However, we removed it due to conflicts with jQuery's `hide()` function. It's taken from [PureCSS](http://purecss.io). While `[hidden]` isn't natively supported by IE9-10, declaring it `display: none` in our CSS gets around that problem.
|
||||
|
||||
Furthermore, `.invisible` can be used to toggle the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document.
|
||||
|
||||
{% highlight html %}
|
||||
<input type="text" hidden>
|
||||
{% endhighlight %}
|
||||
|
||||
## Invisible content
|
||||
|
||||
The `.invisible` class can be used to toggle only the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document.
|
||||
@ -262,7 +282,7 @@ The `.invisible` class can be used to toggle only the visibility of an element,
|
||||
}
|
||||
{% endhighlight %}
|
||||
|
||||
## Screen readers
|
||||
## Screen readers and keyboard users
|
||||
|
||||
Hide an element to all devices **except screen readers** with `.sr-only`. Combine `.sr-only` with `.sr-only-focusable` to show the element again when it's focused (e.g. by a keyboard-only user). Can also be used as mixins.
|
||||
|
||||
@ -328,4 +348,9 @@ Aspect ratios can be customized with modifier classes.
|
||||
<div class="embed-responsive embed-responsive-4by3">
|
||||
<iframe class="embed-responsive-item" src="..."></iframe>
|
||||
</div>
|
||||
|
||||
<!-- 1:1 aspect ratio -->
|
||||
<div class="embed-responsive embed-responsive-1by1">
|
||||
<iframe class="embed-responsive-item" src="..."></iframe>
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
|
||||
@ -6,11 +6,11 @@ group: content
|
||||
|
||||
Anytime you need to display a piece of content—like an image—with an optional caption, consider using a `<figure>`.
|
||||
|
||||
Use the included `.figure` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. As a bonus, immediate children images are automatically responsive.
|
||||
Use the included `.figure` , `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `<img>` to make it responsive.
|
||||
|
||||
{% example html %}
|
||||
<figure class="figure">
|
||||
<img data-src="holder.js/400x300" class="img-rounded" alt="A generic square placeholder image with rounded corners in a figure.">
|
||||
<img data-src="holder.js/400x300" class="figure-img img-fluid img-rounded" alt="A generic square placeholder image with rounded corners in a figure.">
|
||||
<figcaption class="figure-caption">A caption for the above image.</figcaption>
|
||||
</figure>
|
||||
{% endexample %}
|
||||
@ -19,7 +19,7 @@ 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="img-rounded" alt="A generic square placeholder image with rounded corners in a figure.">
|
||||
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
|
||||
<img data-src="holder.js/400x300" class="figure-img img-fluid img-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>
|
||||
</figure>
|
||||
{% endexample %}
|
||||
|
||||
@ -26,7 +26,7 @@ Images in Bootstrap are made responsive with `.img-fluid`. `max-width: 100%;` an
|
||||
{% callout warning %}
|
||||
#### SVG images and IE 9-10
|
||||
|
||||
In Internet Explorer 9-10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.
|
||||
In Internet Explorer 9-10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically.
|
||||
{% endcallout %}
|
||||
|
||||
## Image shapes
|
||||
@ -50,13 +50,13 @@ Add classes to an `<img>` element to easily style images in any project.
|
||||
Align images with the [helper float classes]({{ site.baseurl }}/components/utilities/#floats) or [text alignment classes]({{ site.baseurl }}/components/utilities/#text-alignment). A simple centering class can also be used for `block` level images.
|
||||
|
||||
<div class="bd-example bd-example-images">
|
||||
<img data-src="holder.js/200x200" class="img-rounded pull-left" alt="A generic square placeholder image with rounded corners">
|
||||
<img data-src="holder.js/200x200" class="img-rounded pull-right" alt="A generic square placeholder image with rounded corners">
|
||||
<img data-src="holder.js/200x200" class="img-rounded pull-xs-left" alt="A generic square placeholder image with rounded corners">
|
||||
<img data-src="holder.js/200x200" class="img-rounded pull-xs-right" alt="A generic square placeholder image with rounded corners">
|
||||
</div>
|
||||
|
||||
{% highlight html %}
|
||||
<img src="..." class="img-rounded pull-left" alt="...">
|
||||
<img src="..." class="img-rounded pull-right" alt="...">
|
||||
<img src="..." class="img-rounded pull-xs-left" alt="...">
|
||||
<img src="..." class="img-rounded pull-xs-right" alt="...">
|
||||
{% endhighlight %}
|
||||
|
||||
<div class="bd-example bd-example-images">
|
||||
@ -68,13 +68,13 @@ Align images with the [helper float classes]({{ site.baseurl }}/components/utili
|
||||
{% endhighlight %}
|
||||
|
||||
<div class="bd-example bd-example-images">
|
||||
<div class="text-center">
|
||||
<div class="text-xs-center">
|
||||
<img data-src="holder.js/200x200" class="img-rounded" alt="A generic square placeholder image with rounded corners">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% highlight html %}
|
||||
<div class="text-center">
|
||||
<div class="text-xs-center">
|
||||
<img src="..." class="img-rounded" alt="...">
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
|
||||
@ -166,7 +166,7 @@ Various form elements have been rebooted for simpler base styles. Here are some
|
||||
- `<legend>`s, like fieldsets, have also been restyled to be displayed as a heading of sorts.
|
||||
- `<label>`s are set to `display: inline-block` to allow `margin` to be applied.
|
||||
- `<input>`s, `<selects>`s, `<textareas>`s, and `<buttons>`s are mostly addressed by Normalize, but Reboot removes their `margin` and sets `line-height: inherit`, too.
|
||||
- `<textarea>`s are modified to only be resizeble vertically as horizontal resizing often "breaks" page layout.
|
||||
- `<textarea>`s are modified to only be resizable vertically as horizontal resizing often "breaks" page layout.
|
||||
|
||||
These changes, and more, are demonstrated below.
|
||||
|
||||
@ -272,7 +272,7 @@ The `<address>` element is updated to reset the browser default `font-style` fro
|
||||
The default `margin` on blockquotes is `1em 40px`, so we reset that to `0 0 1rem` for something more consistent with other elements.
|
||||
|
||||
<div class="bd-example">
|
||||
<blockquote>
|
||||
<blockquote class="blockquote">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
|
||||
</blockquote>
|
||||
@ -280,8 +280,38 @@ The default `margin` on blockquotes is `1em 40px`, so we reset that to `0 0 1rem
|
||||
|
||||
### Inline elements
|
||||
|
||||
The `<abbr>` element receives basic styling to make it stand the amongst paragraph text.
|
||||
The `<abbr>` element receives basic styling to make it stand out amongst paragraph text.
|
||||
|
||||
<div class="bd-example">
|
||||
Nulla <abbr title="attribute">attr</abbr> vitae elit libero, a pharetra augue.
|
||||
</div>
|
||||
|
||||
## HTML5 `[hidden]` attribute
|
||||
|
||||
HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden), which is styled as `display: none` by default. Borrowing an idea from [PureCSS](http://purecss.io), we improve upon this default by making `[hidden] { display: none !important; }` to help prevent its `display` from getting accidentally overridden. While `[hidden]` isn't natively supported by IE9-10, the explicit declaration in our CSS gets around that problem.
|
||||
|
||||
{% highlight html %}
|
||||
<input type="text" hidden>
|
||||
{% endhighlight %}
|
||||
|
||||
{% callout warning %}
|
||||
#### jQuery incompatibility
|
||||
|
||||
`[hidden]` is not compatible with jQuery's `$(...).hide()` and `$(...).show()` methods. This could potentially change in jQuery 3, but we're not holding our breath. Therefore, we don't currently especially endorse `[hidden]` over other techniques for managing the `display` of elements.
|
||||
{% endcallout %}
|
||||
|
||||
To merely toggle the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document, use [the `.invisible` class]({{ site.baseurl }}/components/utilities/#invisible-content) instead.
|
||||
|
||||
## Click delay optimization for touch
|
||||
|
||||
Traditionally, browsers on touchscreen devices have a delay of approximately 300ms between the end of a "tap" – the moment when a finger/stylus is lifted from screen – and the [`click` event](https://developer.mozilla.org/en-US/docs/Web/Events/click) being fired. This delay is necessary for these browsers to correctly handle "double-tap to zoom" gestures without prematurely triggering actions or links after the first "tap", but it can make your site feel slightly sluggish and unresponsive.
|
||||
|
||||
Most mobile browsers automatically optimize away this 300ms delay for sites that use the `width=device-width` property as part of their [responsive meta tag]({{ site.baseurl }}/getting-started/introduction/#responsive-meta-tag) (as well as for sites that disable zooming, for instance with `user-scalable=no`, though this practice is strongly discouraged for accessibility and usability reasons). The biggest exceptions here are currently iOS Safari (and any other iOS WebView-based browser) – though this is likely to change in iOS 10, see [WebKit bug #150604](https://bugs.webkit.org/show_bug.cgi?id=150604) – and IE11 on Windows Phone 8.1.
|
||||
|
||||
On touch-enabled laptop/desktop devices, IE11 and Microsoft Edge are currently the only browsers with "double-tap to zoom" functionality. As the [responsive meta tag]({{ site.baseurl }}/getting-started/introduction/#responsive-meta-tag) is ignored by all desktop browsers, using `width=device-width` will have no effect on the 300ms delay here.
|
||||
|
||||
To address this problem in IE11 and Microsoft Edge on desktop, as well as IE11 on Windows Phone 8.1, Bootstrap explicitly uses the [`touch-action:manipulation` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) on all interactive elements (such as buttons and links). This property essentially disables double-tap functionality on those elements, eliminating the 300ms delay.
|
||||
|
||||
In the case of iOS, the currently suggested approach is to use additional scripts such as [FastClick](https://github.com/ftlabs/fastclick) to explicitly work around the delay.
|
||||
|
||||
For further details, see the compatibility table for [suppressing 300ms delay for touchscreen interactions](http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay).
|
||||
|
||||
@ -451,7 +451,7 @@ Responsive tables make use of `overflow-y: hidden`, which clips off any content
|
||||
{% callout warning %}
|
||||
#### Firefox and fieldsets
|
||||
|
||||
Firefox has some awkward fieldset styling involving `width` that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack that we **don't** provide in Bootstrap:
|
||||
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() {
|
||||
|
||||
@ -15,11 +15,11 @@ Bootstrap includes simple and easily customized typography for headings, body te
|
||||
|
||||
Bootstrap sets basic global display, typography, and link styles. Specifically, we:
|
||||
|
||||
- Set `background-color: #fff;` on the `<body>`
|
||||
- Use `$body-bg` to set a `background-color` on the `<body>` (`#fff` by default)
|
||||
- Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base
|
||||
- Set the global link color via `$link-color` and apply link underlines only on `:hover`
|
||||
|
||||
These styles can be found within `_reboot.scss`.
|
||||
These styles can be found within `_reboot.scss`, and the global variables are defined in `_variables.scss`.
|
||||
|
||||
|
||||
## Headings
|
||||
|
||||
@ -153,7 +153,8 @@ select {
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"], input[type="reset"],
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
@ -386,8 +387,7 @@ a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
a:focus, a:hover {
|
||||
color: #014c8c;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -415,6 +415,19 @@ img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input,
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -442,6 +455,7 @@ select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
@ -474,47 +488,64 @@ output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
margin-bottom: .5rem;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
h1, .h1,
|
||||
h2, .h2,
|
||||
h3, .h3 {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
h4, .h4,
|
||||
h5, .h5,
|
||||
h6, .h6 {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h5, .h5 {
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@ -547,7 +578,7 @@ hr {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border: 0;
|
||||
border-top: .0625rem solid rgba(0, 0, 0, .1);
|
||||
border-top: 1px solid rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
small,
|
||||
@ -635,21 +666,7 @@ mark,
|
||||
content: "\00A0 \2014";
|
||||
}
|
||||
|
||||
.figure {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.figure > img {
|
||||
margin-bottom: .5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.img-fluid, .figure > img, .carousel-inner > .carousel-item > img,
|
||||
.img-fluid, .carousel-inner > .carousel-item > img,
|
||||
.carousel-inner > .carousel-item > a > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
@ -678,6 +695,20 @@ mark,
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.figure {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: .5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
@ -742,27 +773,27 @@ pre code {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.container {
|
||||
max-width: 34rem;
|
||||
max-width: 576px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 45rem;
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
max-width: 60rem;
|
||||
max-width: 940px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 72.25rem;
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1005,7 +1036,7 @@ pre code {
|
||||
margin-left: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1164,7 +1195,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1323,7 +1354,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1482,7 +1513,7 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.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 {
|
||||
float: left;
|
||||
}
|
||||
@ -1773,6 +1804,7 @@ pre code {
|
||||
.table-responsive {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: .01%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
@ -1849,7 +1881,7 @@ pre code {
|
||||
color: #55595c;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: .0625rem solid #ccc;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
@ -1883,8 +1915,7 @@ pre code {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.form-control:disabled,
|
||||
.form-control[readonly] {
|
||||
.form-control:disabled, .form-control[readonly] {
|
||||
background-color: #eceeef;
|
||||
opacity: 1;
|
||||
}
|
||||
@ -1899,7 +1930,7 @@ pre code {
|
||||
}
|
||||
|
||||
.form-control-label {
|
||||
padding: .4375rem .75rem;
|
||||
padding: .375rem .75rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -1908,42 +1939,46 @@ pre code {
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].form-control {
|
||||
line-height: 2.375rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
input[type="date"].input-sm,
|
||||
.input-group-sm input[type="date"].form-control,
|
||||
input[type="time"].input-sm,
|
||||
.input-group-sm input[type="time"].form-control,
|
||||
.input-group-sm
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].input-sm,
|
||||
.input-group-sm input[type="datetime-local"].form-control,
|
||||
.input-group-sm
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].input-sm,
|
||||
.input-group-sm input[type="month"].form-control {
|
||||
line-height: 1.95rem;
|
||||
.input-group-sm
|
||||
input[type="month"].form-control {
|
||||
line-height: 1.8625rem;
|
||||
}
|
||||
input[type="date"].input-lg,
|
||||
.input-group-lg input[type="date"].form-control,
|
||||
input[type="time"].input-lg,
|
||||
.input-group-lg input[type="time"].form-control,
|
||||
.input-group-lg
|
||||
input[type="time"].form-control,
|
||||
input[type="datetime-local"].input-lg,
|
||||
.input-group-lg input[type="datetime-local"].form-control,
|
||||
.input-group-lg
|
||||
input[type="datetime-local"].form-control,
|
||||
input[type="month"].input-lg,
|
||||
.input-group-lg input[type="month"].form-control {
|
||||
line-height: 3.291667rem;
|
||||
.input-group-lg
|
||||
input[type="month"].form-control {
|
||||
line-height: 3.166667rem;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control-static {
|
||||
min-height: 2.375rem;
|
||||
padding-top: .4375rem;
|
||||
padding-bottom: .4375rem;
|
||||
min-height: 2.25rem;
|
||||
padding-top: .375rem;
|
||||
padding-bottom: .375rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-control-static.form-control-sm,
|
||||
.input-group-sm > .form-control-static.form-control,
|
||||
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
|
||||
.input-group-sm > .form-control-static.input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .form-control-static.btn,
|
||||
.form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
|
||||
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
|
||||
.input-group-lg > .form-control-static.input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .form-control-static.btn {
|
||||
padding-right: 0;
|
||||
@ -1954,7 +1989,7 @@ pre code {
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .btn {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
@ -2023,8 +2058,7 @@ pre code {
|
||||
margin-left: .75rem;
|
||||
}
|
||||
|
||||
input[type="radio"]:disabled,
|
||||
input[type="radio"].disabled,
|
||||
input[type="radio"]:disabled, input[type="radio"].disabled,
|
||||
input[type="checkbox"]:disabled,
|
||||
input[type="checkbox"].disabled {
|
||||
cursor: not-allowed;
|
||||
@ -2042,15 +2076,15 @@ input[type="checkbox"].disabled {
|
||||
|
||||
.form-control-success,
|
||||
.form-control-warning,
|
||||
.form-control-error {
|
||||
.form-control-danger {
|
||||
padding-right: 2.25rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right .59375rem;
|
||||
-webkit-background-size: 1.54375rem 1.54375rem;
|
||||
background-size: 1.54375rem 1.54375rem;
|
||||
background-position: center right .5625rem;
|
||||
-webkit-background-size: 1.4625rem 1.4625rem;
|
||||
background-size: 1.4625rem 1.4625rem;
|
||||
}
|
||||
|
||||
.has-success .help-block,
|
||||
.has-success .text-help,
|
||||
.has-success .form-control-label,
|
||||
.has-success .radio,
|
||||
.has-success .checkbox,
|
||||
@ -2078,10 +2112,10 @@ input[type="checkbox"].disabled {
|
||||
}
|
||||
|
||||
.has-success .form-control-success {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg==");
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
|
||||
}
|
||||
|
||||
.has-warning .help-block,
|
||||
.has-warning .text-help,
|
||||
.has-warning .form-control-label,
|
||||
.has-warning .radio,
|
||||
.has-warning .checkbox,
|
||||
@ -2109,41 +2143,41 @@ input[type="checkbox"].disabled {
|
||||
}
|
||||
|
||||
.has-warning .form-control-warning {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg==");
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
|
||||
}
|
||||
|
||||
.has-error .help-block,
|
||||
.has-error .form-control-label,
|
||||
.has-error .radio,
|
||||
.has-error .checkbox,
|
||||
.has-error .radio-inline,
|
||||
.has-error .checkbox-inline,
|
||||
.has-error.radio label,
|
||||
.has-error.checkbox label,
|
||||
.has-error.radio-inline label,
|
||||
.has-error.checkbox-inline label {
|
||||
.has-danger .text-help,
|
||||
.has-danger .form-control-label,
|
||||
.has-danger .radio,
|
||||
.has-danger .checkbox,
|
||||
.has-danger .radio-inline,
|
||||
.has-danger .checkbox-inline,
|
||||
.has-danger.radio label,
|
||||
.has-danger.checkbox label,
|
||||
.has-danger.radio-inline label,
|
||||
.has-danger.checkbox-inline label {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control {
|
||||
.has-danger .form-control {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .input-group-addon {
|
||||
.has-danger .input-group-addon {
|
||||
color: #d9534f;
|
||||
background-color: #fdf7f7;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control-feedback {
|
||||
.has-danger .form-control-feedback {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
.has-error .form-control-error {
|
||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=");
|
||||
.has-danger .form-control-danger {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.form-inline .form-group {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
@ -2203,30 +2237,22 @@ input[type="checkbox"].disabled {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: .0625rem solid transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.btn.focus,
|
||||
.btn:active:focus,
|
||||
.btn:active.focus,
|
||||
.btn.active:focus,
|
||||
.btn.active.focus {
|
||||
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.btn:hover {
|
||||
.btn:focus, .btn:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -2234,14 +2260,12 @@ input[type="checkbox"].disabled {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
.btn:active, .btn.active {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.btn.disabled,
|
||||
.btn:disabled {
|
||||
.btn.disabled, .btn:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: .65;
|
||||
}
|
||||
@ -2263,15 +2287,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:focus,
|
||||
.btn-primary.focus {
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
color: #fff;
|
||||
background-color: #025aa5;
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active, .btn-primary.active,
|
||||
.open > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #025aa5;
|
||||
@ -2279,12 +2301,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01549b;
|
||||
}
|
||||
|
||||
.btn-primary:active:hover,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
|
||||
.open > .btn-primary.dropdown-toggle:hover,
|
||||
.open > .btn-primary.dropdown-toggle:focus,
|
||||
.open > .btn-primary.dropdown-toggle.focus {
|
||||
@ -2293,16 +2310,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #01315a;
|
||||
}
|
||||
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary:disabled:focus,
|
||||
.btn-primary:disabled.focus {
|
||||
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
|
||||
background-color: #0275d8;
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary:disabled:hover {
|
||||
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
|
||||
background-color: #0275d8;
|
||||
border-color: #0275d8;
|
||||
}
|
||||
@ -2319,15 +2332,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:focus,
|
||||
.btn-secondary.focus {
|
||||
.btn-secondary:focus, .btn-secondary.focus {
|
||||
color: #373a3c;
|
||||
background-color: #e6e6e6;
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:active,
|
||||
.btn-secondary.active,
|
||||
.btn-secondary:active, .btn-secondary.active,
|
||||
.open > .btn-secondary.dropdown-toggle {
|
||||
color: #373a3c;
|
||||
background-color: #e6e6e6;
|
||||
@ -2335,12 +2346,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-secondary:active:hover,
|
||||
.btn-secondary:active:focus,
|
||||
.btn-secondary:active.focus,
|
||||
.btn-secondary.active:hover,
|
||||
.btn-secondary.active:focus,
|
||||
.btn-secondary.active.focus,
|
||||
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
|
||||
.open > .btn-secondary.dropdown-toggle:hover,
|
||||
.open > .btn-secondary.dropdown-toggle:focus,
|
||||
.open > .btn-secondary.dropdown-toggle.focus {
|
||||
@ -2349,16 +2355,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #8c8c8c;
|
||||
}
|
||||
|
||||
.btn-secondary.disabled:focus,
|
||||
.btn-secondary.disabled.focus,
|
||||
.btn-secondary:disabled:focus,
|
||||
.btn-secondary:disabled.focus {
|
||||
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary.disabled:hover,
|
||||
.btn-secondary:disabled:hover {
|
||||
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
@ -2375,15 +2377,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:focus,
|
||||
.btn-info.focus {
|
||||
.btn-info:focus, .btn-info.focus {
|
||||
color: #fff;
|
||||
background-color: #31b0d5;
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:active,
|
||||
.btn-info.active,
|
||||
.btn-info:active, .btn-info.active,
|
||||
.open > .btn-info.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #31b0d5;
|
||||
@ -2391,12 +2391,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2aabd2;
|
||||
}
|
||||
|
||||
.btn-info:active:hover,
|
||||
.btn-info:active:focus,
|
||||
.btn-info:active.focus,
|
||||
.btn-info.active:hover,
|
||||
.btn-info.active:focus,
|
||||
.btn-info.active.focus,
|
||||
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
|
||||
.open > .btn-info.dropdown-toggle:hover,
|
||||
.open > .btn-info.dropdown-toggle:focus,
|
||||
.open > .btn-info.dropdown-toggle.focus {
|
||||
@ -2405,16 +2400,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #1f7e9a;
|
||||
}
|
||||
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info.disabled.focus,
|
||||
.btn-info:disabled:focus,
|
||||
.btn-info:disabled.focus {
|
||||
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info:disabled:hover {
|
||||
.btn-info.disabled:hover, .btn-info:disabled:hover {
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
@ -2431,15 +2422,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:focus,
|
||||
.btn-success.focus {
|
||||
.btn-success:focus, .btn-success.focus {
|
||||
color: #fff;
|
||||
background-color: #449d44;
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:active,
|
||||
.btn-success.active,
|
||||
.btn-success:active, .btn-success.active,
|
||||
.open > .btn-success.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #449d44;
|
||||
@ -2447,12 +2436,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #419641;
|
||||
}
|
||||
|
||||
.btn-success:active:hover,
|
||||
.btn-success:active:focus,
|
||||
.btn-success:active.focus,
|
||||
.btn-success.active:hover,
|
||||
.btn-success.active:focus,
|
||||
.btn-success.active.focus,
|
||||
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
|
||||
.open > .btn-success.dropdown-toggle:hover,
|
||||
.open > .btn-success.dropdown-toggle:focus,
|
||||
.open > .btn-success.dropdown-toggle.focus {
|
||||
@ -2461,16 +2445,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #2d672d;
|
||||
}
|
||||
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success.disabled.focus,
|
||||
.btn-success:disabled:focus,
|
||||
.btn-success:disabled.focus {
|
||||
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success:disabled:hover {
|
||||
.btn-success.disabled:hover, .btn-success:disabled:hover {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
@ -2487,15 +2467,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:focus,
|
||||
.btn-warning.focus {
|
||||
.btn-warning:focus, .btn-warning.focus {
|
||||
color: #fff;
|
||||
background-color: #ec971f;
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:active,
|
||||
.btn-warning.active,
|
||||
.btn-warning:active, .btn-warning.active,
|
||||
.open > .btn-warning.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #ec971f;
|
||||
@ -2503,12 +2481,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #eb9316;
|
||||
}
|
||||
|
||||
.btn-warning:active:hover,
|
||||
.btn-warning:active:focus,
|
||||
.btn-warning:active.focus,
|
||||
.btn-warning.active:hover,
|
||||
.btn-warning.active:focus,
|
||||
.btn-warning.active.focus,
|
||||
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
|
||||
.open > .btn-warning.dropdown-toggle:hover,
|
||||
.open > .btn-warning.dropdown-toggle:focus,
|
||||
.open > .btn-warning.dropdown-toggle.focus {
|
||||
@ -2517,16 +2490,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #b06d0f;
|
||||
}
|
||||
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning.disabled.focus,
|
||||
.btn-warning:disabled:focus,
|
||||
.btn-warning:disabled.focus {
|
||||
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning:disabled:hover {
|
||||
.btn-warning.disabled:hover, .btn-warning:disabled:hover {
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
@ -2543,15 +2512,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:focus,
|
||||
.btn-danger.focus {
|
||||
.btn-danger:focus, .btn-danger.focus {
|
||||
color: #fff;
|
||||
background-color: #c9302c;
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:active,
|
||||
.btn-danger.active,
|
||||
.btn-danger:active, .btn-danger.active,
|
||||
.open > .btn-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #c9302c;
|
||||
@ -2559,12 +2526,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #c12e2a;
|
||||
}
|
||||
|
||||
.btn-danger:active:hover,
|
||||
.btn-danger:active:focus,
|
||||
.btn-danger:active.focus,
|
||||
.btn-danger.active:hover,
|
||||
.btn-danger.active:focus,
|
||||
.btn-danger.active.focus,
|
||||
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
|
||||
.open > .btn-danger.dropdown-toggle:hover,
|
||||
.open > .btn-danger.dropdown-toggle:focus,
|
||||
.open > .btn-danger.dropdown-toggle.focus {
|
||||
@ -2573,16 +2535,12 @@ fieldset[disabled] a.btn {
|
||||
border-color: #8b211e;
|
||||
}
|
||||
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger.disabled.focus,
|
||||
.btn-danger:disabled:focus,
|
||||
.btn-danger:disabled.focus {
|
||||
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger:disabled:hover {
|
||||
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
@ -2594,10 +2552,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary-outline:focus,
|
||||
.btn-primary-outline.focus,
|
||||
.btn-primary-outline:active,
|
||||
.btn-primary-outline.active,
|
||||
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
|
||||
.open > .btn-primary-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
@ -2610,15 +2565,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.btn-primary-outline.disabled:focus,
|
||||
.btn-primary-outline.disabled.focus,
|
||||
.btn-primary-outline:disabled:focus,
|
||||
.btn-primary-outline:disabled.focus {
|
||||
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
|
||||
border-color: #43a7fd;
|
||||
}
|
||||
|
||||
.btn-primary-outline.disabled:hover,
|
||||
.btn-primary-outline:disabled:hover {
|
||||
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
|
||||
border-color: #43a7fd;
|
||||
}
|
||||
|
||||
@ -2629,10 +2580,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary-outline:focus,
|
||||
.btn-secondary-outline.focus,
|
||||
.btn-secondary-outline:active,
|
||||
.btn-secondary-outline.active,
|
||||
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
|
||||
.open > .btn-secondary-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #ccc;
|
||||
@ -2645,15 +2593,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary-outline.disabled:focus,
|
||||
.btn-secondary-outline.disabled.focus,
|
||||
.btn-secondary-outline:disabled:focus,
|
||||
.btn-secondary-outline:disabled.focus {
|
||||
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.btn-secondary-outline.disabled:hover,
|
||||
.btn-secondary-outline:disabled:hover {
|
||||
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
@ -2664,10 +2608,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info-outline:focus,
|
||||
.btn-info-outline.focus,
|
||||
.btn-info-outline:active,
|
||||
.btn-info-outline.active,
|
||||
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active,
|
||||
.open > .btn-info-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #5bc0de;
|
||||
@ -2680,15 +2621,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.btn-info-outline.disabled:focus,
|
||||
.btn-info-outline.disabled.focus,
|
||||
.btn-info-outline:disabled:focus,
|
||||
.btn-info-outline:disabled.focus {
|
||||
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
|
||||
border-color: #b0e1ef;
|
||||
}
|
||||
|
||||
.btn-info-outline.disabled:hover,
|
||||
.btn-info-outline:disabled:hover {
|
||||
.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
|
||||
border-color: #b0e1ef;
|
||||
}
|
||||
|
||||
@ -2699,10 +2636,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success-outline:focus,
|
||||
.btn-success-outline.focus,
|
||||
.btn-success-outline:active,
|
||||
.btn-success-outline.active,
|
||||
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
|
||||
.open > .btn-success-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #5cb85c;
|
||||
@ -2715,15 +2649,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-success-outline.disabled:focus,
|
||||
.btn-success-outline.disabled.focus,
|
||||
.btn-success-outline:disabled:focus,
|
||||
.btn-success-outline:disabled.focus {
|
||||
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
|
||||
border-color: #a3d7a3;
|
||||
}
|
||||
|
||||
.btn-success-outline.disabled:hover,
|
||||
.btn-success-outline:disabled:hover {
|
||||
.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
|
||||
border-color: #a3d7a3;
|
||||
}
|
||||
|
||||
@ -2734,10 +2664,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning-outline:focus,
|
||||
.btn-warning-outline.focus,
|
||||
.btn-warning-outline:active,
|
||||
.btn-warning-outline.active,
|
||||
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active,
|
||||
.open > .btn-warning-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #f0ad4e;
|
||||
@ -2750,15 +2677,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.btn-warning-outline.disabled:focus,
|
||||
.btn-warning-outline.disabled.focus,
|
||||
.btn-warning-outline:disabled:focus,
|
||||
.btn-warning-outline:disabled.focus {
|
||||
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
|
||||
border-color: #f8d9ac;
|
||||
}
|
||||
|
||||
.btn-warning-outline.disabled:hover,
|
||||
.btn-warning-outline:disabled:hover {
|
||||
.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
|
||||
border-color: #f8d9ac;
|
||||
}
|
||||
|
||||
@ -2769,10 +2692,7 @@ fieldset[disabled] a.btn {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger-outline:focus,
|
||||
.btn-danger-outline.focus,
|
||||
.btn-danger-outline:active,
|
||||
.btn-danger-outline.active,
|
||||
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
|
||||
.open > .btn-danger-outline.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #d9534f;
|
||||
@ -2785,15 +2705,11 @@ fieldset[disabled] a.btn {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
|
||||
.btn-danger-outline.disabled:focus,
|
||||
.btn-danger-outline.disabled.focus,
|
||||
.btn-danger-outline:disabled:focus,
|
||||
.btn-danger-outline:disabled.focus {
|
||||
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
|
||||
border-color: #eba5a3;
|
||||
}
|
||||
|
||||
.btn-danger-outline.disabled:hover,
|
||||
.btn-danger-outline:disabled:hover {
|
||||
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
|
||||
border-color: #eba5a3;
|
||||
}
|
||||
|
||||
@ -2803,16 +2719,11 @@ fieldset[disabled] a.btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.btn-link,
|
||||
.btn-link:active,
|
||||
.btn-link.active,
|
||||
.btn-link:disabled {
|
||||
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link,
|
||||
.btn-link:focus,
|
||||
.btn-link:active {
|
||||
.btn-link, .btn-link:focus, .btn-link:active {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -2820,15 +2731,13 @@ fieldset[disabled] a.btn {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link:focus,
|
||||
.btn-link:hover {
|
||||
.btn-link:focus, .btn-link:hover {
|
||||
color: #014c8c;
|
||||
text-decoration: underline;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-link:disabled:focus,
|
||||
.btn-link:disabled:hover {
|
||||
.btn-link:disabled:focus, .btn-link:disabled:hover {
|
||||
color: #818a91;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -2842,7 +2751,7 @@ fieldset[disabled] a.btn {
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: .25rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
@ -2905,6 +2814,7 @@ input[type="button"].btn-block {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-right: .25rem;
|
||||
margin-left: .25rem;
|
||||
vertical-align: middle;
|
||||
content: "";
|
||||
@ -2933,6 +2843,7 @@ input[type="button"].btn-block {
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0;
|
||||
font-size: 1rem;
|
||||
color: #373a3c;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
@ -2963,30 +2874,24 @@ input[type="button"].btn-block {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover {
|
||||
.dropdown-item:focus, .dropdown-item:hover {
|
||||
color: #2b2d2f;
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item.active:focus,
|
||||
.dropdown-item.active:hover {
|
||||
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #0275d8;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.dropdown-item.disabled,
|
||||
.dropdown-item.disabled:focus,
|
||||
.dropdown-item.disabled:hover {
|
||||
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.dropdown-item.disabled:focus,
|
||||
.dropdown-item.disabled:hover {
|
||||
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
|
||||
text-decoration: none;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
@ -3015,7 +2920,7 @@ input[type="button"].btn-block {
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
color: #818a91;
|
||||
white-space: nowrap;
|
||||
@ -3062,9 +2967,7 @@ input[type="button"].btn-block {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn-group > .btn:focus,
|
||||
.btn-group > .btn:active,
|
||||
.btn-group > .btn.active,
|
||||
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
|
||||
.btn-group-vertical > .btn:focus,
|
||||
.btn-group-vertical > .btn:active,
|
||||
.btn-group-vertical > .btn.active {
|
||||
@ -3251,6 +3154,10 @@ input[type="button"].btn-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.input-group .form-control {
|
||||
@ -3282,14 +3189,16 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon,
|
||||
.input-group-addon.form-control-sm,
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .input-group-addon.btn {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
border-radius: .2rem;
|
||||
}
|
||||
|
||||
.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon,
|
||||
.input-group-addon.form-control-lg,
|
||||
.input-group-lg > .input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .input-group-addon.btn {
|
||||
padding: .75rem 1.25rem;
|
||||
font-size: 1.25rem;
|
||||
@ -3345,10 +3254,8 @@ input[type="button"].btn-block {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.input-group-btn > .btn:focus,
|
||||
.input-group-btn > .btn:active,
|
||||
.input-group-btn > .btn:hover {
|
||||
z-index: 2;
|
||||
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.input-group-btn:first-child > .btn,
|
||||
@ -3362,6 +3269,13 @@ input[type="button"].btn-block {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover,
|
||||
.input-group-btn:last-child > .btn-group:focus,
|
||||
.input-group-btn:last-child > .btn-group:active,
|
||||
.input-group-btn:last-child > .btn-group:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.c-input {
|
||||
position: relative;
|
||||
display: inline;
|
||||
@ -3517,7 +3431,7 @@ input[type="button"].btn-block {
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: #fff;
|
||||
border: .075rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
@ -3538,7 +3452,7 @@ input[type="button"].btn-block {
|
||||
color: #555;
|
||||
content: "Browse";
|
||||
background-color: #eee;
|
||||
border: .075rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0 .25rem .25rem 0;
|
||||
}
|
||||
|
||||
@ -3552,8 +3466,7 @@ input[type="button"].btn-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav-link:focus,
|
||||
.nav-link:hover {
|
||||
.nav-link:focus, .nav-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -3561,14 +3474,17 @@ input[type="button"].btn-block {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.nav-link.disabled,
|
||||
.nav-link.disabled:focus,
|
||||
.nav-link.disabled:hover {
|
||||
.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-inline .nav-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav-inline .nav-item + .nav-item,
|
||||
.nav-inline .nav-link + .nav-link {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@ -3599,22 +3515,17 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem .25rem 0 0;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link:focus,
|
||||
.nav-tabs .nav-link:hover {
|
||||
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
|
||||
border-color: #eceeef #eceeef #ddd;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.disabled,
|
||||
.nav-tabs .nav-link.disabled:focus,
|
||||
.nav-tabs .nav-link.disabled:hover {
|
||||
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
|
||||
color: #818a91;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-tabs .nav-link.active:focus,
|
||||
.nav-tabs .nav-link.active:hover,
|
||||
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
|
||||
.nav-tabs .nav-item.open .nav-link,
|
||||
.nav-tabs .nav-item.open .nav-link:focus,
|
||||
.nav-tabs .nav-item.open .nav-link:hover {
|
||||
@ -3623,6 +3534,12 @@ input[type="button"].btn-block {
|
||||
border-color: #ddd #ddd transparent;
|
||||
}
|
||||
|
||||
.nav-pills::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.nav-pills .nav-item {
|
||||
float: left;
|
||||
}
|
||||
@ -3637,9 +3554,7 @@ input[type="button"].btn-block {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .nav-link.active:focus,
|
||||
.nav-pills .nav-link.active:hover,
|
||||
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
|
||||
.nav-pills .nav-item.open .nav-link,
|
||||
.nav-pills .nav-item.open .nav-link:focus,
|
||||
.nav-pills .nav-item.open .nav-link:hover {
|
||||
@ -3683,7 +3598,7 @@ input[type="button"].btn-block {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
@ -3693,7 +3608,7 @@ input[type="button"].btn-block {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-full {
|
||||
border-radius: 0;
|
||||
}
|
||||
@ -3707,7 +3622,7 @@ input[type="button"].btn-block {
|
||||
z-index: 1030;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
@ -3730,7 +3645,7 @@ input[type="button"].btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-sticky-top {
|
||||
border-radius: 0;
|
||||
}
|
||||
@ -3744,8 +3659,7 @@ input[type="button"].btn-block {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.navbar-brand:focus,
|
||||
.navbar-brand:hover {
|
||||
.navbar-brand:focus, .navbar-brand:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -3772,28 +3686,27 @@ input[type="button"].btn-block {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
background: none;
|
||||
border: .0625rem solid transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus,
|
||||
.navbar-toggler:hover {
|
||||
.navbar-toggler:focus, .navbar-toggler:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.navbar-toggleable-xs {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.navbar-toggleable-sm {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.navbar-toggleable-md {
|
||||
display: block !important;
|
||||
}
|
||||
@ -3821,8 +3734,7 @@ input[type="button"].btn-block {
|
||||
color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
.navbar-light .navbar-brand:focus,
|
||||
.navbar-light .navbar-brand:hover {
|
||||
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
|
||||
color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
@ -3830,14 +3742,11 @@ input[type="button"].btn-block {
|
||||
color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover {
|
||||
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
|
||||
color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
.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 .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,
|
||||
.navbar-light .navbar-nav .active > .nav-link:hover,
|
||||
@ -3858,8 +3767,7 @@ input[type="button"].btn-block {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-brand:focus,
|
||||
.navbar-dark .navbar-brand:hover {
|
||||
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -3867,14 +3775,11 @@ input[type="button"].btn-block {
|
||||
color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:focus,
|
||||
.navbar-dark .navbar-nav .nav-link:hover {
|
||||
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
|
||||
color: rgba(255, 255, 255, .75);
|
||||
}
|
||||
|
||||
.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 .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,
|
||||
.navbar-dark .navbar-nav .active > .nav-link:hover,
|
||||
@ -3893,6 +3798,7 @@ input[type="button"].btn-block {
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: .75rem;
|
||||
background-color: #fff;
|
||||
border: .0625rem solid #e5e5e5;
|
||||
@ -3979,7 +3885,7 @@ input[type="button"].btn-block {
|
||||
|
||||
.card-inverse .card-header,
|
||||
.card-inverse .card-footer {
|
||||
border-bottom: .075rem solid rgba(255, 255, 255, .2);
|
||||
border-bottom: .0625rem solid rgba(255, 255, 255, .2);
|
||||
}
|
||||
|
||||
.card-inverse .card-header,
|
||||
@ -3995,8 +3901,7 @@ input[type="button"].btn-block {
|
||||
color: rgba(255, 255, 255, .65);
|
||||
}
|
||||
|
||||
.card-inverse .card-link:focus,
|
||||
.card-inverse .card-link:hover {
|
||||
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -4020,14 +3925,14 @@ input[type="button"].btn-block {
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
border-radius: .25rem .25rem 0 0;
|
||||
border-radius: .1875rem .1875rem 0 0;
|
||||
}
|
||||
|
||||
.card-img-bottom {
|
||||
border-radius: 0 0 .25rem .25rem;
|
||||
border-radius: 0 0 .1875rem .1875rem;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-deck {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
@ -4044,7 +3949,7 @@ input[type="button"].btn-block {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-group {
|
||||
display: table;
|
||||
width: 100%;
|
||||
@ -4058,12 +3963,20 @@ input[type="button"].btn-block {
|
||||
margin-left: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
.card-group .card:first-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.card-group .card:first-child .card-img-top {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.card-group .card:first-child .card-img-bottom {
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.card-group .card:last-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.card-group .card:last-child .card-img-top {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
@ -4079,7 +3992,7 @@ input[type="button"].btn-block {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
@ -4161,8 +4074,7 @@ input[type="button"].btn-block {
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
.pagination > li > a:focus,
|
||||
.pagination > li > a:hover,
|
||||
.pagination > li > a:focus, .pagination > li > a:hover,
|
||||
.pagination > li > span:focus,
|
||||
.pagination > li > span:hover {
|
||||
color: #014c8c;
|
||||
@ -4170,9 +4082,7 @@ input[type="button"].btn-block {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
@ -4183,9 +4093,7 @@ input[type="button"].btn-block {
|
||||
border-color: #0275d8;
|
||||
}
|
||||
|
||||
.pagination > .disabled > span,
|
||||
.pagination > .disabled > span:focus,
|
||||
.pagination > .disabled > span:hover,
|
||||
.pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover,
|
||||
.pagination > .disabled > a,
|
||||
.pagination > .disabled > a:focus,
|
||||
.pagination > .disabled > a:hover {
|
||||
@ -4217,7 +4125,7 @@ input[type="button"].btn-block {
|
||||
.pagination-sm > li > a,
|
||||
.pagination-sm > li > span {
|
||||
padding: .275rem .75rem;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@ -4260,15 +4168,12 @@ input[type="button"].btn-block {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.pager li > a:focus,
|
||||
.pager li > a:hover {
|
||||
.pager li > a:focus, .pager li > a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
|
||||
.pager .disabled > a,
|
||||
.pager .disabled > a:focus,
|
||||
.pager .disabled > a:hover {
|
||||
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: #fff;
|
||||
@ -4312,8 +4217,7 @@ input[type="button"].btn-block {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
a.label:focus,
|
||||
a.label:hover {
|
||||
a.label:focus, a.label:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
@ -4322,15 +4226,14 @@ a.label:hover {
|
||||
.label-pill {
|
||||
padding-right: .6em;
|
||||
padding-left: .6em;
|
||||
border-radius: 1rem;
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.label-default {
|
||||
background-color: #818a91;
|
||||
}
|
||||
|
||||
.label-default[href]:focus,
|
||||
.label-default[href]:hover {
|
||||
.label-default[href]:focus, .label-default[href]:hover {
|
||||
background-color: #687077;
|
||||
}
|
||||
|
||||
@ -4338,8 +4241,7 @@ a.label:hover {
|
||||
background-color: #0275d8;
|
||||
}
|
||||
|
||||
.label-primary[href]:focus,
|
||||
.label-primary[href]:hover {
|
||||
.label-primary[href]:focus, .label-primary[href]:hover {
|
||||
background-color: #025aa5;
|
||||
}
|
||||
|
||||
@ -4347,8 +4249,7 @@ a.label:hover {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
.label-success[href]:focus,
|
||||
.label-success[href]:hover {
|
||||
.label-success[href]:focus, .label-success[href]:hover {
|
||||
background-color: #449d44;
|
||||
}
|
||||
|
||||
@ -4356,8 +4257,7 @@ a.label:hover {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
.label-info[href]:focus,
|
||||
.label-info[href]:hover {
|
||||
.label-info[href]:focus, .label-info[href]:hover {
|
||||
background-color: #31b0d5;
|
||||
}
|
||||
|
||||
@ -4365,8 +4265,7 @@ a.label:hover {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.label-warning[href]:focus,
|
||||
.label-warning[href]:hover {
|
||||
.label-warning[href]:focus, .label-warning[href]:hover {
|
||||
background-color: #ec971f;
|
||||
}
|
||||
|
||||
@ -4374,8 +4273,7 @@ a.label:hover {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
|
||||
.label-danger[href]:focus,
|
||||
.label-danger[href]:hover {
|
||||
.label-danger[href]:focus, .label-danger[href]:hover {
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
@ -4386,16 +4284,16 @@ a.label:hover {
|
||||
border-radius: .3rem;
|
||||
}
|
||||
|
||||
.jumbotron-hr {
|
||||
border-top-color: #d0d5d8;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.jumbotron {
|
||||
padding: 4rem 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-hr {
|
||||
border-top-color: #d0d5d8;
|
||||
}
|
||||
|
||||
.jumbotron-fluid {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
@ -4556,7 +4454,7 @@ a.label:hover {
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress {
|
||||
background-color: #eee;
|
||||
border-radius: .25rem;
|
||||
@ -4593,7 +4491,7 @@ a.label:hover {
|
||||
background-size: 1rem 1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
@ -4612,7 +4510,7 @@ a.label:hover {
|
||||
animation: progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-animated .progress-bar-striped {
|
||||
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
||||
-o-animation: progress-bar-stripes 2s linear infinite;
|
||||
@ -4628,7 +4526,7 @@ a.label:hover {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-success .progress-bar {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
@ -4642,7 +4540,7 @@ a.label:hover {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-info .progress-bar {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
@ -4656,7 +4554,7 @@ a.label:hover {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-warning .progress-bar {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
@ -4670,7 +4568,7 @@ a.label:hover {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0 \0) {
|
||||
@media screen and (min-width: 0\0) {
|
||||
.progress-danger .progress-bar {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
@ -4744,9 +4642,9 @@ a.label:hover {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: .75rem 1.25rem;
|
||||
margin-bottom: -.0625rem;
|
||||
margin-bottom: -1px;
|
||||
background-color: #fff;
|
||||
border: .0625rem solid #ddd;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.list-group-item:first-child {
|
||||
@ -4761,10 +4659,18 @@ a.label:hover {
|
||||
}
|
||||
|
||||
.list-group-flush .list-group-item {
|
||||
border-width: .0625rem 0;
|
||||
border-width: 1px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.list-group-flush:first-child .list-group-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.list-group-flush:last-child .list-group-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
a.list-group-item,
|
||||
button.list-group-item {
|
||||
width: 100%;
|
||||
@ -4777,8 +4683,7 @@ button.list-group-item .list-group-item-heading {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a.list-group-item:focus,
|
||||
a.list-group-item:hover,
|
||||
a.list-group-item:focus, a.list-group-item:hover,
|
||||
button.list-group-item:focus,
|
||||
button.list-group-item:hover {
|
||||
color: #555;
|
||||
@ -4786,29 +4691,21 @@ button.list-group-item:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.list-group-item.disabled,
|
||||
.list-group-item.disabled:focus,
|
||||
.list-group-item.disabled:hover {
|
||||
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
|
||||
.list-group-item.disabled .list-group-item-heading,
|
||||
.list-group-item.disabled:focus .list-group-item-heading,
|
||||
.list-group-item.disabled:hover .list-group-item-heading {
|
||||
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.list-group-item.disabled .list-group-item-text,
|
||||
.list-group-item.disabled:focus .list-group-item-text,
|
||||
.list-group-item.disabled:hover .list-group-item-text {
|
||||
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
|
||||
color: #818a91;
|
||||
}
|
||||
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:focus,
|
||||
.list-group-item.active:hover {
|
||||
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
@ -4817,19 +4714,15 @@ button.list-group-item:hover {
|
||||
|
||||
.list-group-item.active .list-group-item-heading,
|
||||
.list-group-item.active .list-group-item-heading > small,
|
||||
.list-group-item.active .list-group-item-heading > .small,
|
||||
.list-group-item.active:focus .list-group-item-heading,
|
||||
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
|
||||
.list-group-item.active:focus .list-group-item-heading > small,
|
||||
.list-group-item.active:focus .list-group-item-heading > .small,
|
||||
.list-group-item.active:hover .list-group-item-heading,
|
||||
.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
|
||||
.list-group-item.active:hover .list-group-item-heading > small,
|
||||
.list-group-item.active:hover .list-group-item-heading > .small {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.list-group-item.active .list-group-item-text,
|
||||
.list-group-item.active:focus .list-group-item-text,
|
||||
.list-group-item.active:hover .list-group-item-text {
|
||||
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
|
||||
color: #a8d6fe;
|
||||
}
|
||||
|
||||
@ -4848,17 +4741,14 @@ button.list-group-item-success .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-success:focus,
|
||||
a.list-group-item-success:hover,
|
||||
a.list-group-item-success:focus, a.list-group-item-success:hover,
|
||||
button.list-group-item-success:focus,
|
||||
button.list-group-item-success:hover {
|
||||
color: #3c763d;
|
||||
background-color: #d0e9c6;
|
||||
}
|
||||
|
||||
a.list-group-item-success.active,
|
||||
a.list-group-item-success.active:focus,
|
||||
a.list-group-item-success.active:hover,
|
||||
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
|
||||
button.list-group-item-success.active,
|
||||
button.list-group-item-success.active:focus,
|
||||
button.list-group-item-success.active:hover {
|
||||
@ -4882,17 +4772,14 @@ button.list-group-item-info .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-info:focus,
|
||||
a.list-group-item-info:hover,
|
||||
a.list-group-item-info:focus, a.list-group-item-info:hover,
|
||||
button.list-group-item-info:focus,
|
||||
button.list-group-item-info:hover {
|
||||
color: #31708f;
|
||||
background-color: #c4e3f3;
|
||||
}
|
||||
|
||||
a.list-group-item-info.active,
|
||||
a.list-group-item-info.active:focus,
|
||||
a.list-group-item-info.active:hover,
|
||||
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
|
||||
button.list-group-item-info.active,
|
||||
button.list-group-item-info.active:focus,
|
||||
button.list-group-item-info.active:hover {
|
||||
@ -4916,17 +4803,14 @@ button.list-group-item-warning .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-warning:focus,
|
||||
a.list-group-item-warning:hover,
|
||||
a.list-group-item-warning:focus, a.list-group-item-warning:hover,
|
||||
button.list-group-item-warning:focus,
|
||||
button.list-group-item-warning:hover {
|
||||
color: #8a6d3b;
|
||||
background-color: #faf2cc;
|
||||
}
|
||||
|
||||
a.list-group-item-warning.active,
|
||||
a.list-group-item-warning.active:focus,
|
||||
a.list-group-item-warning.active:hover,
|
||||
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
|
||||
button.list-group-item-warning.active,
|
||||
button.list-group-item-warning.active:focus,
|
||||
button.list-group-item-warning.active:hover {
|
||||
@ -4950,17 +4834,14 @@ button.list-group-item-danger .list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a.list-group-item-danger:focus,
|
||||
a.list-group-item-danger:hover,
|
||||
a.list-group-item-danger:focus, a.list-group-item-danger:hover,
|
||||
button.list-group-item-danger:focus,
|
||||
button.list-group-item-danger:hover {
|
||||
color: #a94442;
|
||||
background-color: #ebcccc;
|
||||
}
|
||||
|
||||
a.list-group-item-danger.active,
|
||||
a.list-group-item-danger.active:focus,
|
||||
a.list-group-item-danger.active:hover,
|
||||
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
|
||||
button.list-group-item-danger.active,
|
||||
button.list-group-item-danger.active:focus,
|
||||
button.list-group-item-danger.active:hover {
|
||||
@ -5013,6 +4894,10 @@ button.list-group-item-danger.active:hover {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
||||
.embed-responsive-1by1 {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 1.5rem;
|
||||
@ -5023,8 +4908,7 @@ button.list-group-item-danger.active:hover {
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
.close:focus,
|
||||
.close:hover {
|
||||
.close:focus, .close:hover {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
@ -5058,8 +4942,10 @@ button.close {
|
||||
|
||||
.modal.fade .modal-dialog {
|
||||
-webkit-transition: -webkit-transform .3s ease-out;
|
||||
-o-transition: -o-transform .3s ease-out;
|
||||
-o-transition: transform .3s ease-out, -o-transform .3s ease-out;
|
||||
transition: -webkit-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-transform: translate(0, -25%);
|
||||
-ms-transform: translate(0, -25%);
|
||||
-o-transform: translate(0, -25%);
|
||||
@ -5170,7 +5056,7 @@ button.close {
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.modal-dialog {
|
||||
width: 600px;
|
||||
margin: 30px auto;
|
||||
@ -5180,7 +5066,7 @@ button.close {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.modal-lg {
|
||||
width: 900px;
|
||||
}
|
||||
@ -5191,7 +5077,7 @@ button.close {
|
||||
z-index: 1070;
|
||||
display: block;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
@ -5214,14 +5100,12 @@ button.close {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-top,
|
||||
.tooltip.bs-tether-element-attached-bottom {
|
||||
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
|
||||
padding: 5px 0;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-top .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
|
||||
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
@ -5229,14 +5113,12 @@ button.close {
|
||||
border-top-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-right,
|
||||
.tooltip.bs-tether-element-attached-left {
|
||||
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
|
||||
padding: 0 5px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-right .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-left .tooltip-arrow {
|
||||
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -5px;
|
||||
@ -5244,14 +5126,12 @@ button.close {
|
||||
border-right-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom,
|
||||
.tooltip.bs-tether-element-attached-top {
|
||||
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
|
||||
padding: 5px 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-bottom .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
|
||||
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
@ -5259,14 +5139,12 @@ button.close {
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-left,
|
||||
.tooltip.bs-tether-element-attached-right {
|
||||
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
|
||||
padding: 0 5px;
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.tooltip.tooltip-left .tooltip-arrow,
|
||||
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
|
||||
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -5px;
|
||||
@ -5300,7 +5178,7 @@ button.close {
|
||||
max-width: 276px;
|
||||
padding: 1px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: .85rem;
|
||||
font-size: .875rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
@ -5323,13 +5201,11 @@ button.close {
|
||||
line-break: auto;
|
||||
}
|
||||
|
||||
.popover.popover-top,
|
||||
.popover.bs-tether-element-attached-bottom {
|
||||
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.popover.popover-top .popover-arrow,
|
||||
.popover.bs-tether-element-attached-bottom .popover-arrow {
|
||||
.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
|
||||
bottom: -11px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
@ -5337,8 +5213,7 @@ button.close {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-top .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-bottom .popover-arrow::after {
|
||||
.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
|
||||
bottom: 1px;
|
||||
margin-left: -10px;
|
||||
content: "";
|
||||
@ -5346,13 +5221,11 @@ button.close {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-right,
|
||||
.popover.bs-tether-element-attached-left {
|
||||
.popover.popover-right, .popover.bs-tether-element-attached-left {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.popover.popover-right .popover-arrow,
|
||||
.popover.bs-tether-element-attached-left .popover-arrow {
|
||||
.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
|
||||
top: 50%;
|
||||
left: -11px;
|
||||
margin-top: -11px;
|
||||
@ -5360,8 +5233,7 @@ button.close {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-right .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-left .popover-arrow::after {
|
||||
.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
|
||||
bottom: -10px;
|
||||
left: 1px;
|
||||
content: "";
|
||||
@ -5369,13 +5241,11 @@ button.close {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.popover.popover-bottom,
|
||||
.popover.bs-tether-element-attached-top {
|
||||
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.popover.popover-bottom .popover-arrow,
|
||||
.popover.bs-tether-element-attached-top .popover-arrow {
|
||||
.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
|
||||
top: -11px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
@ -5383,8 +5253,7 @@ button.close {
|
||||
border-bottom-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.popover.popover-bottom .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-top .popover-arrow::after {
|
||||
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
|
||||
top: 1px;
|
||||
margin-left: -10px;
|
||||
content: "";
|
||||
@ -5392,13 +5261,11 @@ button.close {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
.popover.popover-left,
|
||||
.popover.bs-tether-element-attached-right {
|
||||
.popover.popover-left, .popover.bs-tether-element-attached-right {
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.popover.popover-left .popover-arrow,
|
||||
.popover.bs-tether-element-attached-right .popover-arrow {
|
||||
.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
|
||||
top: 50%;
|
||||
right: -11px;
|
||||
margin-top: -11px;
|
||||
@ -5406,8 +5273,7 @@ button.close {
|
||||
border-left-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.popover.popover-left .popover-arrow::after,
|
||||
.popover.bs-tether-element-attached-right .popover-arrow::after {
|
||||
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
|
||||
right: 1px;
|
||||
bottom: -10px;
|
||||
content: "";
|
||||
@ -5428,8 +5294,7 @@ button.close {
|
||||
padding: 9px 14px;
|
||||
}
|
||||
|
||||
.popover-arrow,
|
||||
.popover-arrow::after {
|
||||
.popover-arrow, .popover-arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
@ -5473,29 +5338,27 @@ button.close {
|
||||
@media all and (transform-3d), (-webkit-transform-3d) {
|
||||
.carousel-inner > .carousel-item {
|
||||
-webkit-transition: -webkit-transform .6s ease-in-out;
|
||||
-o-transition: -o-transform .6s ease-in-out;
|
||||
-o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out;
|
||||
transition: -webkit-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-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
.carousel-inner > .carousel-item.next,
|
||||
.carousel-inner > .carousel-item.active.right {
|
||||
.carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.carousel-inner > .carousel-item.prev,
|
||||
.carousel-inner > .carousel-item.active.left {
|
||||
.carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.carousel-inner > .carousel-item.next.left,
|
||||
.carousel-inner > .carousel-item.prev.right,
|
||||
.carousel-inner > .carousel-item.active {
|
||||
.carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
@ -5573,8 +5436,7 @@ button.close {
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.carousel-control:focus,
|
||||
.carousel-control:hover {
|
||||
.carousel-control:focus, .carousel-control:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
@ -5660,7 +5522,7 @@ button.close {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.carousel-control .icon-prev,
|
||||
.carousel-control .icon-next {
|
||||
width: 30px;
|
||||
@ -5696,12 +5558,64 @@ button.close {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
.pull-xs-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-xs-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
.pull-xs-none {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
@media (min-width: 544px) {
|
||||
.pull-sm-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-sm-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-sm-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.pull-md-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-md-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-md-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.pull-lg-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-lg-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-lg-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.pull-xl-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-xl-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-xl-none {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
@ -5715,8 +5629,7 @@ button.close {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus {
|
||||
.sr-only-focusable:active, .sr-only-focusable:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@ -5725,12 +5638,8 @@ button.close {
|
||||
clip: auto;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.text-hide {
|
||||
@ -5741,24 +5650,12 @@ button.close {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
@ -5768,75 +5665,87 @@ button.close {
|
||||
}
|
||||
|
||||
.text-xs-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.text-xs-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.text-xs-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.text-sm-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-sm-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-sm-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.text-md-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-md-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-md-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.text-lg-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-lg-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-lg-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.text-xl-left {
|
||||
text-align: left;
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-xl-right {
|
||||
text-align: right;
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-xl-center {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
text-transform: lowercase !important;
|
||||
}
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase !important;
|
||||
}
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
text-transform: capitalize !important;
|
||||
}
|
||||
|
||||
.font-weight-normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.font-weight-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.font-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
@ -5844,47 +5753,42 @@ button.close {
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #0275d8;
|
||||
color: #0275d8 !important;
|
||||
}
|
||||
|
||||
a.text-primary:focus,
|
||||
a.text-primary:hover {
|
||||
a.text-primary:focus, a.text-primary:hover {
|
||||
color: #025aa5;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #5cb85c;
|
||||
color: #5cb85c !important;
|
||||
}
|
||||
|
||||
a.text-success:focus,
|
||||
a.text-success:hover {
|
||||
a.text-success:focus, a.text-success:hover {
|
||||
color: #449d44;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: #5bc0de;
|
||||
color: #5bc0de !important;
|
||||
}
|
||||
|
||||
a.text-info:focus,
|
||||
a.text-info:hover {
|
||||
a.text-info:focus, a.text-info:hover {
|
||||
color: #31b0d5;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: #f0ad4e;
|
||||
color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
a.text-warning:focus,
|
||||
a.text-warning:hover {
|
||||
a.text-warning:focus, a.text-warning:hover {
|
||||
color: #ec971f;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #d9534f;
|
||||
color: #d9534f !important;
|
||||
}
|
||||
|
||||
a.text-danger:focus,
|
||||
a.text-danger:hover {
|
||||
a.text-danger:focus, a.text-danger:hover {
|
||||
color: #c9302c;
|
||||
}
|
||||
|
||||
@ -5898,52 +5802,47 @@ a.text-danger:hover {
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #0275d8;
|
||||
color: #fff !important;
|
||||
background-color: #0275d8 !important;
|
||||
}
|
||||
|
||||
a.bg-primary:focus,
|
||||
a.bg-primary:hover {
|
||||
a.bg-primary:focus, a.bg-primary:hover {
|
||||
background-color: #025aa5;
|
||||
}
|
||||
|
||||
.bg-success {
|
||||
color: #fff;
|
||||
background-color: #5cb85c;
|
||||
color: #fff !important;
|
||||
background-color: #5cb85c !important;
|
||||
}
|
||||
|
||||
a.bg-success:focus,
|
||||
a.bg-success:hover {
|
||||
a.bg-success:focus, a.bg-success:hover {
|
||||
background-color: #449d44;
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
color: #fff;
|
||||
background-color: #5bc0de;
|
||||
color: #fff !important;
|
||||
background-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
a.bg-info:focus,
|
||||
a.bg-info:hover {
|
||||
a.bg-info:focus, a.bg-info:hover {
|
||||
background-color: #31b0d5;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
color: #fff;
|
||||
background-color: #f0ad4e;
|
||||
color: #fff !important;
|
||||
background-color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
a.bg-warning:focus,
|
||||
a.bg-warning:hover {
|
||||
a.bg-warning:focus, a.bg-warning:hover {
|
||||
background-color: #ec971f;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
color: #fff;
|
||||
background-color: #d9534f;
|
||||
color: #fff !important;
|
||||
background-color: #d9534f !important;
|
||||
}
|
||||
|
||||
a.bg-danger:focus,
|
||||
a.bg-danger:hover {
|
||||
a.bg-danger:focus, a.bg-danger:hover {
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
@ -6204,49 +6103,49 @@ a.bg-danger:hover {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 33.9em) {
|
||||
@media (max-width: 543px) {
|
||||
.hidden-xs-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 34em) {
|
||||
@media (min-width: 544px) {
|
||||
.hidden-sm-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 47.9em) {
|
||||
@media (max-width: 767px) {
|
||||
.hidden-sm-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
@media (min-width: 768px) {
|
||||
.hidden-md-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 61.9em) {
|
||||
@media (max-width: 991px) {
|
||||
.hidden-md-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
@media (min-width: 992px) {
|
||||
.hidden-lg-up {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 74.9em) {
|
||||
@media (max-width: 1199px) {
|
||||
.hidden-lg-down {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
@media (min-width: 1200px) {
|
||||
.hidden-xl-up {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
2
docs/dist/css/bootstrap.css.map
vendored
2
docs/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css
vendored
2
docs/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css.map
vendored
2
docs/dist/css/bootstrap.min.css.map
vendored
File diff suppressed because one or more lines are too long
@ -10,8 +10,8 @@ if (typeof jQuery === 'undefined') {
|
||||
|
||||
+function ($) {
|
||||
var version = $.fn.jquery.split(' ')[0].split('.')
|
||||
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {
|
||||
throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher')
|
||||
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] >= 3)) {
|
||||
throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v3.0.0')
|
||||
}
|
||||
}(jQuery);
|
||||
|
||||
@ -20,14 +20,14 @@ if (typeof jQuery === 'undefined') {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): util.js
|
||||
* Bootstrap (v4.0.0-alpha): util.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
|
||||
@ -129,7 +129,7 @@ var Util = (function ($) {
|
||||
|
||||
getUID: function getUID(prefix) {
|
||||
do {
|
||||
prefix += ~ ~(Math.random() * 1000000);
|
||||
prefix += ~ ~(Math.random() * 1000000); // "~~" acts like a faster Math.floor() here
|
||||
} while (document.getElementById(prefix));
|
||||
return prefix;
|
||||
},
|
||||
@ -185,7 +185,7 @@ var Util = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): alert.js
|
||||
* Bootstrap (v4.0.0-alpha): alert.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -199,7 +199,7 @@ var Alert = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'alert';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.alert';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -371,7 +371,7 @@ var Alert = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): button.js
|
||||
* Bootstrap (v4.0.0-alpha): button.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -385,7 +385,7 @@ var Button = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'button';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.button';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -537,7 +537,7 @@ var Button = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): carousel.js
|
||||
* Bootstrap (v4.0.0-alpha): carousel.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -551,7 +551,7 @@ var Carousel = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'carousel';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.carousel';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -650,6 +650,14 @@ var Carousel = (function ($) {
|
||||
this._slide(Direction.NEXT);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'nextWhenVisible',
|
||||
value: function nextWhenVisible() {
|
||||
// Don't call next when the page isn't visible
|
||||
if (!document.hidden) {
|
||||
this.next();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'prev',
|
||||
value: function prev() {
|
||||
@ -685,7 +693,7 @@ var Carousel = (function ($) {
|
||||
}
|
||||
|
||||
if (this._config.interval && !this._isPaused) {
|
||||
this._interval = setInterval($.proxy(this.next, this), this._config.interval);
|
||||
this._interval = setInterval($.proxy(document.visibilityState ? this.nextWhenVisible : this.next, this), this._config.interval);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
@ -918,7 +926,10 @@ var Carousel = (function ($) {
|
||||
|
||||
if (typeof config === 'number') {
|
||||
data.to(config);
|
||||
} else if (action) {
|
||||
} else if (typeof action === 'string') {
|
||||
if (data[action] === undefined) {
|
||||
throw new Error('No method named "' + action + '"');
|
||||
}
|
||||
data[action]();
|
||||
} else if (_config.interval) {
|
||||
data.pause();
|
||||
@ -998,7 +1009,7 @@ var Carousel = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): collapse.js
|
||||
* Bootstrap (v4.0.0-alpha): collapse.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1012,7 +1023,7 @@ var Collapse = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'collapse';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.collapse';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1306,6 +1317,9 @@ var Collapse = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -1353,7 +1367,7 @@ var Collapse = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): dropdown.js
|
||||
* Bootstrap (v4.0.0-alpha): dropdown.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1367,7 +1381,7 @@ var Dropdown = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'dropdown';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.dropdown';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1496,6 +1510,9 @@ var Dropdown = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config].call(this);
|
||||
}
|
||||
});
|
||||
@ -1637,7 +1654,7 @@ var Dropdown = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): modal.js
|
||||
* Bootstrap (v4.0.0-alpha): modal.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -1651,7 +1668,7 @@ var Modal = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'modal';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.modal';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -1769,7 +1786,7 @@ var Modal = (function ($) {
|
||||
$(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
|
||||
$(_this7._element).one(Event.MOUSEUP_DISMISS, function (event) {
|
||||
if ($(event.target).is(_this7._element)) {
|
||||
that._ignoreBackdropClick = true;
|
||||
_this7._ignoreBackdropClick = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -2093,6 +2110,9 @@ var Modal = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config](relatedTarget);
|
||||
} else if (_config.show) {
|
||||
data.show(relatedTarget);
|
||||
@ -2164,7 +2184,7 @@ var Modal = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): scrollspy.js
|
||||
* Bootstrap (v4.0.0-alpha): scrollspy.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -2178,7 +2198,7 @@ var ScrollSpy = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'scrollspy';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.scrollspy';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -2429,6 +2449,9 @@ var ScrollSpy = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -2475,7 +2498,7 @@ var ScrollSpy = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tab.js
|
||||
* Bootstrap (v4.0.0-alpha): tab.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -2489,7 +2512,7 @@ var Tab = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'tab';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tab';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -2692,6 +2715,9 @@ var Tab = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -2727,15 +2753,25 @@ var Tab = (function ($) {
|
||||
return Tab;
|
||||
})(jQuery);
|
||||
|
||||
/* global Tether */
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tooltip.js
|
||||
* Bootstrap (v4.0.0-alpha): tooltip.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* Check for Tether dependency
|
||||
* Tether - http://github.hubspot.com/tether/
|
||||
*/
|
||||
if (window.Tether === undefined) {
|
||||
throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)');
|
||||
}
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
@ -2743,7 +2779,7 @@ var Tooltip = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'tooltip';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tooltip';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -2971,7 +3007,8 @@ var Tooltip = (function ($) {
|
||||
classes: TetherClass,
|
||||
classPrefix: CLASS_PREFIX,
|
||||
offset: this.config.offset,
|
||||
constraints: this.config.constraints
|
||||
constraints: this.config.constraints,
|
||||
addTargetClasses: false
|
||||
});
|
||||
|
||||
Util.reflow(tip);
|
||||
@ -3093,12 +3130,6 @@ var Tooltip = (function ($) {
|
||||
value: function cleanupTether() {
|
||||
if (this._tether) {
|
||||
this._tether.destroy();
|
||||
|
||||
// clean up after tether's junk classes
|
||||
// remove after they fix issue
|
||||
// (https://github.com/HubSpot/tether/issues/36)
|
||||
$(this.element).removeClass(this._removeTetherClasses);
|
||||
$(this.tip).removeClass(this._removeTetherClasses);
|
||||
}
|
||||
}
|
||||
|
||||
@ -3136,11 +3167,6 @@ var Tooltip = (function ($) {
|
||||
this._fixTitle();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: '_removeTetherClasses',
|
||||
value: function _removeTetherClasses(i, css) {
|
||||
return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
|
||||
}
|
||||
}, {
|
||||
key: '_fixTitle',
|
||||
value: function _fixTitle() {
|
||||
@ -3283,6 +3309,9 @@ var Tooltip = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
@ -3339,7 +3368,7 @@ var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): popover.js
|
||||
* Bootstrap (v4.0.0-alpha): popover.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -3353,7 +3382,7 @@ var Popover = (function ($) {
|
||||
*/
|
||||
|
||||
var NAME = 'popover';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.popover';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -3468,6 +3497,9 @@ var Popover = (function ($) {
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
4
docs/dist/js/bootstrap.min.js
vendored
4
docs/dist/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
4
docs/dist/js/umd/alert.js
vendored
4
docs/dist/js/umd/alert.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): alert.js
|
||||
* Bootstrap (v4.0.0-alpha): alert.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'alert';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.alert';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
|
||||
4
docs/dist/js/umd/button.js
vendored
4
docs/dist/js/umd/button.js
vendored
@ -13,7 +13,7 @@
|
||||
})(this, function (exports, module) {
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): button.js
|
||||
* Bootstrap (v4.0.0-alpha): button.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -33,7 +33,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'button';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.button';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
|
||||
19
docs/dist/js/umd/carousel.js
vendored
19
docs/dist/js/umd/carousel.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): carousel.js
|
||||
* Bootstrap (v4.0.0-alpha): carousel.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'carousel';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.carousel';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -136,6 +136,14 @@
|
||||
this._slide(Direction.NEXT);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'nextWhenVisible',
|
||||
value: function nextWhenVisible() {
|
||||
// Don't call next when the page isn't visible
|
||||
if (!document.hidden) {
|
||||
this.next();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'prev',
|
||||
value: function prev() {
|
||||
@ -171,7 +179,7 @@
|
||||
}
|
||||
|
||||
if (this._config.interval && !this._isPaused) {
|
||||
this._interval = setInterval($.proxy(this.next, this), this._config.interval);
|
||||
this._interval = setInterval($.proxy(document.visibilityState ? this.nextWhenVisible : this.next, this), this._config.interval);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
@ -404,7 +412,10 @@
|
||||
|
||||
if (typeof config === 'number') {
|
||||
data.to(config);
|
||||
} else if (action) {
|
||||
} else if (typeof action === 'string') {
|
||||
if (data[action] === undefined) {
|
||||
throw new Error('No method named "' + action + '"');
|
||||
}
|
||||
data[action]();
|
||||
} else if (_config.interval) {
|
||||
data.pause();
|
||||
|
||||
7
docs/dist/js/umd/collapse.js
vendored
7
docs/dist/js/umd/collapse.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): collapse.js
|
||||
* Bootstrap (v4.0.0-alpha): collapse.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'collapse';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.collapse';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -331,6 +331,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
docs/dist/js/umd/dropdown.js
vendored
7
docs/dist/js/umd/dropdown.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): dropdown.js
|
||||
* Bootstrap (v4.0.0-alpha): dropdown.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'dropdown';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.dropdown';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -166,6 +166,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config].call(this);
|
||||
}
|
||||
});
|
||||
|
||||
9
docs/dist/js/umd/modal.js
vendored
9
docs/dist/js/umd/modal.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): modal.js
|
||||
* Bootstrap (v4.0.0-alpha): modal.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'modal';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.modal';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -155,7 +155,7 @@
|
||||
$(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
|
||||
$(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
|
||||
if ($(event.target).is(_this._element)) {
|
||||
that._ignoreBackdropClick = true;
|
||||
_this._ignoreBackdropClick = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -479,6 +479,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config](relatedTarget);
|
||||
} else if (_config.show) {
|
||||
data.show(relatedTarget);
|
||||
|
||||
9
docs/dist/js/umd/popover.js
vendored
9
docs/dist/js/umd/popover.js
vendored
@ -15,7 +15,7 @@
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): popover.js
|
||||
* Bootstrap (v4.0.0-alpha): popover.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -41,7 +41,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'popover';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.popover';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -156,6 +156,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
docs/dist/js/umd/scrollspy.js
vendored
7
docs/dist/js/umd/scrollspy.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): scrollspy.js
|
||||
* Bootstrap (v4.0.0-alpha): scrollspy.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'scrollspy';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.scrollspy';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -288,6 +288,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
7
docs/dist/js/umd/tab.js
vendored
7
docs/dist/js/umd/tab.js
vendored
@ -23,7 +23,7 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tab.js
|
||||
* Bootstrap (v4.0.0-alpha): tab.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -37,7 +37,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'tab';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tab';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var DATA_API_KEY = '.data-api';
|
||||
@ -240,6 +240,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
31
docs/dist/js/umd/tooltip.js
vendored
31
docs/dist/js/umd/tooltip.js
vendored
@ -11,6 +11,8 @@
|
||||
global.tooltip = mod.exports;
|
||||
}
|
||||
})(this, function (exports, module, _util) {
|
||||
/* global Tether */
|
||||
|
||||
'use strict';
|
||||
|
||||
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
||||
@ -23,13 +25,21 @@
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): tooltip.js
|
||||
* Bootstrap (v4.0.0-alpha): tooltip.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
var Tooltip = (function ($) {
|
||||
|
||||
/**
|
||||
* Check for Tether dependency
|
||||
* Tether - http://github.hubspot.com/tether/
|
||||
*/
|
||||
if (window.Tether === undefined) {
|
||||
throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)');
|
||||
}
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
@ -37,7 +47,7 @@
|
||||
*/
|
||||
|
||||
var NAME = 'tooltip';
|
||||
var VERSION = '4.0.0';
|
||||
var VERSION = '4.0.0-alpha';
|
||||
var DATA_KEY = 'bs.tooltip';
|
||||
var EVENT_KEY = '.' + DATA_KEY;
|
||||
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
||||
@ -265,7 +275,8 @@
|
||||
classes: TetherClass,
|
||||
classPrefix: CLASS_PREFIX,
|
||||
offset: this.config.offset,
|
||||
constraints: this.config.constraints
|
||||
constraints: this.config.constraints,
|
||||
addTargetClasses: false
|
||||
});
|
||||
|
||||
_Util['default'].reflow(tip);
|
||||
@ -387,12 +398,6 @@
|
||||
value: function cleanupTether() {
|
||||
if (this._tether) {
|
||||
this._tether.destroy();
|
||||
|
||||
// clean up after tether's junk classes
|
||||
// remove after they fix issue
|
||||
// (https://github.com/HubSpot/tether/issues/36)
|
||||
$(this.element).removeClass(this._removeTetherClasses);
|
||||
$(this.tip).removeClass(this._removeTetherClasses);
|
||||
}
|
||||
}
|
||||
|
||||
@ -430,11 +435,6 @@
|
||||
this._fixTitle();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: '_removeTetherClasses',
|
||||
value: function _removeTetherClasses(i, css) {
|
||||
return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
|
||||
}
|
||||
}, {
|
||||
key: '_fixTitle',
|
||||
value: function _fixTitle() {
|
||||
@ -577,6 +577,9 @@
|
||||
}
|
||||
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined) {
|
||||
throw new Error('No method named "' + config + '"');
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
|
||||
4
docs/dist/js/umd/util.js
vendored
4
docs/dist/js/umd/util.js
vendored
@ -13,7 +13,7 @@
|
||||
})(this, function (exports, module) {
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap (v4.0.0): util.js
|
||||
* Bootstrap (v4.0.0-alpha): util.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
@ -114,7 +114,7 @@
|
||||
|
||||
getUID: function getUID(prefix) {
|
||||
do {
|
||||
prefix += ~ ~(Math.random() * 1000000);
|
||||
prefix += ~ ~(Math.random() * 1000000); // "~~" acts like a faster Math.floor() here
|
||||
} while (document.getElementById(prefix));
|
||||
return prefix;
|
||||
},
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="icon" href="../../favicon.ico">
|
||||
@ -44,7 +44,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="jumbotron text-center">
|
||||
<section class="jumbotron text-xs-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>
|
||||
@ -104,7 +104,7 @@
|
||||
|
||||
<footer class="text-muted">
|
||||
<div class="container">
|
||||
<p class="pull-right">
|
||||
<p class="pull-xs-right">
|
||||
<a href="#">Back to top</a>
|
||||
</p>
|
||||
<p>Album example is © Bootstrap, but please download and customize it for yourself!</p>
|
||||
@ -115,7 +115,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../assets/js/vendor/holder.min.js"></script>
|
||||
<script>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -160,7 +160,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../dist/js/bootstrap.min.js"></script>
|
||||
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -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-left">
|
||||
<div class="carousel-caption text-xs-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-right">
|
||||
<div class="carousel-caption text-xs-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>
|
||||
@ -164,7 +164,7 @@
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
<p class="pull-right"><a href="#">Back to top</a></p>
|
||||
<p class="pull-xs-right"><a href="#">Back to top</a></p>
|
||||
<p>© 2014 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
|
||||
</footer>
|
||||
|
||||
@ -174,7 +174,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../dist/js/bootstrap.min.js"></script>
|
||||
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
|
||||
|
||||
@ -14,7 +14,7 @@ a:hover {
|
||||
.btn-secondary:hover,
|
||||
.btn-secondary:focus {
|
||||
color: #333;
|
||||
text-shadow: none; /* Prevent inheritence from `body` */
|
||||
text-shadow: none; /* Prevent inheritance from `body` */
|
||||
background-color: #fff;
|
||||
border: .05rem solid #fff;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -60,7 +60,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../dist/js/bootstrap.min.js"></script>
|
||||
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -29,13 +29,13 @@
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
<div id="navbar">
|
||||
<nav class="nav navbar-nav pull-left">
|
||||
<nav class="nav navbar-nav pull-xs-left">
|
||||
<a class="nav-item nav-link" href="#">Dashboard</a>
|
||||
<a class="nav-item nav-link" href="#">Settings</a>
|
||||
<a class="nav-item nav-link" href="#">Profile</a>
|
||||
<a class="nav-item nav-link" href="#">Help</a>
|
||||
</nav>
|
||||
<form class="navbar-form pull-right">
|
||||
<form class="pull-xs-right">
|
||||
<input type="text" class="form-control" placeholder="Search...">
|
||||
</form>
|
||||
</div>
|
||||
@ -89,7 +89,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="sub-header">Section title</h2>
|
||||
<h2>Section title</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
@ -224,7 +224,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../dist/js/bootstrap.min.js"></script>
|
||||
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -75,7 +75,7 @@
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
|
||||
<script src="../../dist/js/bootstrap.min.js"></script>
|
||||
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -49,7 +49,7 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<h2>Safari bug warning!</h2>
|
||||
<p class="text-danger">As of v8.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.</p>
|
||||
<p class="text-danger">As of v9.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.</p>
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
||||
<p><a class="btn btn-primary" href="#" role="button">View details »</a></p>
|
||||
</div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user