0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

Merge branch 'v4-dev' into v4-split-buttons

This commit is contained in:
Mark Otto 2016-02-06 20:33:26 -08:00
commit d7d0e186bd
124 changed files with 3985 additions and 2858 deletions

View File

@ -1,6 +1,10 @@
javascript:
enabled: false
scss:
config_file: scss/.scss-lint.yml
enabled: true
ignore_file: scss/_normalize.scss
javascript:
enabled: false
ruby:
enabled: false

View File

@ -6,6 +6,8 @@ node_js:
- "4"
- "5"
before_install:
# Remove ./node_modules/.bin from PATH so node-which doesn't replace Unix which and cause RVM to barf. See https://github.com/travis-ci/travis-ci/issues/5092
- export PATH=$(python -c 'from sys import argv;from collections import OrderedDict as od;print(":".join(od((p,None) for p in argv[1].split(":") if p.startswith("/")).keys()))' "$PATH")
- rvm install 2.2
- rvm use 2.2 --fuzzy
- export GEMDIR=$(rvm gemdir)
@ -19,13 +21,13 @@ install:
- cp grunt/npm-shrinkwrap.json ./
- npm install -g grunt-cli
- npm install
# Caching disabled due to https://github.com/travis-ci/travis-ci/issues/5092
#cache:
# directories:
# - node_modules
# - vendor/bundle
cache:
directories:
- node_modules
- vendor/bundle
env:
global:
- NPM_CONFIG_PROGRESS="false"
- SAUCE_USERNAME="bootstrap"
- secure: "pJkBwnuae9dKU5tEcCqccfS1QQw7/meEcfz63fM7ba7QJNjoA6BaXj08L5Z3Vb5vBmVPwBawxo5Hp0jC0r/Z/O0hGnAmz/Cz09L+cy7dSAZ9x4hvZePSja/UAusaB5ogMoO8l2b773MzgQeSmrLbExr9BWLeqEfjC2hFgdgHLaQ="
- secure: "RKWpS+P20b4tG9tawzCMJSmQftoonmC7tJzyGYiHuEM1TcpHALLBcnzKlr/+DiPTfzDJWY4kS8pxfhK4uXOe8OHnhpMNub7LEWtFPePlZIervOJcsOydaQocTKqVVWD6OUubMeQmQ+tZmvmpjoJ1uPPEbFs9ciF7+dv3U5tLUZ0="

13
Gemfile
View File

@ -1,12 +1,9 @@
# Ruby Gems for building and testing Bootstrap
# Run `grunt update-gemfile-lock` to update to the latest compatible versions
source 'https://rubygems.org'
group :development, :test do
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'
gem 'jekyll', '~> 3.1.1'
gem 'jekyll-redirect-from', '~> 0.9.1'
gem 'jekyll-sitemap', '~> 0.10.0'
gem 'sass', '~> 3.4.21'
gem 'scss_lint', '~> 0.44.0'
end

View File

@ -4,7 +4,7 @@ GEM
colorator (0.1)
ffi (1.9.10)
ffi (1.9.10-x64-mingw32)
jekyll (3.0.1)
jekyll (3.1.1)
colorator (~> 0.1)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
@ -13,12 +13,12 @@ GEM
mercenary (~> 0.3.3)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-redirect-from (0.9.0)
jekyll-redirect-from (0.9.1)
jekyll (>= 2.0)
jekyll-sass-converter (1.3.0)
sass (~> 3.2)
jekyll-sitemap (0.9.0)
jekyll-watch (1.3.0)
jekyll-sass-converter (1.4.0)
sass (~> 3.4)
jekyll-sitemap (0.10.0)
jekyll-watch (1.3.1)
listen (~> 3.0)
kramdown (1.9.0)
liquid (3.0.6)
@ -26,15 +26,15 @@ GEM
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9)
mercenary (0.3.5)
rainbow (2.0.0)
rb-fsevent (0.9.6)
rb-inotify (0.9.5)
rake (10.5.0)
rb-fsevent (0.9.7)
rb-inotify (0.9.6)
ffi (>= 0.5.0)
rouge (1.10.1)
safe_yaml (1.0.4)
sass (3.4.19)
scss_lint (0.43.2)
rainbow (~> 2.0)
sass (3.4.21)
scss_lint (0.44.0)
rake (~> 10.0)
sass (~> 3.4.15)
PLATFORMS
@ -42,11 +42,11 @@ PLATFORMS
x64-mingw32
DEPENDENCIES
jekyll (~> 3.0.1)
jekyll-redirect-from (~> 0.9.0)
jekyll-sitemap (~> 0.9.0)
sass (~> 3.4.19)
scss_lint (~> 0.43)
jekyll (~> 3.1.1)
jekyll-redirect-from (~> 0.9.1)
jekyll-sitemap (~> 0.10.0)
sass (~> 3.4.21)
scss_lint (~> 0.44.0)
BUNDLED WITH
1.10.6
1.11.2

View File

@ -279,28 +279,6 @@ module.exports = function (grunt) {
}
},
csscomb: {
options: {
config: 'scss/.csscomb.json'
},
dist: {
expand: true,
cwd: 'dist/css/',
src: ['*.css', '!*.min.css'],
dest: 'dist/css/'
},
examples: {
expand: true,
cwd: 'docs/examples/',
src: '**/*.css',
dest: 'docs/examples/'
},
docs: {
src: 'docs/assets/css/src/docs.css',
dest: 'docs/assets/css/src/docs.css'
}
},
copy: {
docs: {
expand: true,
@ -343,12 +321,14 @@ module.exports = function (grunt) {
'Attribute “autocomplete” not allowed on element “button” at this point.',
'Element “div” not allowed as child of element “progress” in this context. (Suppressing further errors from this subtree.)',
'Consider using the “h1” element as a top-level heading only (all “h1” elements are treated as top-level headings by many screen readers and other tools).',
'The “datetime” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “color” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “date” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “datetime-local” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “month” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “time” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'The “week” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.'
'The “week” input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.',
'Attribute “integrity” not allowed on element “script” at this point.' // Until https://github.com/jzaefferer/grunt-html/issues/86 gets fixed
]
},
src: ['_gh_pages/**/*.html', 'js/tests/visual/*.html']
@ -482,7 +462,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', 'csscomb:dist', 'cssmin:core', 'cssmin:docs']);
grunt.registerTask('dist-css', ['sass-compile', 'postcss:core', 'cssmin:core', 'cssmin:docs']);
// Full distribution task.
grunt.registerTask('dist', ['clean:dist', 'dist-css', 'dist-js']);
@ -501,7 +481,7 @@ module.exports = function (grunt) {
});
// Docs task.
grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'csscomb:docs', 'csscomb:examples', 'cssmin:docs']);
grunt.registerTask('docs-css', ['postcss:docs', 'postcss:examples', 'cssmin:docs']);
grunt.registerTask('lint-docs-css', ['scsslint:docs']);
grunt.registerTask('docs-js', ['uglify:docsJs']);
grunt.registerTask('lint-docs-js', ['jscs:assets']);

View File

@ -3,6 +3,7 @@
[![Slack](https://bootstrap-slack.herokuapp.com/badge.svg)](https://bootstrap-slack.herokuapp.com)
![Bower version](https://img.shields.io/bower/v/bootstrap.svg)
[![npm version](https://img.shields.io/npm/v/bootstrap.svg)](https://www.npmjs.com/package/bootstrap)
[![Gem version](https://img.shields.io/gem/v/bootstrap.svg)](https://rubygems.org/gems/bootstrap)
[![Build Status](https://img.shields.io/travis/twbs/bootstrap/master.svg)](https://travis-ci.org/twbs/bootstrap)
[![devDependency Status](https://img.shields.io/david/dev/twbs/bootstrap.svg)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
[![Meteor Atmosphere](https://img.shields.io/badge/meteor-twbs%3Abootstrap-blue.svg)](https://atmospherejs.com/twbs/bootstrap)

View File

@ -42,4 +42,6 @@ cdn:
js: https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js
js_hash: "sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7"
jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
jquery_hash: "sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx"
tether: https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js
tether_hash: "sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv"

View File

@ -3,11 +3,11 @@
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css commit fe56763 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
@ -21,7 +21,6 @@ figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
@ -74,13 +73,13 @@ dfn {
}
h1 {
margin: .67em 0;
font-size: 2em;
margin: 0.67em 0;
}
mark {
color: #000;
background: #ff0;
color: #000;
}
small {
@ -89,18 +88,18 @@ small {
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
top: -0.5em;
}
sub {
bottom: -.25em;
bottom: -0.25em;
}
img {
@ -116,9 +115,9 @@ figure {
}
hr {
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
@ -138,9 +137,9 @@ input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
font: inherit;
margin: 0;
}
button {
@ -167,8 +166,8 @@ html input[disabled] {
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
padding: 0;
}
input {
@ -188,8 +187,6 @@ input[type="number"]::-webkit-outer-spin-button {
}
input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
@ -199,14 +196,14 @@ input[type="search"]::-webkit-search-decoration {
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
padding: 0;
border: 0;
padding: 0;
}
textarea {
@ -218,8 +215,8 @@ optgroup {
}
table {
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
td,
@ -230,7 +227,9 @@ th {
@media print {
*,
*::before,
*::after {
*::after,
*::first-letter,
*::first-line {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
@ -245,7 +244,6 @@ th {
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
@ -255,9 +253,6 @@ th {
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
@ -303,31 +298,18 @@ html {
box-sizing: inherit;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-webkit-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
font-size: 16px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
@ -438,8 +420,8 @@ table {
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #818a91;
text-align: left;
caption-side: bottom;
@ -489,8 +471,6 @@ legend {
}
input[type="search"] {
-webkit-box-sizing: inherit;
box-sizing: inherit;
-webkit-appearance: none;
}
@ -504,58 +484,34 @@ output {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: .5rem;
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
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 {
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 {
h6, .h6 {
font-size: 1rem;
}
@ -588,7 +544,7 @@ hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
@ -627,16 +583,15 @@ mark,
}
.blockquote {
padding: .5rem 1rem;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: .25rem solid #eceeef;
border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
line-height: 1.5;
color: #818a91;
}
@ -648,7 +603,7 @@ mark,
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: .25rem solid #eceeef;
border-right: 0.25rem solid #eceeef;
border-left: 0;
}
@ -660,6 +615,10 @@ mark,
content: "\00A0 \2014";
}
dl.row > dd + dt {
clear: left;
}
.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
display: block;
@ -668,21 +627,20 @@ mark,
}
.img-rounded {
border-radius: .3rem;
border-radius: 0.3rem;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
padding: .25rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
@ -694,7 +652,7 @@ mark,
}
.figure-img {
margin-bottom: .5rem;
margin-bottom: 0.5rem;
line-height: 1;
}
@ -707,7 +665,7 @@ code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
@ -715,7 +673,7 @@ code {
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: .25rem;
border-radius: 0.25rem;
}
kbd {
@ -723,7 +681,7 @@ kbd {
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: .2rem;
border-radius: 0.2rem;
}
kbd kbd {
@ -737,7 +695,6 @@ pre {
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
line-height: 1.5;
color: #373a3c;
}
@ -755,16 +712,16 @@ pre code {
}
.container {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container::after {
content: "";
display: table;
clear: both;
content: "";
}
@media (min-width: 544px) {
@ -792,856 +749,1133 @@ pre code {
}
.container-fluid {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid::after {
content: "";
display: table;
clear: both;
content: "";
}
.row {
margin-right: -.9375rem;
margin-left: -.9375rem;
margin-left: -15px;
margin-right: -15px;
}
.row::after {
content: "";
display: table;
clear: both;
content: "";
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: .9375rem;
padding-left: .9375rem;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-xs-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-xs-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-xs-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-xs-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-xs-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-xs-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-xs-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-xs-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-xs-pull-0 {
.pull-xs-0 {
right: auto;
}
.col-xs-pull-1 {
.pull-xs-1 {
right: 8.333333%;
}
.col-xs-pull-2 {
.pull-xs-2 {
right: 16.666667%;
}
.col-xs-pull-3 {
.pull-xs-3 {
right: 25%;
}
.col-xs-pull-4 {
.pull-xs-4 {
right: 33.333333%;
}
.col-xs-pull-5 {
.pull-xs-5 {
right: 41.666667%;
}
.col-xs-pull-6 {
.pull-xs-6 {
right: 50%;
}
.col-xs-pull-7 {
.pull-xs-7 {
right: 58.333333%;
}
.col-xs-pull-8 {
.pull-xs-8 {
right: 66.666667%;
}
.col-xs-pull-9 {
.pull-xs-9 {
right: 75%;
}
.col-xs-pull-10 {
.pull-xs-10 {
right: 83.333333%;
}
.col-xs-pull-11 {
.pull-xs-11 {
right: 91.666667%;
}
.col-xs-pull-12 {
.pull-xs-12 {
right: 100%;
}
.col-xs-push-0 {
.push-xs-0 {
left: auto;
}
.col-xs-push-1 {
.push-xs-1 {
left: 8.333333%;
}
.col-xs-push-2 {
.push-xs-2 {
left: 16.666667%;
}
.col-xs-push-3 {
.push-xs-3 {
left: 25%;
}
.col-xs-push-4 {
.push-xs-4 {
left: 33.333333%;
}
.col-xs-push-5 {
.push-xs-5 {
left: 41.666667%;
}
.col-xs-push-6 {
.push-xs-6 {
left: 50%;
}
.col-xs-push-7 {
.push-xs-7 {
left: 58.333333%;
}
.col-xs-push-8 {
.push-xs-8 {
left: 66.666667%;
}
.col-xs-push-9 {
.push-xs-9 {
left: 75%;
}
.col-xs-push-10 {
.push-xs-10 {
left: 83.333333%;
}
.col-xs-push-11 {
.push-xs-11 {
left: 91.666667%;
}
.col-xs-push-12 {
.push-xs-12 {
left: 100%;
}
.col-xs-offset-1 {
.offset-xs-1 {
margin-left: 8.333333%;
}
.col-xs-offset-2 {
.offset-xs-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
.offset-xs-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
.offset-xs-4 {
margin-left: 33.333333%;
}
.col-xs-offset-5 {
.offset-xs-5 {
margin-left: 41.666667%;
}
.col-xs-offset-6 {
.offset-xs-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
.offset-xs-7 {
margin-left: 58.333333%;
}
.col-xs-offset-8 {
.offset-xs-8 {
margin-left: 66.666667%;
}
.col-xs-offset-9 {
.offset-xs-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
.offset-xs-10 {
margin-left: 83.333333%;
}
.col-xs-offset-11 {
.offset-xs-11 {
margin-left: 91.666667%;
}
@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;
}
.col-sm-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-sm-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-sm-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-sm-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-sm-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-sm-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-sm-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-sm-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-sm-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-sm-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-sm-pull-0 {
.pull-sm-0 {
right: auto;
}
.col-sm-pull-1 {
.pull-sm-1 {
right: 8.333333%;
}
.col-sm-pull-2 {
.pull-sm-2 {
right: 16.666667%;
}
.col-sm-pull-3 {
.pull-sm-3 {
right: 25%;
}
.col-sm-pull-4 {
.pull-sm-4 {
right: 33.333333%;
}
.col-sm-pull-5 {
.pull-sm-5 {
right: 41.666667%;
}
.col-sm-pull-6 {
.pull-sm-6 {
right: 50%;
}
.col-sm-pull-7 {
.pull-sm-7 {
right: 58.333333%;
}
.col-sm-pull-8 {
.pull-sm-8 {
right: 66.666667%;
}
.col-sm-pull-9 {
.pull-sm-9 {
right: 75%;
}
.col-sm-pull-10 {
.pull-sm-10 {
right: 83.333333%;
}
.col-sm-pull-11 {
.pull-sm-11 {
right: 91.666667%;
}
.col-sm-pull-12 {
.pull-sm-12 {
right: 100%;
}
.col-sm-push-0 {
.push-sm-0 {
left: auto;
}
.col-sm-push-1 {
.push-sm-1 {
left: 8.333333%;
}
.col-sm-push-2 {
.push-sm-2 {
left: 16.666667%;
}
.col-sm-push-3 {
.push-sm-3 {
left: 25%;
}
.col-sm-push-4 {
.push-sm-4 {
left: 33.333333%;
}
.col-sm-push-5 {
.push-sm-5 {
left: 41.666667%;
}
.col-sm-push-6 {
.push-sm-6 {
left: 50%;
}
.col-sm-push-7 {
.push-sm-7 {
left: 58.333333%;
}
.col-sm-push-8 {
.push-sm-8 {
left: 66.666667%;
}
.col-sm-push-9 {
.push-sm-9 {
left: 75%;
}
.col-sm-push-10 {
.push-sm-10 {
left: 83.333333%;
}
.col-sm-push-11 {
.push-sm-11 {
left: 91.666667%;
}
.col-sm-push-12 {
.push-sm-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
.offset-sm-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
.offset-sm-1 {
margin-left: 8.333333%;
}
.col-sm-offset-2 {
.offset-sm-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
.offset-sm-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
.offset-sm-4 {
margin-left: 33.333333%;
}
.col-sm-offset-5 {
.offset-sm-5 {
margin-left: 41.666667%;
}
.col-sm-offset-6 {
.offset-sm-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
.offset-sm-7 {
margin-left: 58.333333%;
}
.col-sm-offset-8 {
.offset-sm-8 {
margin-left: 66.666667%;
}
.col-sm-offset-9 {
.offset-sm-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
.offset-sm-10 {
margin-left: 83.333333%;
}
.col-sm-offset-11 {
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-md-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-md-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-md-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-md-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-md-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-md-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-md-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-md-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-md-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-md-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-md-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-md-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-md-pull-0 {
.pull-md-0 {
right: auto;
}
.col-md-pull-1 {
.pull-md-1 {
right: 8.333333%;
}
.col-md-pull-2 {
.pull-md-2 {
right: 16.666667%;
}
.col-md-pull-3 {
.pull-md-3 {
right: 25%;
}
.col-md-pull-4 {
.pull-md-4 {
right: 33.333333%;
}
.col-md-pull-5 {
.pull-md-5 {
right: 41.666667%;
}
.col-md-pull-6 {
.pull-md-6 {
right: 50%;
}
.col-md-pull-7 {
.pull-md-7 {
right: 58.333333%;
}
.col-md-pull-8 {
.pull-md-8 {
right: 66.666667%;
}
.col-md-pull-9 {
.pull-md-9 {
right: 75%;
}
.col-md-pull-10 {
.pull-md-10 {
right: 83.333333%;
}
.col-md-pull-11 {
.pull-md-11 {
right: 91.666667%;
}
.col-md-pull-12 {
.pull-md-12 {
right: 100%;
}
.col-md-push-0 {
.push-md-0 {
left: auto;
}
.col-md-push-1 {
.push-md-1 {
left: 8.333333%;
}
.col-md-push-2 {
.push-md-2 {
left: 16.666667%;
}
.col-md-push-3 {
.push-md-3 {
left: 25%;
}
.col-md-push-4 {
.push-md-4 {
left: 33.333333%;
}
.col-md-push-5 {
.push-md-5 {
left: 41.666667%;
}
.col-md-push-6 {
.push-md-6 {
left: 50%;
}
.col-md-push-7 {
.push-md-7 {
left: 58.333333%;
}
.col-md-push-8 {
.push-md-8 {
left: 66.666667%;
}
.col-md-push-9 {
.push-md-9 {
left: 75%;
}
.col-md-push-10 {
.push-md-10 {
left: 83.333333%;
}
.col-md-push-11 {
.push-md-11 {
left: 91.666667%;
}
.col-md-push-12 {
.push-md-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0;
.offset-md-0 {
margin-left: 0%;
}
.col-md-offset-1 {
.offset-md-1 {
margin-left: 8.333333%;
}
.col-md-offset-2 {
.offset-md-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
.offset-md-3 {
margin-left: 25%;
}
.col-md-offset-4 {
.offset-md-4 {
margin-left: 33.333333%;
}
.col-md-offset-5 {
.offset-md-5 {
margin-left: 41.666667%;
}
.col-md-offset-6 {
.offset-md-6 {
margin-left: 50%;
}
.col-md-offset-7 {
.offset-md-7 {
margin-left: 58.333333%;
}
.col-md-offset-8 {
.offset-md-8 {
margin-left: 66.666667%;
}
.col-md-offset-9 {
.offset-md-9 {
margin-left: 75%;
}
.col-md-offset-10 {
.offset-md-10 {
margin-left: 83.333333%;
}
.col-md-offset-11 {
.offset-md-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-lg-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-lg-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-lg-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-lg-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-lg-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-lg-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-lg-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-lg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-lg-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-lg-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-lg-pull-0 {
.pull-lg-0 {
right: auto;
}
.col-lg-pull-1 {
.pull-lg-1 {
right: 8.333333%;
}
.col-lg-pull-2 {
.pull-lg-2 {
right: 16.666667%;
}
.col-lg-pull-3 {
.pull-lg-3 {
right: 25%;
}
.col-lg-pull-4 {
.pull-lg-4 {
right: 33.333333%;
}
.col-lg-pull-5 {
.pull-lg-5 {
right: 41.666667%;
}
.col-lg-pull-6 {
.pull-lg-6 {
right: 50%;
}
.col-lg-pull-7 {
.pull-lg-7 {
right: 58.333333%;
}
.col-lg-pull-8 {
.pull-lg-8 {
right: 66.666667%;
}
.col-lg-pull-9 {
.pull-lg-9 {
right: 75%;
}
.col-lg-pull-10 {
.pull-lg-10 {
right: 83.333333%;
}
.col-lg-pull-11 {
.pull-lg-11 {
right: 91.666667%;
}
.col-lg-pull-12 {
.pull-lg-12 {
right: 100%;
}
.col-lg-push-0 {
.push-lg-0 {
left: auto;
}
.col-lg-push-1 {
.push-lg-1 {
left: 8.333333%;
}
.col-lg-push-2 {
.push-lg-2 {
left: 16.666667%;
}
.col-lg-push-3 {
.push-lg-3 {
left: 25%;
}
.col-lg-push-4 {
.push-lg-4 {
left: 33.333333%;
}
.col-lg-push-5 {
.push-lg-5 {
left: 41.666667%;
}
.col-lg-push-6 {
.push-lg-6 {
left: 50%;
}
.col-lg-push-7 {
.push-lg-7 {
left: 58.333333%;
}
.col-lg-push-8 {
.push-lg-8 {
left: 66.666667%;
}
.col-lg-push-9 {
.push-lg-9 {
left: 75%;
}
.col-lg-push-10 {
.push-lg-10 {
left: 83.333333%;
}
.col-lg-push-11 {
.push-lg-11 {
left: 91.666667%;
}
.col-lg-push-12 {
.push-lg-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
.offset-lg-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
.offset-lg-1 {
margin-left: 8.333333%;
}
.col-lg-offset-2 {
.offset-lg-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
.offset-lg-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
.offset-lg-4 {
margin-left: 33.333333%;
}
.col-lg-offset-5 {
.offset-lg-5 {
margin-left: 41.666667%;
}
.col-lg-offset-6 {
.offset-lg-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
.offset-lg-7 {
margin-left: 58.333333%;
}
.col-lg-offset-8 {
.offset-lg-8 {
margin-left: 66.666667%;
}
.col-lg-offset-9 {
.offset-lg-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
.offset-lg-10 {
margin-left: 83.333333%;
}
.col-lg-offset-11 {
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-xl-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-xl-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-xl-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-xl-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-xl-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-xl-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-xl-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-xl-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-xl-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-xl-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-xl-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-xl-pull-0 {
.pull-xl-0 {
right: auto;
}
.col-xl-pull-1 {
.pull-xl-1 {
right: 8.333333%;
}
.col-xl-pull-2 {
.pull-xl-2 {
right: 16.666667%;
}
.col-xl-pull-3 {
.pull-xl-3 {
right: 25%;
}
.col-xl-pull-4 {
.pull-xl-4 {
right: 33.333333%;
}
.col-xl-pull-5 {
.pull-xl-5 {
right: 41.666667%;
}
.col-xl-pull-6 {
.pull-xl-6 {
right: 50%;
}
.col-xl-pull-7 {
.pull-xl-7 {
right: 58.333333%;
}
.col-xl-pull-8 {
.pull-xl-8 {
right: 66.666667%;
}
.col-xl-pull-9 {
.pull-xl-9 {
right: 75%;
}
.col-xl-pull-10 {
.pull-xl-10 {
right: 83.333333%;
}
.col-xl-pull-11 {
.pull-xl-11 {
right: 91.666667%;
}
.col-xl-pull-12 {
.pull-xl-12 {
right: 100%;
}
.col-xl-push-0 {
.push-xl-0 {
left: auto;
}
.col-xl-push-1 {
.push-xl-1 {
left: 8.333333%;
}
.col-xl-push-2 {
.push-xl-2 {
left: 16.666667%;
}
.col-xl-push-3 {
.push-xl-3 {
left: 25%;
}
.col-xl-push-4 {
.push-xl-4 {
left: 33.333333%;
}
.col-xl-push-5 {
.push-xl-5 {
left: 41.666667%;
}
.col-xl-push-6 {
.push-xl-6 {
left: 50%;
}
.col-xl-push-7 {
.push-xl-7 {
left: 58.333333%;
}
.col-xl-push-8 {
.push-xl-8 {
left: 66.666667%;
}
.col-xl-push-9 {
.push-xl-9 {
left: 75%;
}
.col-xl-push-10 {
.push-xl-10 {
left: 83.333333%;
}
.col-xl-push-11 {
.push-xl-11 {
left: 91.666667%;
}
.col-xl-push-12 {
.push-xl-12 {
left: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
.offset-xl-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
.offset-xl-1 {
margin-left: 8.333333%;
}
.col-xl-offset-2 {
.offset-xl-2 {
margin-left: 16.666667%;
}
.col-xl-offset-3 {
.offset-xl-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
.offset-xl-4 {
margin-left: 33.333333%;
}
.col-xl-offset-5 {
.offset-xl-5 {
margin-left: 41.666667%;
}
.col-xl-offset-6 {
.offset-xl-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
.offset-xl-7 {
margin-left: 58.333333%;
}
.col-xl-offset-8 {
.offset-xl-8 {
margin-left: 66.666667%;
}
.col-xl-offset-9 {
.offset-xl-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
.offset-xl-10 {
margin-left: 83.333333%;
}
.col-xl-offset-11 {
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@ -1654,8 +1888,7 @@ pre code {
.table th,
.table td {
padding: .75rem;
line-height: 1.5;
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eceeef;
}
@ -1675,7 +1908,7 @@ pre code {
.table-sm th,
.table-sm td {
padding: .3rem;
padding: 0.3rem;
}
.table-bordered {
@ -1849,14 +2082,13 @@ pre code {
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #55595c;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: .25rem;
border-radius: 0.25rem;
}
.form-control::-ms-expand {
@ -1898,55 +2130,66 @@ pre code {
cursor: not-allowed;
}
select.form-control:not([size], [multiple]) {
height: 2.25rem;
}
.form-control-file,
.form-control-range {
display: block;
}
.form-control-label {
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
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[type="datetime-local"].input-sm,
.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.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[type="datetime-local"].input-lg,
.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.166667rem;
}
_::-webkit-full-page-media.form-control,
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.25rem;
}
_::-webkit-full-page-media.input-sm,
.input-group-sm _::-webkit-full-page-media.form-control,
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[type="datetime-local"].input-sm,
.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.8625rem;
}
_::-webkit-full-page-media.input-lg,
.input-group-lg _::-webkit-full-page-media.form-control,
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[type="datetime-local"].input-lg,
.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.166667rem;
}
.form-control-static {
min-height: 2.25rem;
padding-top: .375rem;
padding-bottom: .375rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
}
@ -1962,19 +2205,19 @@ pre code {
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
padding: .275rem .75rem;
font-size: .875rem;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: .2rem;
border-radius: 0.2rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
border-radius: 0.3rem;
}
.form-group {
@ -1985,7 +2228,7 @@ pre code {
.checkbox {
position: relative;
display: block;
margin-bottom: .75rem;
margin-bottom: 0.75rem;
}
.radio label,
@ -2051,9 +2294,9 @@ input[type="checkbox"].disabled {
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right .5625rem;
-webkit-background-size: 1.4625rem 1.4625rem;
background-size: 1.4625rem 1.4625rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .text-help,
@ -2075,8 +2318,8 @@ input[type="checkbox"].disabled {
.has-success .input-group-addon {
color: #5cb85c;
background-color: #eaf6ea;
border-color: #5cb85c;
background-color: #eaf6ea;
}
.has-success .form-control-feedback {
@ -2084,7 +2327,7 @@ input[type="checkbox"].disabled {
}
.has-success .form-control-success {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-warning .text-help,
@ -2106,8 +2349,8 @@ input[type="checkbox"].disabled {
.has-warning .input-group-addon {
color: #f0ad4e;
background-color: white;
border-color: #f0ad4e;
background-color: white;
}
.has-warning .form-control-feedback {
@ -2115,7 +2358,7 @@ input[type="checkbox"].disabled {
}
.has-warning .form-control-warning {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-danger .text-help,
@ -2137,8 +2380,8 @@ input[type="checkbox"].disabled {
.has-danger .input-group-addon {
color: #d9534f;
background-color: #fdf7f7;
border-color: #d9534f;
background-color: #fdf7f7;
}
.has-danger .form-control-feedback {
@ -2146,7 +2389,7 @@ input[type="checkbox"].disabled {
}
.has-danger .form-control-danger {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
@media (min-width: 544px) {
@ -2202,10 +2445,7 @@ input[type="checkbox"].disabled {
.btn {
display: inline-block;
padding: .375rem 1rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
@ -2215,7 +2455,9 @@ input[type="checkbox"].disabled {
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: .25rem;
padding: 0.375rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -2269,8 +2511,8 @@ fieldset[disabled] a.btn {
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #025aa5;
background-image: none;
border-color: #01549b;
background-image: none;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
@ -2314,8 +2556,8 @@ fieldset[disabled] a.btn {
.open > .btn-secondary.dropdown-toggle {
color: #373a3c;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
background-image: none;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
@ -2359,8 +2601,8 @@ fieldset[disabled] a.btn {
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #2aabd2;
background-image: none;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
@ -2404,8 +2646,8 @@ fieldset[disabled] a.btn {
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #419641;
background-image: none;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
@ -2449,8 +2691,8 @@ fieldset[disabled] a.btn {
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #eb9316;
background-image: none;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
@ -2494,8 +2736,8 @@ fieldset[disabled] a.btn {
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #c12e2a;
background-image: none;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
@ -2519,8 +2761,8 @@ fieldset[disabled] a.btn {
.btn-outline-primary {
color: #0275d8;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #0275d8;
}
@ -2547,8 +2789,8 @@ fieldset[disabled] a.btn {
.btn-outline-secondary {
color: #ccc;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #ccc;
}
@ -2575,8 +2817,8 @@ fieldset[disabled] a.btn {
.btn-outline-info {
color: #5bc0de;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #5bc0de;
}
@ -2603,8 +2845,8 @@ fieldset[disabled] a.btn {
.btn-outline-success {
color: #5cb85c;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #5cb85c;
}
@ -2631,8 +2873,8 @@ fieldset[disabled] a.btn {
.btn-outline-warning {
color: #f0ad4e;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #f0ad4e;
}
@ -2659,8 +2901,8 @@ fieldset[disabled] a.btn {
.btn-outline-danger {
color: #d9534f;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #d9534f;
}
@ -2715,17 +2957,15 @@ fieldset[disabled] a.btn {
}
.btn-lg, .btn-group-lg > .btn {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: .25rem .75rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
padding: 0.25rem 0.75rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.btn-block {
@ -2746,8 +2986,8 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
@ -2773,8 +3013,8 @@ input[type="button"].btn-block {
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.dropup,
@ -2790,9 +3030,9 @@ input[type="button"].btn-block {
margin-left: .25rem;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
@ -2801,7 +3041,7 @@ input[type="button"].btn-block {
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
border-bottom: 0.3em solid;
}
.dropdown-menu {
@ -2821,13 +3061,13 @@ input[type="button"].btn-block {
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-divider {
height: 1px;
margin: .5rem 0;
margin: 0.5rem 0;
overflow: hidden;
background-color: #e5e5e5;
}
@ -2838,7 +3078,6 @@ input[type="button"].btn-block {
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.5;
color: #373a3c;
text-align: inherit;
white-space: nowrap;
@ -2891,9 +3130,8 @@ input[type="button"].btn-block {
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: .875rem;
line-height: 1.5;
padding: 5px 20px;
font-size: 0.875rem;
color: #818a91;
white-space: nowrap;
}
@ -2916,7 +3154,7 @@ input[type="button"].btn-block {
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: .3em solid;
border-bottom: 0.3em solid;
}
.dropup .dropdown-menu,
@ -2963,9 +3201,9 @@ input[type="button"].btn-block {
}
.btn-toolbar::after {
content: "";
display: table;
clear: both;
content: "";
}
.btn-toolbar .btn-group,
@ -2988,14 +3226,14 @@ input[type="button"].btn-block {
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
@ -3008,13 +3246,13 @@ input[type="button"].btn-block {
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
@ -3037,12 +3275,12 @@ input[type="button"].btn-block {
}
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: .3em .3em 0;
border-width: 0.3em 0.3em 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 .3em .3em;
border-width: 0 0.3em 0.3em;
}
.btn-group-vertical > .btn,
@ -3055,9 +3293,9 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn-group::after {
content: "";
display: table;
clear: both;
content: "";
}
.btn-group-vertical > .btn-group > .btn {
@ -3077,15 +3315,13 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: .25rem;
border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
@ -3099,8 +3335,8 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
[data-toggle="buttons"] > .btn input[type="radio"],
@ -3150,31 +3386,32 @@ input[type="button"].btn-block {
}
.input-group-addon {
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: normal;
line-height: 1;
line-height: 1.5;
color: #55595c;
text-align: center;
background-color: #eceeef;
border: 1px solid #ccc;
border-radius: .25rem;
border-radius: 0.25rem;
}
.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: .875rem;
border-radius: .2rem;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.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;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
border-radius: .3rem;
border-radius: 0.3rem;
}
.input-group-addon input[type="radio"],
@ -3189,8 +3426,8 @@ input[type="button"].btn-block {
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
@ -3204,8 +3441,8 @@ input[type="button"].btn-block {
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
@ -3252,7 +3489,6 @@ input[type="button"].btn-block {
position: relative;
display: inline;
padding-left: 1.5rem;
color: #555;
}
.custom-control + .custom-control {
@ -3271,8 +3507,8 @@ input[type="button"].btn-block {
}
.custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
-webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.custom-control-input:active ~ .custom-control-indicator {
@ -3297,10 +3533,7 @@ input[type="button"].btn-block {
display: block;
width: 1rem;
height: 1rem;
font-size: 65%;
line-height: 1rem;
color: #eee;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -3313,16 +3546,16 @@ input[type="button"].btn-block {
}
.custom-checkbox .custom-control-indicator {
border-radius: .25rem;
border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #0074d9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
@ -3330,7 +3563,7 @@ input[type="button"].btn-block {
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked .custom-control {
@ -3339,7 +3572,7 @@ input[type="button"].btn-block {
.custom-controls-stacked .custom-control::after {
display: block;
margin-bottom: .25rem;
margin-bottom: 0.25rem;
content: "";
}
@ -3350,19 +3583,18 @@ input[type="button"].btn-block {
.custom-select {
display: inline-block;
max-width: 100%;
-webkit-appearance: none;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #55595c;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-image: none \9;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ccc;
border-radius: .25rem;
-moz-appearance: none;
border-radius: 0.25rem;
-moz-appearance: none;
-webkit-appearance: none;
}
.custom-select:focus {
@ -3375,14 +3607,9 @@ input[type="button"].btn-block {
}
.custom-select-sm {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.custom-select-sm:not([multiple]) {
height: 26px;
min-height: 26px;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
}
.custom-file {
@ -3408,7 +3635,7 @@ input[type="button"].btn-block {
left: 0;
z-index: 5;
height: 2.5rem;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #555;
-webkit-user-select: none;
@ -3417,7 +3644,7 @@ input[type="button"].btn-block {
user-select: none;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
border-radius: 0.25rem;
}
.custom-file-control::after {
@ -3426,19 +3653,19 @@ input[type="button"].btn-block {
.custom-file-control::before {
position: absolute;
top: -.075rem;
right: -.075rem;
bottom: -.075rem;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 6;
display: block;
height: 2.5rem;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #555;
content: "Browse";
background-color: #eee;
border: 1px solid #ddd;
border-radius: 0 .25rem .25rem 0;
border-radius: 0 0.25rem 0.25rem 0;
}
.nav {
@ -3479,9 +3706,9 @@ input[type="button"].btn-block {
}
.nav-tabs::after {
content: "";
display: table;
clear: both;
content: "";
}
.nav-tabs .nav-item {
@ -3490,14 +3717,14 @@ input[type="button"].btn-block {
}
.nav-tabs .nav-item + .nav-item {
margin-left: .2rem;
margin-left: 0.2rem;
}
.nav-tabs .nav-link {
display: block;
padding: .5em 1em;
padding: 0.5em 1em;
border: 1px solid transparent;
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
@ -3521,14 +3748,14 @@ input[type="button"].btn-block {
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.nav-pills::after {
content: "";
display: table;
clear: both;
content: "";
}
.nav-pills .nav-item {
@ -3536,13 +3763,13 @@ input[type="button"].btn-block {
}
.nav-pills .nav-item + .nav-item {
margin-left: .2rem;
margin-left: 0.2rem;
}
.nav-pills .nav-link {
display: block;
padding: .5em 1em;
border-radius: .25rem;
padding: 0.5em 1em;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
@ -3560,7 +3787,7 @@ input[type="button"].btn-block {
}
.nav-stacked .nav-item + .nav-item {
margin-top: .2rem;
margin-top: 0.2rem;
margin-left: 0;
}
@ -3574,18 +3801,18 @@ input[type="button"].btn-block {
.navbar {
position: relative;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
}
.navbar::after {
content: "";
display: table;
clear: both;
content: "";
}
@media (min-width: 544px) {
.navbar {
border-radius: .25rem;
border-radius: 0.25rem;
}
}
@ -3624,7 +3851,7 @@ input[type="button"].btn-block {
.navbar-sticky-top {
position: -webkit-sticky;
position: sticky;
position: sticky;
top: 0;
z-index: 1030;
width: 100%;
@ -3672,7 +3899,7 @@ input[type="button"].btn-block {
line-height: 1;
background: none;
border: 1px solid transparent;
border-radius: .25rem;
border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
@ -3716,19 +3943,19 @@ input[type="button"].btn-block {
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .3);
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .6);
color: rgba(0, 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,
@ -3741,11 +3968,11 @@ input[type="button"].btn-block {
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-divider {
background-color: rgba(0, 0, 0, .075);
background-color: rgba(0, 0, 0, 0.075);
}
.navbar-dark .navbar-brand {
@ -3757,11 +3984,11 @@ input[type="button"].btn-block {
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5);
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75);
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
@ -3778,16 +4005,17 @@ input[type="button"].btn-block {
}
.navbar-dark .navbar-divider {
background-color: rgba(255, 255, 255, .075);
background-color: rgba(255, 255, 255, 0.075);
}
.card {
position: relative;
display: block;
margin-bottom: .75rem;
margin-bottom: 0.75rem;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: .25rem;
border-radius: 0.25rem;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-block {
@ -3795,17 +4023,17 @@ input[type="button"].btn-block {
}
.card-block::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-title {
margin-bottom: .75rem;
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -.375rem;
margin-top: -0.375rem;
margin-bottom: 0;
}
@ -3822,43 +4050,61 @@ input[type="button"].btn-block {
}
.card > .list-group:first-child .list-group-item:first-child {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card > .list-group:last-child .list-group-item:last-child {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
.card-header {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-header::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-header:first-child {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card-footer {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-footer::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-footer:last-child {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-tabs .nav-item {
margin-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-primary {
@ -3918,7 +4164,7 @@ input[type="button"].btn-block {
.card-inverse .card-header,
.card-inverse .card-footer {
border-bottom: 1px solid rgba(255, 255, 255, .2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
@ -3931,7 +4177,7 @@ input[type="button"].btn-block {
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
color: rgba(255, 255, 255, .65);
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
@ -3945,7 +4191,7 @@ input[type="button"].btn-block {
}
.card-img {
border-radius: .25rem;
border-radius: 0.25rem;
}
.card-img-overlay {
@ -3958,11 +4204,11 @@ input[type="button"].btn-block {
}
.card-img-top {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card-img-bottom {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
@media (min-width: 544px) {
@ -3997,8 +4243,8 @@ input[type="button"].btn-block {
border-left: 0;
}
.card-group .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.card-group .card:first-child .card-img-top {
border-top-right-radius: 0;
@ -4007,8 +4253,8 @@ input[type="button"].btn-block {
border-bottom-right-radius: 0;
}
.card-group .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.card-group .card:last-child .card-img-top {
border-top-left-radius: 0;
@ -4041,17 +4287,17 @@ input[type="button"].btn-block {
}
.breadcrumb {
padding: .75rem 1rem;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #eceeef;
border-radius: .25rem;
border-radius: 0.25rem;
}
.breadcrumb::after {
content: "";
display: table;
clear: both;
content: "";
}
.breadcrumb-item {
@ -4059,12 +4305,21 @@ input[type="button"].btn-block {
}
.breadcrumb-item + .breadcrumb-item::before {
padding-right: .5rem;
padding-left: .5rem;
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #818a91;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #818a91;
}
@ -4074,7 +4329,7 @@ input[type="button"].btn-block {
padding-left: 0;
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: .25rem;
border-radius: 0.25rem;
}
.page-item {
@ -4083,13 +4338,13 @@ input[type="button"].btn-block {
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
@ -4111,9 +4366,8 @@ input[type="button"].btn-block {
.page-link {
position: relative;
float: left;
padding: .5rem .75rem;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.5;
color: #0275d8;
text-decoration: none;
background-color: #fff;
@ -4127,35 +4381,33 @@ input[type="button"].btn-block {
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem;
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: .275rem .75rem;
font-size: .875rem;
line-height: 1.5;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.label {
@ -4168,7 +4420,7 @@ input[type="button"].btn-block {
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
border-radius: 0.25rem;
}
.label:empty {
@ -4244,7 +4496,7 @@ a.label:focus, a.label:hover {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #eceeef;
border-radius: .3rem;
border-radius: 0.3rem;
}
@media (min-width: 544px) {
@ -4267,16 +4519,7 @@ a.label:focus, a.label:hover {
padding: 15px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
border-radius: 0.25rem;
}
.alert-heading {
@ -4299,9 +4542,9 @@ a.label:focus, a.label:hover {
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d;
}
.alert-success hr {
@ -4313,9 +4556,9 @@ a.label:focus, a.label:hover {
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bcdff1;
color: #31708f;
}
.alert-info hr {
@ -4327,9 +4570,9 @@ a.label:focus, a.label:hover {
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b;
}
.alert-warning hr {
@ -4341,9 +4584,9 @@ a.label:focus, a.label:hover {
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
}
.alert-danger hr {
@ -4389,13 +4632,12 @@ a.label:focus, a.label:hover {
}
.progress[value] {
-webkit-appearance: none;
background-color: #eee;
border: 0;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
}
.progress[value]::-ms-fill {
@ -4405,78 +4647,78 @@ a.label:focus, a.label:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
.progress {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
.progress-bar {
display: inline-block;
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
.progress-striped[value]::-webkit-progress-value {
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: 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: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem;
}
.progress-striped[value]::-moz-progress-bar {
background-image: 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: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-striped[value]::-ms-fill {
background-image: 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: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
@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);
background-image: 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: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem;
}
@ -4644,47 +4886,14 @@ base::-moz-progress-bar,
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.list-group-flush .list-group-item {
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%;
color: #555;
text-align: inherit;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
@ -4704,6 +4913,7 @@ button.list-group-item:hover {
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2;
color: #fff;
text-decoration: none;
background-color: #0275d8;
border-color: #0275d8;
}
@ -4722,6 +4932,26 @@ button.list-group-item:hover {
color: #a8d6fe;
}
.list-group-flush .list-group-item {
border-radius: 0;
}
.list-group-item-action {
width: 100%;
color: #555;
text-align: inherit;
}
.list-group-item-action .list-group-item-heading {
color: #333;
}
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
@ -4912,11 +5142,11 @@ button.list-group-item-danger.active:hover {
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
@ -4932,16 +5162,16 @@ button.close {
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
-webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-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;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out, -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -4971,8 +5201,8 @@ button.close {
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
@ -4991,7 +5221,7 @@ button.close {
}
.modal-backdrop.in {
opacity: .5;
opacity: 0.5;
}
.modal-header {
@ -5000,9 +5230,9 @@ button.close {
}
.modal-header::after {
content: "";
display: table;
clear: both;
content: "";
}
.modal-header .close {
@ -5026,9 +5256,9 @@ button.close {
}
.modal-footer::after {
content: "";
display: table;
clear: both;
content: "";
}
.modal-footer .btn + .btn {
@ -5054,17 +5284,17 @@ button.close {
@media (min-width: 544px) {
.modal-dialog {
width: 600px;
max-width: 600px;
margin: 30px auto;
}
.modal-sm {
width: 300px;
max-width: 300px;
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.modal-lg {
width: 900px;
max-width: 900px;
}
}
@ -5072,28 +5302,27 @@ button.close {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
@ -5154,7 +5383,7 @@ button.close {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
border-radius: 0.25rem;
}
.tooltip-arrow {
@ -5173,28 +5402,27 @@ button.close {
display: block;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
line-break: auto;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
@ -5205,7 +5433,7 @@ button.close {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: rgba(0, 0, 0, .25);
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
@ -5225,7 +5453,7 @@ button.close {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: rgba(0, 0, 0, .25);
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
@ -5246,7 +5474,7 @@ button.close {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, .25);
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
@ -5266,7 +5494,7 @@ button.close {
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, .25);
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
@ -5283,7 +5511,7 @@ button.close {
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: .2375rem .2375rem 0 0;
border-radius: 0.2375rem 0.2375rem 0 0;
}
.popover-content {
@ -5322,8 +5550,8 @@ button.close {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .carousel-item > img,
@ -5334,11 +5562,10 @@ button.close {
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-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;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -5408,28 +5635,28 @@ button.close {
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
opacity: .5;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:focus, .carousel-control:hover {
@ -5511,7 +5738,7 @@ button.close {
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
@ -5596,16 +5823,10 @@ a.bg-danger:focus, a.bg-danger:hover {
background-color: #c9302c !important;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::after {
content: "";
display: table;
clear: both;
content: "";
}
.pull-xs-left {
@ -6040,7 +6261,11 @@ a.bg-danger:focus, a.bg-danger:hover {
}
.text-muted {
color: #818a91;
color: #818a91 !important;
}
a.text-muted:focus, a.text-muted:hover {
color: #687077;
}
.text-primary {
@ -6186,4 +6411,4 @@ a.text-danger:focus, a.text-danger:hover {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/*# sourceMappingURL=bootstrap.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2421,7 +2421,7 @@ var ScrollSpy = (function ($) {
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
$link.addClass(ClassName.ACTIVE);
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
}

View File

@ -258,7 +258,7 @@
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
$link.addClass(ClassName.ACTIVE);
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
}

View File

@ -38,6 +38,26 @@
origin: >
Bootstrap#18504
-
browser: >
Internet Explorer 11 & Microsoft Edge
summary: >
`@-ms-viewport{width: device-width;}` has side-effect of making scrollbars auto-hide
upstream_bug: >
IE#2256049
origin: >
Bootstrap#18543
-
browser: >
Internet Explorer 11 & Microsoft Edge
summary: >
Background color from lower layer bleeds through transparent border in some cases
upstream_bug: >
IE#2263132
origin: >
Bootstrap#18228
-
browser: >
Firefox
@ -198,16 +218,6 @@
origin: >
Bootstrap#16372
-
browser: >
Safari
summary: >
Incorrect placement of `position: fixed` element when it's a child of a `position: relative; left: X%;` element.
upstream_bug: >
WebKit#147284, Safari#21993128
origin: >
Bootstrap#16814
-
browser: >
Safari (OS X)
@ -312,13 +322,43 @@
-
browser: >
Safari (iOS 9+)
Safari (iOS)
summary: >
Sometimes excessive automatic zoom is applied after opening a modal, and the user isn't allowed to zoom out
`position:fixed` is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari
upstream_bug: >
WebKit#150715
WebKit#153056
origin: >
WebKit#138201
Bootstrap#18859
-
browser: >
Safari (iOS)
summary: >
Tapping into an `<input>` within a `position:fixed` element scrolls to the top of the page
upstream_bug: >
WebKit#153224, Safari#24235301
origin: >
Bootstrap#17497
-
browser: >
Safari (iOS)
summary: >
`<body>` with `overflow:hidden` CSS is scrollable on iOS
upstream_bug: >
WebKit#153852
origin: >
Bootstrap#14839
-
browser: >
Safari (iOS)
summary: >
Scroll gesture in text field in `position:fixed` element sometimes scrolls `<body>` instead of scrollable ancestor
upstream_bug: >
WebKit#153856
origin: >
Bootstrap#14839
-
browser: >

View File

@ -2,16 +2,20 @@
pages:
- title: Introduction
- title: Download
- title: Contents
- title: Browsers & devices
- title: JavaScript
- title: Options
- title: Flexbox
- title: Build tools
- title: Best practices
- title: Accessibility
- title: Layout
pages:
- title: Overview
- title: Grid
- title: Flexbox grid
- title: Media object
- title: Responsive utilities
@ -59,7 +63,6 @@
pages:
- title: History
- title: Team
- title: Accessibility
- title: Brand
- title: License
- title: Translations

View File

@ -11,7 +11,7 @@
</div>
</footer>
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></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>

View File

@ -25,6 +25,7 @@
<ul class="nav bd-sidenav">
{% for doc in group.pages %}
{% assign slug = doc.title | downcase | replace: ' ', '-' | replace:'-&-','-' %}
{% capture slug %}/{{ slug }}{% endcapture %}
{% assign active = nil %}
{% if page.url contains slug %}

View File

@ -1,59 +1,61 @@
<header class="navbar navbar-light navbar-static-top bd-navbar" role="banner">
{% comment %}
<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 }}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
<a class="dropdown-item" href="#">v4.0.0-alpha.2</a>
<a class="dropdown-item" href="#">v3.3.5</a>
<a class="dropdown-item" href="#">v3.3.4</a>
<a class="dropdown-item" href="#">v3.3.2</a>
<a class="dropdown-item" href="#">v3.3.1</a>
<a class="dropdown-item" href="#">v3.3.0</a>
<a class="dropdown-item" href="#">v3.2.0</a>
<a class="dropdown-item" href="#">v3.1.1</a>
<a class="dropdown-item" href="#">v3.1.0</a>
<a class="dropdown-item" href="#">v3.0.3</a>
<a class="dropdown-item" href="#">v3.0.2</a>
<a class="dropdown-item" href="#">v3.0.1</a>
<a class="dropdown-item" href="#">v3.0.0</a>
<div class="container">
{% comment %}
<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 }}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
<a class="dropdown-item" href="#">v4.0.0-alpha.2</a>
<a class="dropdown-item" href="#">v3.3.5</a>
<a class="dropdown-item" href="#">v3.3.4</a>
<a class="dropdown-item" href="#">v3.3.2</a>
<a class="dropdown-item" href="#">v3.3.1</a>
<a class="dropdown-item" href="#">v3.3.0</a>
<a class="dropdown-item" href="#">v3.2.0</a>
<a class="dropdown-item" href="#">v3.1.1</a>
<a class="dropdown-item" href="#">v3.1.0</a>
<a class="dropdown-item" href="#">v3.0.3</a>
<a class="dropdown-item" href="#">v3.0.2</a>
<a class="dropdown-item" href="#">v3.0.1</a>
<a class="dropdown-item" href="#">v3.0.0</a>
</div>
</div>
</div>
</nav>
{% endcomment %}
</nav>
{% endcomment %}
<nav>
<div class="clearfix">
<button class="navbar-toggler pull-xs-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation">
&#9776;
</button>
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
Bootstrap
</a>
</div>
<div class="collapse navbar-toggleable-xs" id="bd-main-nav">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</li>
</ul>
</div>
</nav>
<nav>
<div class="clearfix">
<button class="navbar-toggler pull-xs-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation">
&#9776;
</button>
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
Bootstrap
</a>
</div>
<div class="collapse navbar-toggleable-xs" id="bd-main-nav">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</li>
</ul>
</div>
</nav>
</div>
</header>

View File

@ -21,10 +21,10 @@
<div class="container">
<div class="row">
<div class="col-md-3 col-md-push-9 bd-sidebar">
<div class="col-xs-12 col-md-3 push-md-9 bd-sidebar">
{% include nav-docs.html %}
</div>
<div class="col-md-9 col-md-pull-3 bd-content">
<div class="col-xs-12 col-md-9 pull-md-3 bd-content">
<h1 class="bd-title" id="content">{{ page.title }}</h1>
{{ content }}
</div>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,5 @@
// scss-lint:disable ImportantRule
//
// Carbon ads
//

View File

@ -10,13 +10,16 @@
border-left-width: .25rem;
border-radius: .25rem;
}
.bd-callout h4 {
margin-top: 0;
margin-bottom: .25rem;
}
.bd-callout p:last-child {
margin-bottom: 0;
}
.bd-callout code {
border-radius: .25rem;
}
@ -31,6 +34,7 @@
h4 { color: $color; }
}
.bd-callout-info { @include bs-callout-variant($bd-info); }
.bd-callout-info { @include bs-callout-variant($bd-info); }
.bd-callout-warning { @include bs-callout-variant($bd-warning); }
.bd-callout-danger { @include bs-callout-variant($bd-danger); }
.bd-callout-danger { @include bs-callout-variant($bd-danger); }

View File

@ -1,11 +1,16 @@
// scss-lint:disable QualifyingElement
//
// Grid examples
//
.bd-example-row {
.row {
margin-bottom: 1rem;
.row + .row {
margin-top: 1rem;
}
.row {
> .col,
> [class^="col-"] {
padding-top: .75rem;
padding-bottom: .75rem;
@ -13,6 +18,18 @@
border: 1px solid rgba(86,61,124,.2);
}
}
.flex-items-xs-top,
.flex-items-xs-middle,
.flex-items-xs-bottom {
min-height: 6rem;
background-color: rgba(255,0,0,.1);
}
}
.bd-example-row-flex-cols .row {
min-height: 10rem;
background-color: rgba(255,0,0,.1);
}
@ -203,11 +220,6 @@
margin-bottom: .5rem;
}
// Pager
.bd-example > .pager {
margin-top: 0;
}
// Example modals
.bd-example-modal {
background-color: #f5f5f5;

View File

@ -1,4 +1,4 @@
// scss-lint:disable IdSelector
// scss-lint:disable IdSelector, NestingDepth, SelectorDepth
//
// Automatically style Markdown-based tables like a Bootstrap `.table`.
@ -20,7 +20,6 @@
> th,
> td {
padding: $table-cell-padding;
line-height: $line-height;
vertical-align: top;
border: 1px solid $table-border-color;

View File

@ -1,3 +1,5 @@
// scss-lint:disable ImportantRule
.bd-masthead {
position: relative;
padding: 3rem ($grid-gutter-width / 2) 2rem;

View File

@ -1,3 +1,5 @@
// scss-lint:disable ImportantRule
.bd-pageheader {
padding: 2rem ($grid-gutter-width / 2);
margin-bottom: 1.5rem;

View File

@ -1,3 +1,5 @@
// scss-lint:disable ImportantRule
//
// Responsive tests
//
@ -20,11 +22,11 @@
.responsive-utilities td {
text-align: center;
}
.responsive-utilities td.is-visible {
.responsive-utilities .is-visible {
color: #468847;
background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
.responsive-utilities .is-hidden {
color: #ccc;
background-color: #f9f9f9 !important;
}

View File

@ -1,6 +1,5 @@
.hll { background-color: #ffc; }
.c { color: #999; }
.err { color: #a00; background-color: #faa; }
.k { color: #069; }
.o { color: #555; }
.cm { color: #999; }

View File

@ -13,7 +13,7 @@
// Doing so gives us access to the same core utilities provided by Bootstrap.
// For example, consistent media queries through those mixins.
//
// - Bootstrap's **docs variables** are prefixed with `%bd-`.
// - Bootstrap's **docs variables** are prefixed with `$bd-`.
// These custom colors avoid collision with the components Bootstrap provides.
//
// - Classes are prefixed with `.bd-`.

View File

@ -49,6 +49,19 @@ Use the `.alert-link` utility class to quickly provide matching colored links wi
</div>
{% endexample %}
### Additional content
Alerts can also contain additional HTML elements like headings and paragraphs.
{% example html %}
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Well done!</h4>
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
<p class="m-b-0">Whenever you need to, be sure to use a margin utilities to keep things nice and tidy.</p>
</div>
{% endexample %}
### Dismissing
Using the alert JavaScript plugin, it's possible to dismiss any alert inline. Here's how:

View File

@ -116,7 +116,11 @@ Make buttons look inactive by adding the `disabled` boolean attribute to any `<b
<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
{% endexample %}
As `<a>` elements don't support the `disabled` attribute, you must add the `.disabled` class to fake it. In addition, include the `aria-disabled="true"` attribute, to indicate the state of the element to assistive technologies.
Disabled buttons using the `<a>` element behave a bit different:
- `<a>`s don't support the `disabled` attribute, so you must add the `.disabled` class to make it visually appear disabled.
- Some future-friendly styles are included to disable all `pointer-events` on anchor buttons. For browsers that support that proper, you won't see the disabled cursor at all.
- Disabled buttons should include the `aria-disabled="true"` attribute to indicate the state of the element to assistive technologies.
{% example html %}
<a href="#" class="btn btn-primary btn-lg disabled" role="button" aria-disabled="true">Primary link</a>

View File

@ -211,6 +211,56 @@ Add an optional header and/or footer within a card.
</div>
{% endexample %}
## Header nav
Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.pull-*-*` utility class for proper alignment.
{% example html %}
<div class="card text-xs-center">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs pull-xs-left">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
<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 text-xs-center">
<div class="card-header">
<ul class="nav nav-pills card-header-pills pull-xs-left">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
<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 %}
## Image caps
Similar to headers and footers, cards include top and bottom image caps.

View File

@ -84,7 +84,7 @@ Remember, since Bootstrap utilizes the HTML5 doctype, **all inputs must have a `
</form>
{% endexample %}
Below is a complete list of the specific from controls supported by Bootstrap and the classes that customize them. Additional documentation is available for each group.
Below is a complete list of the specific form controls supported by Bootstrap and the classes that customize them. Additional documentation is available for each group.
<table>
<thead>
@ -271,7 +271,7 @@ The `.form-group` class is the easiest way to add some structure to forms. Its o
### Inline forms
Use the `.form-inline` class to to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms behave differently:
Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms behave differently:
- Controls are `display: inline-block` to provide alignment control via `vertical-align` and `margin`.
- Controls receive `width: auto` to override the Bootstrap default `width: 100%`.
@ -634,7 +634,12 @@ Block help text—for below inputs or for longer lines of help text—can be eas
## Validation
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.
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.
- Validation icons are `url()`s configured via Sass variables that are applied to `background-image` declarations for each state.
- You may use your own base64 PNGs or SVGs by updating the Sass variables and recompiling.
- Icons can also be disabled entirely by changing the variables to `non` or commenting out the source Sass.
{% comment %}
{% callout warning %}

View File

@ -12,7 +12,7 @@ List groups are a flexible and powerful component for displaying not only simple
{:toc}
## Basic example
<p>The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.</p>
The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.
{% example html %}
<ul class="list-group">
@ -45,36 +45,6 @@ Add labels to any list group item to show unread counts, activity, etc.
</ul>
{% endexample %}
## Linked items
Linkify list group items by using anchor tags instead of list items (that also means a parent `<div>` instead of an `<ul>`). No need for individual parents around each element.
{% example html %}
<div class="list-group">
<a href="#" class="list-group-item active">
Cras justo odio
</a>
<a href="#" class="list-group-item">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item">Morbi leo risus</a>
<a href="#" class="list-group-item">Porta ac consectetur ac</a>
<a href="#" class="list-group-item">Vestibulum at eros</a>
</div>
{% endexample %}
## Button items
List group items may be buttons instead of list items (that also means a parent `<div>` instead of an `<ul>`). No need for individual parents around each element. **Don't use the standard `.btn` classes here.**
{% example html %}
<div class="list-group">
<button type="button" class="list-group-item">Cras justo odio</button>
<button type="button" class="list-group-item">Dapibus ac facilisis in</button>
<button type="button" class="list-group-item">Morbi leo risus</button>
<button type="button" class="list-group-item">Porta ac consectetur ac</button>
<button type="button" class="list-group-item">Vestibulum at eros</button>
</div>
{% endexample %}
## Disabled items
Add `.disabled` to a `.list-group-item` to gray it out to appear disabled.
@ -91,22 +61,46 @@ Add `.disabled` to a `.list-group-item` to gray it out to appear disabled.
</div>
{% endexample %}
## Anchors and buttons
Use anchors or buttons to create actionable list group items with hover, disabled, and active states by adding `.list-group-item-action`. This separate class contains a few overrides to add compatibility for `<a>`s and `<button>`s, as well as the hover and focus states.
Be sure to **not use the standard `.btn` classes here**.
{% example html %}
<div class="list-group">
<a href="#" class="list-group-item active">
Cras justo odio
</a>
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
<a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action disabled">Vestibulum at eros</a>
</div>
{% endexample %}
{% example html %}
<div class="list-group">
<button type="button" class="list-group-item list-group-item-action active">
Cras justo odio
</button>
<button type="button" class="list-group-item list-group-item-action">Dapibus ac facilisis in</button>
<button type="button" class="list-group-item list-group-item-action">Morbi leo risus</button>
<button type="button" class="list-group-item list-group-item-action">Porta ac consectetur ac</button>
<button type="button" class="list-group-item list-group-item-action disabled">Vestibulum at eros</button>
</div>
{% endexample %}
## Contextual classes
Use contextual classes to style list items, default or linked. Also includes `.active` state.
{% example html %}
<ul class="list-group">
<li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
<li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
<li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
</ul>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
<a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-success">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-info">Cras sit amet nibh libero</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-warning">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-danger">Vestibulum at eros</a>
</div>
{% endexample %}
@ -116,16 +110,16 @@ Add nearly any HTML within, even for linked list groups like the one below.
{% example html %}
<div class="list-group">
<a href="#" class="list-group-item active">
<h4 class="list-group-item-heading">List group item heading</h4>
<a href="#" class="list-group-item list-group-item-action active">
<h5 class="list-group-item-heading">List group item heading</h5>
<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">List group item heading</h4>
<a href="#" class="list-group-item list-group-item-action">
<h5 class="list-group-item-heading">List group item heading</h5>
<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">List group item heading</h4>
<a href="#" class="list-group-item list-group-item-action">
<h5 class="list-group-item-heading">List group item heading</h5>
<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
</a>
</div>

View File

@ -181,7 +181,7 @@ Embedding YouTube videos in modals requires additional JavaScript not in Bootstr
## Optional sizes
Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`.
Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`. These size kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.
<div class="bd-example">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

View File

@ -4,7 +4,7 @@ title: Pagination
group: components
---
Provide pagination links for your site or app with the multi-page pagination component, or the simpler [pager alternative](#pager).
Provide pagination links for your site or app with the multi-page pagination component.
## Contents

View File

@ -268,7 +268,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
<td>offsets</td>
<td>string</td>
<td>'0 0'</td>
<td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">offset docs</a>.</td>
<td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#offset">offset docs</a>.</td>
</tr>
</tbody>
</table>

View File

@ -60,8 +60,19 @@ Here are some representative examples of these classes:
}
{% endhighlight %}
Additionally, Bootstrap also includes an `.m-x-auto` class which sets the horizontal margins to `auto`.
Additionally, Bootstrap also includes an `.m-x-auto` class for centering fixed-width block level content by setting the horizontal margins to `auto`.
<div class="bd-example">
<div class="m-x-auto" style="width: 200px; background-color: rgba(86,61,124,.15);">
Centered element
</div>
</div>
{% highlight html %}
<div class="m-x-auto" style="width: 200px;"">
Centered element
</div>
{% endhighlight %}
## Text alignment
@ -191,27 +202,7 @@ Two similar non-responsive mixins (`pull-left` and `pull-right`) are also availa
}
{% endhighlight %}
## Center content
Set an element to `display: block;` and center via `margin`. Available as a mixin and class.
{% example html %}
<div class="center-block">Centered block</div>
{% endexample %}
{% highlight scss %}
// Class
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
// Usage as a mixin
.element {
@include center-block;
}
{% endhighlight %}
## Clearfix
Easily clear `float`s by adding `.clearfix` **to the parent element**. Utilizes [the micro clearfix](http://nicolasgallagher.com/micro-clearfix-hack/) as popularized by Nicolas Gallagher. Can also be used as a mixin.
@ -254,7 +245,7 @@ The `.invisible` class can be used to toggle only the visibility of an element,
// Usage as a mixin
.element {
.invisible();
@include invisible;
}
{% endhighlight %}

View File

@ -32,6 +32,30 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
- The `<body>` also sets a global `font-family` and `line-height`. This is inherited later by some form elements to prevent font inconsistencies.
- For safety, the `<body>` has a declared `background-color`, defaulting to `#fff`.
## Native font stack
The default web (Helvetica Neue, Helvetica, and Arial) fonts have been dropped in Bootstrap 4 and replaced with a "native font stack" for optimum text rendering on every device and OS. Read more about [native font stacks in this Smashing Magazine article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).
{% highlight sass %}
$font-family-sans-serif:
// Safari for OS X and iOS (San Francisco)
-apple-system,
// Chrome for OS X (San Francisco) and Windows (Segoe UI)
BlinkMacSystemFont,
// Windows
"Segoe UI",
// Android
"Roboto",
// Linux distros
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
// Older Android
"Droid Sans",
// Basic web fallback
"Helvetica Neue", Arial, sans-serif !default;
{% endhighlight %}
This `font-family` is applied to the `<body>` and automatically inherited globally throughout Bootstrap. To switch the global `font-family`, update `$font-family-base` and recompile Bootstrap.
## Headings and paragraphs
All heading elements—e.g., `<h1>`—and `<p>` are reset to have their `margin-top` removed. Headings have `margin-bottom: .5rem` added and paragraphs `margin-bottom: 1rem` for easy spacing.

View File

@ -15,13 +15,13 @@ Bootstrap includes simple and easily customized typography for headings, body te
Bootstrap sets basic global display, typography, and link styles. Specifically, we:
- 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`
- Use a [native font stack](/content/reboot/#native-font-stack) that selects the best `font-family` for each OS and device.
- Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base applied to the `<body>`.
- Set the global link color via `$link-color` and apply link underlines only on `:hover`.
- Use `$body-bg` to set a `background-color` on the `<body>` (`#fff` by default).
These styles can be found within `_reboot.scss`, and the global variables are defined in `_variables.scss`.
## Headings
All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
@ -132,8 +132,14 @@ Styling for common inline HTML5 elements.
<p><em>This line rendered as italicized text.</em></p>
{% endexample %}
`.mark` and `.small` classes are also available to apply the same styles as `<mark>` and `<small>` while avoiding any unwanted semantic implications that the tags would bring.
While not shown above, feel free to use `<b>` and `<i>` in HTML5. `<b>` is meant to highlight words or phrases without conveying additional importance while `<i>` is mostly for voice, technical terms, etc.
## Text utilities
Change text alignment, transform, style, weight, and color with our [text utilities](http://localhost:9001/components/utilities/#text-alignment).
## Abbreviations
Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.
@ -226,7 +232,7 @@ Align terms and descriptions horizontally by using our grid system's predefined
<dt class="col-sm-3">Euismod</dt>
<dd class="col-sm-9">Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd class="col-sm-9 col-sm-offset-3">Donec id elit non mi porta gravida at eget metus.</dd>
<dd class="col-sm-9 offset-sm-3">Donec id elit non mi porta gravida at eget metus.</dd>
<dt class="col-sm-3">Malesuada porta</dt>
<dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
@ -237,8 +243,8 @@ Align terms and descriptions horizontally by using our grid system's predefined
<dt class="col-sm-3">Nesting</dt>
<dd class="col-sm-9">
<dl class="row">
<dt class="col-sm-3">Nested definition list</dt>
<dd class="col-sm-9">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
<dt class="col-sm-4">Nested definition list</dt>
<dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
</dl>
</dd>
</dl>

View File

@ -3,11 +3,11 @@
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css commit fe56763 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
@ -21,7 +21,6 @@ figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
@ -74,13 +73,13 @@ dfn {
}
h1 {
margin: .67em 0;
font-size: 2em;
margin: 0.67em 0;
}
mark {
color: #000;
background: #ff0;
color: #000;
}
small {
@ -89,18 +88,18 @@ small {
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
top: -0.5em;
}
sub {
bottom: -.25em;
bottom: -0.25em;
}
img {
@ -116,9 +115,9 @@ figure {
}
hr {
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
@ -138,9 +137,9 @@ input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
font: inherit;
margin: 0;
}
button {
@ -167,8 +166,8 @@ html input[disabled] {
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
padding: 0;
}
input {
@ -188,8 +187,6 @@ input[type="number"]::-webkit-outer-spin-button {
}
input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
@ -199,14 +196,14 @@ input[type="search"]::-webkit-search-decoration {
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
padding: 0;
border: 0;
padding: 0;
}
textarea {
@ -218,8 +215,8 @@ optgroup {
}
table {
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
td,
@ -230,7 +227,9 @@ th {
@media print {
*,
*::before,
*::after {
*::after,
*::first-letter,
*::first-line {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
@ -245,7 +244,6 @@ th {
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
@ -255,9 +253,6 @@ th {
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
@ -303,31 +298,18 @@ html {
box-sizing: inherit;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-webkit-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
font-size: 16px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
@ -438,8 +420,8 @@ table {
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #818a91;
text-align: left;
caption-side: bottom;
@ -489,8 +471,6 @@ legend {
}
input[type="search"] {
-webkit-box-sizing: inherit;
box-sizing: inherit;
-webkit-appearance: none;
}
@ -504,58 +484,34 @@ output {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: .5rem;
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
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 {
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 {
h6, .h6 {
font-size: 1rem;
}
@ -588,7 +544,7 @@ hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
@ -627,16 +583,15 @@ mark,
}
.blockquote {
padding: .5rem 1rem;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: .25rem solid #eceeef;
border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
line-height: 1.5;
color: #818a91;
}
@ -648,7 +603,7 @@ mark,
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: .25rem solid #eceeef;
border-right: 0.25rem solid #eceeef;
border-left: 0;
}
@ -660,6 +615,10 @@ mark,
content: "\00A0 \2014";
}
dl.row > dd + dt {
clear: left;
}
.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
display: block;
@ -668,21 +627,20 @@ mark,
}
.img-rounded {
border-radius: .3rem;
border-radius: 0.3rem;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
padding: .25rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
@ -694,7 +652,7 @@ mark,
}
.figure-img {
margin-bottom: .5rem;
margin-bottom: 0.5rem;
line-height: 1;
}
@ -707,7 +665,7 @@ code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
@ -715,7 +673,7 @@ code {
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
border-radius: .25rem;
border-radius: 0.25rem;
}
kbd {
@ -723,7 +681,7 @@ kbd {
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: .2rem;
border-radius: 0.2rem;
}
kbd kbd {
@ -737,7 +695,6 @@ pre {
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
line-height: 1.5;
color: #373a3c;
}
@ -755,16 +712,16 @@ pre code {
}
.container {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container::after {
content: "";
display: table;
clear: both;
content: "";
}
@media (min-width: 544px) {
@ -792,856 +749,1133 @@ pre code {
}
.container-fluid {
padding-right: .9375rem;
padding-left: .9375rem;
margin-right: auto;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid::after {
content: "";
display: table;
clear: both;
content: "";
}
.row {
margin-right: -.9375rem;
margin-left: -.9375rem;
margin-left: -15px;
margin-right: -15px;
}
.row::after {
content: "";
display: table;
clear: both;
content: "";
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: .9375rem;
padding-left: .9375rem;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-xs-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-xs-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-xs-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-xs-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-xs-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-xs-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-xs-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-xs-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-xs-pull-0 {
.pull-xs-0 {
right: auto;
}
.col-xs-pull-1 {
.pull-xs-1 {
right: 8.333333%;
}
.col-xs-pull-2 {
.pull-xs-2 {
right: 16.666667%;
}
.col-xs-pull-3 {
.pull-xs-3 {
right: 25%;
}
.col-xs-pull-4 {
.pull-xs-4 {
right: 33.333333%;
}
.col-xs-pull-5 {
.pull-xs-5 {
right: 41.666667%;
}
.col-xs-pull-6 {
.pull-xs-6 {
right: 50%;
}
.col-xs-pull-7 {
.pull-xs-7 {
right: 58.333333%;
}
.col-xs-pull-8 {
.pull-xs-8 {
right: 66.666667%;
}
.col-xs-pull-9 {
.pull-xs-9 {
right: 75%;
}
.col-xs-pull-10 {
.pull-xs-10 {
right: 83.333333%;
}
.col-xs-pull-11 {
.pull-xs-11 {
right: 91.666667%;
}
.col-xs-pull-12 {
.pull-xs-12 {
right: 100%;
}
.col-xs-push-0 {
.push-xs-0 {
left: auto;
}
.col-xs-push-1 {
.push-xs-1 {
left: 8.333333%;
}
.col-xs-push-2 {
.push-xs-2 {
left: 16.666667%;
}
.col-xs-push-3 {
.push-xs-3 {
left: 25%;
}
.col-xs-push-4 {
.push-xs-4 {
left: 33.333333%;
}
.col-xs-push-5 {
.push-xs-5 {
left: 41.666667%;
}
.col-xs-push-6 {
.push-xs-6 {
left: 50%;
}
.col-xs-push-7 {
.push-xs-7 {
left: 58.333333%;
}
.col-xs-push-8 {
.push-xs-8 {
left: 66.666667%;
}
.col-xs-push-9 {
.push-xs-9 {
left: 75%;
}
.col-xs-push-10 {
.push-xs-10 {
left: 83.333333%;
}
.col-xs-push-11 {
.push-xs-11 {
left: 91.666667%;
}
.col-xs-push-12 {
.push-xs-12 {
left: 100%;
}
.col-xs-offset-1 {
.offset-xs-1 {
margin-left: 8.333333%;
}
.col-xs-offset-2 {
.offset-xs-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
.offset-xs-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
.offset-xs-4 {
margin-left: 33.333333%;
}
.col-xs-offset-5 {
.offset-xs-5 {
margin-left: 41.666667%;
}
.col-xs-offset-6 {
.offset-xs-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
.offset-xs-7 {
margin-left: 58.333333%;
}
.col-xs-offset-8 {
.offset-xs-8 {
margin-left: 66.666667%;
}
.col-xs-offset-9 {
.offset-xs-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
.offset-xs-10 {
margin-left: 83.333333%;
}
.col-xs-offset-11 {
.offset-xs-11 {
margin-left: 91.666667%;
}
@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;
}
.col-sm-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-sm-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-sm-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-sm-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-sm-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-sm-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-sm-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-sm-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-sm-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-sm-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-sm-pull-0 {
.pull-sm-0 {
right: auto;
}
.col-sm-pull-1 {
.pull-sm-1 {
right: 8.333333%;
}
.col-sm-pull-2 {
.pull-sm-2 {
right: 16.666667%;
}
.col-sm-pull-3 {
.pull-sm-3 {
right: 25%;
}
.col-sm-pull-4 {
.pull-sm-4 {
right: 33.333333%;
}
.col-sm-pull-5 {
.pull-sm-5 {
right: 41.666667%;
}
.col-sm-pull-6 {
.pull-sm-6 {
right: 50%;
}
.col-sm-pull-7 {
.pull-sm-7 {
right: 58.333333%;
}
.col-sm-pull-8 {
.pull-sm-8 {
right: 66.666667%;
}
.col-sm-pull-9 {
.pull-sm-9 {
right: 75%;
}
.col-sm-pull-10 {
.pull-sm-10 {
right: 83.333333%;
}
.col-sm-pull-11 {
.pull-sm-11 {
right: 91.666667%;
}
.col-sm-pull-12 {
.pull-sm-12 {
right: 100%;
}
.col-sm-push-0 {
.push-sm-0 {
left: auto;
}
.col-sm-push-1 {
.push-sm-1 {
left: 8.333333%;
}
.col-sm-push-2 {
.push-sm-2 {
left: 16.666667%;
}
.col-sm-push-3 {
.push-sm-3 {
left: 25%;
}
.col-sm-push-4 {
.push-sm-4 {
left: 33.333333%;
}
.col-sm-push-5 {
.push-sm-5 {
left: 41.666667%;
}
.col-sm-push-6 {
.push-sm-6 {
left: 50%;
}
.col-sm-push-7 {
.push-sm-7 {
left: 58.333333%;
}
.col-sm-push-8 {
.push-sm-8 {
left: 66.666667%;
}
.col-sm-push-9 {
.push-sm-9 {
left: 75%;
}
.col-sm-push-10 {
.push-sm-10 {
left: 83.333333%;
}
.col-sm-push-11 {
.push-sm-11 {
left: 91.666667%;
}
.col-sm-push-12 {
.push-sm-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
.offset-sm-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
.offset-sm-1 {
margin-left: 8.333333%;
}
.col-sm-offset-2 {
.offset-sm-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
.offset-sm-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
.offset-sm-4 {
margin-left: 33.333333%;
}
.col-sm-offset-5 {
.offset-sm-5 {
margin-left: 41.666667%;
}
.col-sm-offset-6 {
.offset-sm-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
.offset-sm-7 {
margin-left: 58.333333%;
}
.col-sm-offset-8 {
.offset-sm-8 {
margin-left: 66.666667%;
}
.col-sm-offset-9 {
.offset-sm-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
.offset-sm-10 {
margin-left: 83.333333%;
}
.col-sm-offset-11 {
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-md-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-md-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-md-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-md-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-md-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-md-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-md-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-md-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-md-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-md-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-md-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-md-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-md-pull-0 {
.pull-md-0 {
right: auto;
}
.col-md-pull-1 {
.pull-md-1 {
right: 8.333333%;
}
.col-md-pull-2 {
.pull-md-2 {
right: 16.666667%;
}
.col-md-pull-3 {
.pull-md-3 {
right: 25%;
}
.col-md-pull-4 {
.pull-md-4 {
right: 33.333333%;
}
.col-md-pull-5 {
.pull-md-5 {
right: 41.666667%;
}
.col-md-pull-6 {
.pull-md-6 {
right: 50%;
}
.col-md-pull-7 {
.pull-md-7 {
right: 58.333333%;
}
.col-md-pull-8 {
.pull-md-8 {
right: 66.666667%;
}
.col-md-pull-9 {
.pull-md-9 {
right: 75%;
}
.col-md-pull-10 {
.pull-md-10 {
right: 83.333333%;
}
.col-md-pull-11 {
.pull-md-11 {
right: 91.666667%;
}
.col-md-pull-12 {
.pull-md-12 {
right: 100%;
}
.col-md-push-0 {
.push-md-0 {
left: auto;
}
.col-md-push-1 {
.push-md-1 {
left: 8.333333%;
}
.col-md-push-2 {
.push-md-2 {
left: 16.666667%;
}
.col-md-push-3 {
.push-md-3 {
left: 25%;
}
.col-md-push-4 {
.push-md-4 {
left: 33.333333%;
}
.col-md-push-5 {
.push-md-5 {
left: 41.666667%;
}
.col-md-push-6 {
.push-md-6 {
left: 50%;
}
.col-md-push-7 {
.push-md-7 {
left: 58.333333%;
}
.col-md-push-8 {
.push-md-8 {
left: 66.666667%;
}
.col-md-push-9 {
.push-md-9 {
left: 75%;
}
.col-md-push-10 {
.push-md-10 {
left: 83.333333%;
}
.col-md-push-11 {
.push-md-11 {
left: 91.666667%;
}
.col-md-push-12 {
.push-md-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0;
.offset-md-0 {
margin-left: 0%;
}
.col-md-offset-1 {
.offset-md-1 {
margin-left: 8.333333%;
}
.col-md-offset-2 {
.offset-md-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
.offset-md-3 {
margin-left: 25%;
}
.col-md-offset-4 {
.offset-md-4 {
margin-left: 33.333333%;
}
.col-md-offset-5 {
.offset-md-5 {
margin-left: 41.666667%;
}
.col-md-offset-6 {
.offset-md-6 {
margin-left: 50%;
}
.col-md-offset-7 {
.offset-md-7 {
margin-left: 58.333333%;
}
.col-md-offset-8 {
.offset-md-8 {
margin-left: 66.666667%;
}
.col-md-offset-9 {
.offset-md-9 {
margin-left: 75%;
}
.col-md-offset-10 {
.offset-md-10 {
margin-left: 83.333333%;
}
.col-md-offset-11 {
.offset-md-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-lg-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-lg-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-lg-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-lg-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-lg-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-lg-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-lg-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-lg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-lg-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-lg-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-lg-pull-0 {
.pull-lg-0 {
right: auto;
}
.col-lg-pull-1 {
.pull-lg-1 {
right: 8.333333%;
}
.col-lg-pull-2 {
.pull-lg-2 {
right: 16.666667%;
}
.col-lg-pull-3 {
.pull-lg-3 {
right: 25%;
}
.col-lg-pull-4 {
.pull-lg-4 {
right: 33.333333%;
}
.col-lg-pull-5 {
.pull-lg-5 {
right: 41.666667%;
}
.col-lg-pull-6 {
.pull-lg-6 {
right: 50%;
}
.col-lg-pull-7 {
.pull-lg-7 {
right: 58.333333%;
}
.col-lg-pull-8 {
.pull-lg-8 {
right: 66.666667%;
}
.col-lg-pull-9 {
.pull-lg-9 {
right: 75%;
}
.col-lg-pull-10 {
.pull-lg-10 {
right: 83.333333%;
}
.col-lg-pull-11 {
.pull-lg-11 {
right: 91.666667%;
}
.col-lg-pull-12 {
.pull-lg-12 {
right: 100%;
}
.col-lg-push-0 {
.push-lg-0 {
left: auto;
}
.col-lg-push-1 {
.push-lg-1 {
left: 8.333333%;
}
.col-lg-push-2 {
.push-lg-2 {
left: 16.666667%;
}
.col-lg-push-3 {
.push-lg-3 {
left: 25%;
}
.col-lg-push-4 {
.push-lg-4 {
left: 33.333333%;
}
.col-lg-push-5 {
.push-lg-5 {
left: 41.666667%;
}
.col-lg-push-6 {
.push-lg-6 {
left: 50%;
}
.col-lg-push-7 {
.push-lg-7 {
left: 58.333333%;
}
.col-lg-push-8 {
.push-lg-8 {
left: 66.666667%;
}
.col-lg-push-9 {
.push-lg-9 {
left: 75%;
}
.col-lg-push-10 {
.push-lg-10 {
left: 83.333333%;
}
.col-lg-push-11 {
.push-lg-11 {
left: 91.666667%;
}
.col-lg-push-12 {
.push-lg-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
.offset-lg-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
.offset-lg-1 {
margin-left: 8.333333%;
}
.col-lg-offset-2 {
.offset-lg-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
.offset-lg-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
.offset-lg-4 {
margin-left: 33.333333%;
}
.col-lg-offset-5 {
.offset-lg-5 {
margin-left: 41.666667%;
}
.col-lg-offset-6 {
.offset-lg-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
.offset-lg-7 {
margin-left: 58.333333%;
}
.col-lg-offset-8 {
.offset-lg-8 {
margin-left: 66.666667%;
}
.col-lg-offset-9 {
.offset-lg-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
.offset-lg-10 {
margin-left: 83.333333%;
}
.col-lg-offset-11 {
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@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;
}
.col-xl-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.333333%;
}
.col-xl-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.666667%;
}
.col-xl-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-xl-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.333333%;
}
.col-xl-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.666667%;
}
.col-xl-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.col-xl-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.333333%;
}
.col-xl-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.666667%;
}
.col-xl-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-xl-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.333333%;
}
.col-xl-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.666667%;
}
.col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-xl-pull-0 {
.pull-xl-0 {
right: auto;
}
.col-xl-pull-1 {
.pull-xl-1 {
right: 8.333333%;
}
.col-xl-pull-2 {
.pull-xl-2 {
right: 16.666667%;
}
.col-xl-pull-3 {
.pull-xl-3 {
right: 25%;
}
.col-xl-pull-4 {
.pull-xl-4 {
right: 33.333333%;
}
.col-xl-pull-5 {
.pull-xl-5 {
right: 41.666667%;
}
.col-xl-pull-6 {
.pull-xl-6 {
right: 50%;
}
.col-xl-pull-7 {
.pull-xl-7 {
right: 58.333333%;
}
.col-xl-pull-8 {
.pull-xl-8 {
right: 66.666667%;
}
.col-xl-pull-9 {
.pull-xl-9 {
right: 75%;
}
.col-xl-pull-10 {
.pull-xl-10 {
right: 83.333333%;
}
.col-xl-pull-11 {
.pull-xl-11 {
right: 91.666667%;
}
.col-xl-pull-12 {
.pull-xl-12 {
right: 100%;
}
.col-xl-push-0 {
.push-xl-0 {
left: auto;
}
.col-xl-push-1 {
.push-xl-1 {
left: 8.333333%;
}
.col-xl-push-2 {
.push-xl-2 {
left: 16.666667%;
}
.col-xl-push-3 {
.push-xl-3 {
left: 25%;
}
.col-xl-push-4 {
.push-xl-4 {
left: 33.333333%;
}
.col-xl-push-5 {
.push-xl-5 {
left: 41.666667%;
}
.col-xl-push-6 {
.push-xl-6 {
left: 50%;
}
.col-xl-push-7 {
.push-xl-7 {
left: 58.333333%;
}
.col-xl-push-8 {
.push-xl-8 {
left: 66.666667%;
}
.col-xl-push-9 {
.push-xl-9 {
left: 75%;
}
.col-xl-push-10 {
.push-xl-10 {
left: 83.333333%;
}
.col-xl-push-11 {
.push-xl-11 {
left: 91.666667%;
}
.col-xl-push-12 {
.push-xl-12 {
left: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
.offset-xl-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
.offset-xl-1 {
margin-left: 8.333333%;
}
.col-xl-offset-2 {
.offset-xl-2 {
margin-left: 16.666667%;
}
.col-xl-offset-3 {
.offset-xl-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
.offset-xl-4 {
margin-left: 33.333333%;
}
.col-xl-offset-5 {
.offset-xl-5 {
margin-left: 41.666667%;
}
.col-xl-offset-6 {
.offset-xl-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
.offset-xl-7 {
margin-left: 58.333333%;
}
.col-xl-offset-8 {
.offset-xl-8 {
margin-left: 66.666667%;
}
.col-xl-offset-9 {
.offset-xl-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
.offset-xl-10 {
margin-left: 83.333333%;
}
.col-xl-offset-11 {
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@ -1654,8 +1888,7 @@ pre code {
.table th,
.table td {
padding: .75rem;
line-height: 1.5;
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eceeef;
}
@ -1675,7 +1908,7 @@ pre code {
.table-sm th,
.table-sm td {
padding: .3rem;
padding: 0.3rem;
}
.table-bordered {
@ -1849,14 +2082,13 @@ pre code {
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #55595c;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: .25rem;
border-radius: 0.25rem;
}
.form-control::-ms-expand {
@ -1898,55 +2130,66 @@ pre code {
cursor: not-allowed;
}
select.form-control:not([size], [multiple]) {
height: 2.25rem;
}
.form-control-file,
.form-control-range {
display: block;
}
.form-control-label {
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
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[type="datetime-local"].input-sm,
.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.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[type="datetime-local"].input-lg,
.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.166667rem;
}
_::-webkit-full-page-media.form-control,
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.25rem;
}
_::-webkit-full-page-media.input-sm,
.input-group-sm _::-webkit-full-page-media.form-control,
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[type="datetime-local"].input-sm,
.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.8625rem;
}
_::-webkit-full-page-media.input-lg,
.input-group-lg _::-webkit-full-page-media.form-control,
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[type="datetime-local"].input-lg,
.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.166667rem;
}
.form-control-static {
min-height: 2.25rem;
padding-top: .375rem;
padding-bottom: .375rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
}
@ -1962,19 +2205,19 @@ pre code {
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
padding: .275rem .75rem;
font-size: .875rem;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: .2rem;
border-radius: 0.2rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
border-radius: 0.3rem;
}
.form-group {
@ -1985,7 +2228,7 @@ pre code {
.checkbox {
position: relative;
display: block;
margin-bottom: .75rem;
margin-bottom: 0.75rem;
}
.radio label,
@ -2051,9 +2294,9 @@ input[type="checkbox"].disabled {
.form-control-danger {
padding-right: 2.25rem;
background-repeat: no-repeat;
background-position: center right .5625rem;
-webkit-background-size: 1.4625rem 1.4625rem;
background-size: 1.4625rem 1.4625rem;
background-position: center right 0.5625rem;
-webkit-background-size: 1.125rem 1.125rem;
background-size: 1.125rem 1.125rem;
}
.has-success .text-help,
@ -2075,8 +2318,8 @@ input[type="checkbox"].disabled {
.has-success .input-group-addon {
color: #5cb85c;
background-color: #eaf6ea;
border-color: #5cb85c;
background-color: #eaf6ea;
}
.has-success .form-control-feedback {
@ -2084,7 +2327,7 @@ input[type="checkbox"].disabled {
}
.has-success .form-control-success {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-warning .text-help,
@ -2106,8 +2349,8 @@ input[type="checkbox"].disabled {
.has-warning .input-group-addon {
color: #f0ad4e;
background-color: white;
border-color: #f0ad4e;
background-color: white;
}
.has-warning .form-control-feedback {
@ -2115,7 +2358,7 @@ input[type="checkbox"].disabled {
}
.has-warning .form-control-warning {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-danger .text-help,
@ -2137,8 +2380,8 @@ input[type="checkbox"].disabled {
.has-danger .input-group-addon {
color: #d9534f;
background-color: #fdf7f7;
border-color: #d9534f;
background-color: #fdf7f7;
}
.has-danger .form-control-feedback {
@ -2146,7 +2389,7 @@ input[type="checkbox"].disabled {
}
.has-danger .form-control-danger {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
@media (min-width: 544px) {
@ -2202,10 +2445,7 @@ input[type="checkbox"].disabled {
.btn {
display: inline-block;
padding: .375rem 1rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
@ -2215,7 +2455,9 @@ input[type="checkbox"].disabled {
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: .25rem;
padding: 0.375rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
@ -2269,8 +2511,8 @@ fieldset[disabled] a.btn {
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #025aa5;
background-image: none;
border-color: #01549b;
background-image: none;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
@ -2314,8 +2556,8 @@ fieldset[disabled] a.btn {
.open > .btn-secondary.dropdown-toggle {
color: #373a3c;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
background-image: none;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
@ -2359,8 +2601,8 @@ fieldset[disabled] a.btn {
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #2aabd2;
background-image: none;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
@ -2404,8 +2646,8 @@ fieldset[disabled] a.btn {
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #419641;
background-image: none;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
@ -2449,8 +2691,8 @@ fieldset[disabled] a.btn {
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #eb9316;
background-image: none;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
@ -2494,8 +2736,8 @@ fieldset[disabled] a.btn {
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #c12e2a;
background-image: none;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
@ -2519,8 +2761,8 @@ fieldset[disabled] a.btn {
.btn-outline-primary {
color: #0275d8;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #0275d8;
}
@ -2547,8 +2789,8 @@ fieldset[disabled] a.btn {
.btn-outline-secondary {
color: #ccc;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #ccc;
}
@ -2575,8 +2817,8 @@ fieldset[disabled] a.btn {
.btn-outline-info {
color: #5bc0de;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #5bc0de;
}
@ -2603,8 +2845,8 @@ fieldset[disabled] a.btn {
.btn-outline-success {
color: #5cb85c;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #5cb85c;
}
@ -2631,8 +2873,8 @@ fieldset[disabled] a.btn {
.btn-outline-warning {
color: #f0ad4e;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #f0ad4e;
}
@ -2659,8 +2901,8 @@ fieldset[disabled] a.btn {
.btn-outline-danger {
color: #d9534f;
background-color: transparent;
background-image: none;
background-color: transparent;
border-color: #d9534f;
}
@ -2715,17 +2957,15 @@ fieldset[disabled] a.btn {
}
.btn-lg, .btn-group-lg > .btn {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: .25rem .75rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
padding: 0.25rem 0.75rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.btn-block {
@ -2746,8 +2986,8 @@ input[type="button"].btn-block {
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
@ -2773,8 +3013,8 @@ input[type="button"].btn-block {
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.dropup,
@ -2790,9 +3030,9 @@ input[type="button"].btn-block {
margin-left: .25rem;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
@ -2801,7 +3041,7 @@ input[type="button"].btn-block {
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
border-bottom: 0.3em solid;
}
.dropdown-menu {
@ -2821,13 +3061,13 @@ input[type="button"].btn-block {
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-divider {
height: 1px;
margin: .5rem 0;
margin: 0.5rem 0;
overflow: hidden;
background-color: #e5e5e5;
}
@ -2838,7 +3078,6 @@ input[type="button"].btn-block {
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.5;
color: #373a3c;
text-align: inherit;
white-space: nowrap;
@ -2891,9 +3130,8 @@ input[type="button"].btn-block {
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: .875rem;
line-height: 1.5;
padding: 5px 20px;
font-size: 0.875rem;
color: #818a91;
white-space: nowrap;
}
@ -2916,7 +3154,7 @@ input[type="button"].btn-block {
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: .3em solid;
border-bottom: 0.3em solid;
}
.dropup .dropdown-menu,
@ -2963,9 +3201,9 @@ input[type="button"].btn-block {
}
.btn-toolbar::after {
content: "";
display: table;
clear: both;
content: "";
}
.btn-toolbar .btn-group,
@ -2988,14 +3226,14 @@ input[type="button"].btn-block {
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
@ -3008,13 +3246,13 @@ input[type="button"].btn-block {
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
@ -3037,12 +3275,12 @@ input[type="button"].btn-block {
}
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: .3em .3em 0;
border-width: 0.3em 0.3em 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 .3em .3em;
border-width: 0 0.3em 0.3em;
}
.btn-group-vertical > .btn,
@ -3055,9 +3293,9 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn-group::after {
content: "";
display: table;
clear: both;
content: "";
}
.btn-group-vertical > .btn-group > .btn {
@ -3077,15 +3315,13 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: .25rem;
border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
@ -3099,8 +3335,8 @@ input[type="button"].btn-block {
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
[data-toggle="buttons"] > .btn input[type="radio"],
@ -3150,31 +3386,32 @@ input[type="button"].btn-block {
}
.input-group-addon {
padding: .375rem .75rem;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: normal;
line-height: 1;
line-height: 1.5;
color: #55595c;
text-align: center;
background-color: #eceeef;
border: 1px solid #ccc;
border-radius: .25rem;
border-radius: 0.25rem;
}
.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: .875rem;
border-radius: .2rem;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.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;
padding: 0.75rem 1.25rem;
font-size: 1.25rem;
border-radius: .3rem;
border-radius: 0.3rem;
}
.input-group-addon input[type="radio"],
@ -3189,8 +3426,8 @@ input[type="button"].btn-block {
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
@ -3204,8 +3441,8 @@ input[type="button"].btn-block {
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
@ -3252,7 +3489,6 @@ input[type="button"].btn-block {
position: relative;
display: inline;
padding-left: 1.5rem;
color: #555;
}
.custom-control + .custom-control {
@ -3271,8 +3507,8 @@ input[type="button"].btn-block {
}
.custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
-webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.custom-control-input:active ~ .custom-control-indicator {
@ -3297,10 +3533,7 @@ input[type="button"].btn-block {
display: block;
width: 1rem;
height: 1rem;
font-size: 65%;
line-height: 1rem;
color: #eee;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -3313,16 +3546,16 @@ input[type="button"].btn-block {
}
.custom-checkbox .custom-control-indicator {
border-radius: .25rem;
border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #0074d9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
@ -3330,7 +3563,7 @@ input[type="button"].btn-block {
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked .custom-control {
@ -3339,7 +3572,7 @@ input[type="button"].btn-block {
.custom-controls-stacked .custom-control::after {
display: block;
margin-bottom: .25rem;
margin-bottom: 0.25rem;
content: "";
}
@ -3350,19 +3583,18 @@ input[type="button"].btn-block {
.custom-select {
display: inline-block;
max-width: 100%;
-webkit-appearance: none;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
padding-right: 0.75rem \9;
color: #55595c;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-image: none \9;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ccc;
border-radius: .25rem;
-moz-appearance: none;
border-radius: 0.25rem;
-moz-appearance: none;
-webkit-appearance: none;
}
.custom-select:focus {
@ -3375,14 +3607,9 @@ input[type="button"].btn-block {
}
.custom-select-sm {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.custom-select-sm:not([multiple]) {
height: 26px;
min-height: 26px;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
}
.custom-file {
@ -3408,7 +3635,7 @@ input[type="button"].btn-block {
left: 0;
z-index: 5;
height: 2.5rem;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #555;
-webkit-user-select: none;
@ -3417,7 +3644,7 @@ input[type="button"].btn-block {
user-select: none;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .25rem;
border-radius: 0.25rem;
}
.custom-file-control::after {
@ -3426,19 +3653,19 @@ input[type="button"].btn-block {
.custom-file-control::before {
position: absolute;
top: -.075rem;
right: -.075rem;
bottom: -.075rem;
top: -1px;
right: -1px;
bottom: -1px;
z-index: 6;
display: block;
height: 2.5rem;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
line-height: 1.5;
color: #555;
content: "Browse";
background-color: #eee;
border: 1px solid #ddd;
border-radius: 0 .25rem .25rem 0;
border-radius: 0 0.25rem 0.25rem 0;
}
.nav {
@ -3479,9 +3706,9 @@ input[type="button"].btn-block {
}
.nav-tabs::after {
content: "";
display: table;
clear: both;
content: "";
}
.nav-tabs .nav-item {
@ -3490,14 +3717,14 @@ input[type="button"].btn-block {
}
.nav-tabs .nav-item + .nav-item {
margin-left: .2rem;
margin-left: 0.2rem;
}
.nav-tabs .nav-link {
display: block;
padding: .5em 1em;
padding: 0.5em 1em;
border: 1px solid transparent;
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
@ -3521,14 +3748,14 @@ input[type="button"].btn-block {
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.nav-pills::after {
content: "";
display: table;
clear: both;
content: "";
}
.nav-pills .nav-item {
@ -3536,13 +3763,13 @@ input[type="button"].btn-block {
}
.nav-pills .nav-item + .nav-item {
margin-left: .2rem;
margin-left: 0.2rem;
}
.nav-pills .nav-link {
display: block;
padding: .5em 1em;
border-radius: .25rem;
padding: 0.5em 1em;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
@ -3560,7 +3787,7 @@ input[type="button"].btn-block {
}
.nav-stacked .nav-item + .nav-item {
margin-top: .2rem;
margin-top: 0.2rem;
margin-left: 0;
}
@ -3574,18 +3801,18 @@ input[type="button"].btn-block {
.navbar {
position: relative;
padding: .5rem 1rem;
padding: 0.5rem 1rem;
}
.navbar::after {
content: "";
display: table;
clear: both;
content: "";
}
@media (min-width: 544px) {
.navbar {
border-radius: .25rem;
border-radius: 0.25rem;
}
}
@ -3624,7 +3851,7 @@ input[type="button"].btn-block {
.navbar-sticky-top {
position: -webkit-sticky;
position: sticky;
position: sticky;
top: 0;
z-index: 1030;
width: 100%;
@ -3672,7 +3899,7 @@ input[type="button"].btn-block {
line-height: 1;
background: none;
border: 1px solid transparent;
border-radius: .25rem;
border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
@ -3716,19 +3943,19 @@ input[type="button"].btn-block {
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .3);
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .6);
color: rgba(0, 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,
@ -3741,11 +3968,11 @@ input[type="button"].btn-block {
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-divider {
background-color: rgba(0, 0, 0, .075);
background-color: rgba(0, 0, 0, 0.075);
}
.navbar-dark .navbar-brand {
@ -3757,11 +3984,11 @@ input[type="button"].btn-block {
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5);
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75);
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
@ -3778,16 +4005,17 @@ input[type="button"].btn-block {
}
.navbar-dark .navbar-divider {
background-color: rgba(255, 255, 255, .075);
background-color: rgba(255, 255, 255, 0.075);
}
.card {
position: relative;
display: block;
margin-bottom: .75rem;
margin-bottom: 0.75rem;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: .25rem;
border-radius: 0.25rem;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-block {
@ -3795,17 +4023,17 @@ input[type="button"].btn-block {
}
.card-block::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-title {
margin-bottom: .75rem;
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -.375rem;
margin-top: -0.375rem;
margin-bottom: 0;
}
@ -3822,43 +4050,61 @@ input[type="button"].btn-block {
}
.card > .list-group:first-child .list-group-item:first-child {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card > .list-group:last-child .list-group-item:last-child {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
.card-header {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-header::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-header:first-child {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card-footer {
padding: .75rem 1.25rem;
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.card-footer::after {
content: "";
display: table;
clear: both;
content: "";
}
.card-footer:last-child {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-tabs .nav-item {
margin-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-primary {
@ -3918,7 +4164,7 @@ input[type="button"].btn-block {
.card-inverse .card-header,
.card-inverse .card-footer {
border-bottom: 1px solid rgba(255, 255, 255, .2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
@ -3931,7 +4177,7 @@ input[type="button"].btn-block {
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
color: rgba(255, 255, 255, .65);
color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
@ -3945,7 +4191,7 @@ input[type="button"].btn-block {
}
.card-img {
border-radius: .25rem;
border-radius: 0.25rem;
}
.card-img-overlay {
@ -3958,11 +4204,11 @@ input[type="button"].btn-block {
}
.card-img-top {
border-radius: .25rem .25rem 0 0;
border-radius: 0.25rem 0.25rem 0 0;
}
.card-img-bottom {
border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 0.25rem 0.25rem;
}
@media (min-width: 544px) {
@ -3997,8 +4243,8 @@ input[type="button"].btn-block {
border-left: 0;
}
.card-group .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.card-group .card:first-child .card-img-top {
border-top-right-radius: 0;
@ -4007,8 +4253,8 @@ input[type="button"].btn-block {
border-bottom-right-radius: 0;
}
.card-group .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.card-group .card:last-child .card-img-top {
border-top-left-radius: 0;
@ -4041,17 +4287,17 @@ input[type="button"].btn-block {
}
.breadcrumb {
padding: .75rem 1rem;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #eceeef;
border-radius: .25rem;
border-radius: 0.25rem;
}
.breadcrumb::after {
content: "";
display: table;
clear: both;
content: "";
}
.breadcrumb-item {
@ -4059,12 +4305,21 @@ input[type="button"].btn-block {
}
.breadcrumb-item + .breadcrumb-item::before {
padding-right: .5rem;
padding-left: .5rem;
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #818a91;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #818a91;
}
@ -4074,7 +4329,7 @@ input[type="button"].btn-block {
padding-left: 0;
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: .25rem;
border-radius: 0.25rem;
}
.page-item {
@ -4083,13 +4338,13 @@ input[type="button"].btn-block {
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
@ -4111,9 +4366,8 @@ input[type="button"].btn-block {
.page-link {
position: relative;
float: left;
padding: .5rem .75rem;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.5;
color: #0275d8;
text-decoration: none;
background-color: #fff;
@ -4127,35 +4381,33 @@ input[type="button"].btn-block {
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem;
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: .275rem .75rem;
font-size: .875rem;
line-height: 1.5;
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem;
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem;
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.label {
@ -4168,7 +4420,7 @@ input[type="button"].btn-block {
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
border-radius: 0.25rem;
}
.label:empty {
@ -4244,7 +4496,7 @@ a.label:focus, a.label:hover {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #eceeef;
border-radius: .3rem;
border-radius: 0.3rem;
}
@media (min-width: 544px) {
@ -4267,16 +4519,7 @@ a.label:focus, a.label:hover {
padding: 15px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
border-radius: 0.25rem;
}
.alert-heading {
@ -4299,9 +4542,9 @@ a.label:focus, a.label:hover {
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d;
}
.alert-success hr {
@ -4313,9 +4556,9 @@ a.label:focus, a.label:hover {
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bcdff1;
color: #31708f;
}
.alert-info hr {
@ -4327,9 +4570,9 @@ a.label:focus, a.label:hover {
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b;
}
.alert-warning hr {
@ -4341,9 +4584,9 @@ a.label:focus, a.label:hover {
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
}
.alert-danger hr {
@ -4389,13 +4632,12 @@ a.label:focus, a.label:hover {
}
.progress[value] {
-webkit-appearance: none;
background-color: #eee;
border: 0;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
}
.progress[value]::-ms-fill {
@ -4405,78 +4647,78 @@ a.label:focus, a.label:hover {
.progress[value]::-moz-progress-bar {
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
@media screen and (min-width: 0\0) {
.progress {
background-color: #eee;
border-radius: .25rem;
border-radius: 0.25rem;
}
.progress-bar {
display: inline-block;
height: 1rem;
text-indent: -999rem;
background-color: #0074d9;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.progress[width="100%"] {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
}
.progress-striped[value]::-webkit-progress-value {
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: 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: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem;
}
.progress-striped[value]::-moz-progress-bar {
background-image: 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: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-striped[value]::-ms-fill {
background-image: 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: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
@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);
background-image: 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: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem;
}
@ -4644,47 +4886,14 @@ base::-moz-progress-bar,
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.list-group-flush .list-group-item {
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%;
color: #555;
text-align: inherit;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
@ -4704,6 +4913,7 @@ button.list-group-item:hover {
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2;
color: #fff;
text-decoration: none;
background-color: #0275d8;
border-color: #0275d8;
}
@ -4722,6 +4932,26 @@ button.list-group-item:hover {
color: #a8d6fe;
}
.list-group-flush .list-group-item {
border-radius: 0;
}
.list-group-item-action {
width: 100%;
color: #555;
text-align: inherit;
}
.list-group-item-action .list-group-item-heading {
color: #333;
}
.list-group-item-action:focus, .list-group-item-action:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
@ -4912,11 +5142,11 @@ button.list-group-item-danger.active:hover {
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
@ -4932,16 +5162,16 @@ button.close {
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
-webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-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;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out, -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
@ -4971,8 +5201,8 @@ button.close {
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
@ -4991,7 +5221,7 @@ button.close {
}
.modal-backdrop.in {
opacity: .5;
opacity: 0.5;
}
.modal-header {
@ -5000,9 +5230,9 @@ button.close {
}
.modal-header::after {
content: "";
display: table;
clear: both;
content: "";
}
.modal-header .close {
@ -5026,9 +5256,9 @@ button.close {
}
.modal-footer::after {
content: "";
display: table;
clear: both;
content: "";
}
.modal-footer .btn + .btn {
@ -5054,17 +5284,17 @@ button.close {
@media (min-width: 544px) {
.modal-dialog {
width: 600px;
max-width: 600px;
margin: 30px auto;
}
.modal-sm {
width: 300px;
max-width: 300px;
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
.modal-lg {
width: 900px;
max-width: 900px;
}
}
@ -5072,28 +5302,27 @@ button.close {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
@ -5154,7 +5383,7 @@ button.close {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
border-radius: 0.25rem;
}
.tooltip-arrow {
@ -5173,28 +5402,27 @@ button.close {
display: block;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
line-break: auto;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
@ -5205,7 +5433,7 @@ button.close {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: rgba(0, 0, 0, .25);
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
@ -5225,7 +5453,7 @@ button.close {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: rgba(0, 0, 0, .25);
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
@ -5246,7 +5474,7 @@ button.close {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, .25);
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
@ -5266,7 +5494,7 @@ button.close {
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, .25);
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
@ -5283,7 +5511,7 @@ button.close {
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: .2375rem .2375rem 0 0;
border-radius: 0.2375rem 0.2375rem 0 0;
}
.popover-content {
@ -5322,8 +5550,8 @@ button.close {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .carousel-item > img,
@ -5334,11 +5562,10 @@ button.close {
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
-webkit-transition: -webkit-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;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
@ -5408,28 +5635,28 @@ button.close {
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
opacity: .5;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:focus, .carousel-control:hover {
@ -5511,7 +5738,7 @@ button.close {
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
@ -5596,16 +5823,10 @@ a.bg-danger:focus, a.bg-danger:hover {
background-color: #c9302c !important;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::after {
content: "";
display: table;
clear: both;
content: "";
}
.pull-xs-left {
@ -6040,7 +6261,11 @@ a.bg-danger:focus, a.bg-danger:hover {
}
.text-muted {
color: #818a91;
color: #818a91 !important;
}
a.text-muted:focus, a.text-muted:hover {
color: #687077;
}
.text-primary {
@ -6186,4 +6411,4 @@ a.text-danger:focus, a.text-danger:hover {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/*# sourceMappingURL=bootstrap.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2421,7 +2421,7 @@ var ScrollSpy = (function ($) {
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
$link.addClass(ClassName.ACTIVE);
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
}

View File

@ -258,7 +258,7 @@
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
$link.addClass(ClassName.ACTIVE);
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
}

View File

@ -115,9 +115,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../assets/js/vendor/holder.min.js"></script>
<script>
$(function () {

View File

@ -111,7 +111,7 @@
</div><!-- /.blog-main -->
<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
<div class="col-sm-3 offset-sm-1 blog-sidebar">
<div class="sidebar-module sidebar-module-inset">
<h4>About</h4>
<p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
@ -158,9 +158,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -136,11 +136,11 @@
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<div class="col-md-7 push-md-5">
<h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5 col-md-pull-7">
<div class="col-md-5 pull-md-7">
<img class="featurette-image img-fluid center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
@ -174,9 +174,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../assets/js/vendor/holder.min.js"></script>

View File

@ -60,9 +60,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -63,7 +63,7 @@
<li><a href="">Another nav item</a></li>
</ul>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<div class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 main">
<h1 class="page-header">Dashboard</h1>
<div class="row placeholders">
@ -224,9 +224,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../assets/js/vendor/holder.min.js"></script>

View File

@ -104,7 +104,7 @@
<hr>
<h3>Mixed: mobile and desktop</h3>
<p>The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p>
<p>The Bootstrap v4 grid system has five tiers of classes: xs (extra small), sm (small), md (medium), lg (large), and xl (extra large). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p>
<p>Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.</p>
<div class="row">
<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
@ -159,11 +159,11 @@
<p>Reset offsets, pushes, and pulls at specific breakpoints.</p>
<div class="row">
<div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
<div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
<div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
<div class="col-sm-6 col-md-5 offset-md-2 col-lg-6 offset-lg-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
</div>

View File

@ -75,9 +75,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

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

View File

@ -45,9 +45,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -43,9 +43,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -64,9 +64,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -104,9 +104,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -48,9 +48,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -73,9 +73,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

View File

@ -39,9 +39,9 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/vendor/tether.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

View File

@ -25,7 +25,7 @@ In addition, groups and toolbars should be given an explicit label, as most assi
If your navigation contains many links and comes before the main content in the DOM, add a `Skip to main content` link before the navigation (for a simple explanation, see this [A11Y Project article on skip navigation links](http://a11yproject.com/posts/skip-nav-links/)). Using the `.sr-only` class will visually hide the skip link, and the <code>.sr-only-focusable</code> class will ensure that the link becomes visible once focused (for sighted keyboard users).
{% callout danger %}
Due to long-standing shortcomings/bugs in Chrome (see [issue 262171 in the Chromium bug tracker](https://code.google.com/p/chromium/issues/detail?id=262171 "Chromium bug tracker - Issue 262171: Focus should cycle from named anchor")) and Internet Explorer (see this article on [in-page links and focus order](http://accessibleculture.org/articles/2010/05/in-page-links/)), you will need to make sure that the target of your skip link is at least programmatically focusable by adding `tabindex="-1"`.
Due to long-standing shortcomings/bugs in Chrome (see [issue 454172 in the Chromium bug tracker](https://code.google.com/p/chromium/issues/detail?id=454172 "Chromium bug tracker - Issue 454172: Focus Link Target (sequential focus navigation starting point)")) and Internet Explorer (see this article on [in-page links and focus order](http://accessibleculture.org/articles/2010/05/in-page-links/)), you will need to make sure that the target of your skip link is at least programmatically focusable by adding `tabindex="-1"`.
In addition, you may want to explicitly suppress a visible focus indication on the target (particularly as Chrome currently also sets focus on elements with `tabindex="-1"` when they are clicked with the mouse) with `#content:focus { outline: none; }`.

View File

@ -195,7 +195,7 @@ As a heads up, we include this in all of Bootstrap's documentation and examples
### Overflow and scrolling
Support for `overflow: hidden;` on the `<body>` element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the `<body>` content will begin to scroll.
Support for `overflow: hidden;` on the `<body>` element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the `<body>` content will begin to scroll. See [WebKit bug #153852](https://bugs.webkit.org/show_bug.cgi?id=153852).
### Virtual keyboards
@ -218,9 +218,13 @@ Bootstrap includes a workaround for this, although it is disabled by default. By
Even in some modern browsers, printing can be quirky.
In particular, as of Chrome v32 and regardless of margin settings, Chrome uses a viewport width significantly narrower than the physical paper size when resolving media queries while printing a webpage. This can result in Bootstrap's extra-small grid being unexpectedly activated when printing. [See #12078 for some details.](https://github.com/twbs/bootstrap/issues/12078) Suggested workarounds:
In particular, as of Chrome v32 and regardless of margin settings, Chrome uses a viewport width significantly narrower than the physical paper size when resolving media queries while printing a webpage. This can result in Bootstrap's extra-small grid being unexpectedly activated when printing. See [issue #12078](https://github.com/twbs/bootstrap/issues/12078) for some details. Suggested workarounds:
Also, as of Safari v8.0, fixed-width <code>.container</code>s can cause Safari to use an unusually small font size when printing. See <a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a> for more details. One potential workaround for this is adding the following CSS:
* Embrace the extra-small grid and make sure your page looks acceptable under it.
* Customize the value of the `$grid-breakpoints` Sass variable so that your printer paper is considered larger than extra-small.
* Add custom media queries to change the grid size breakpoints for print media only.
Also, as of Safari v8.0, use of the fixed-width `.container` class can cause Safari to use an unusually small font size when printing. See [issue #14868](https://github.com/twbs/bootstrap/issues/14868) for more details. One potential workaround is the following CSS:
{% highlight css %}
@media print {

View File

@ -27,8 +27,8 @@ Copy-paste the stylesheet `<link>` into your `<head>` before all other styleshee
Add our JavaScript plugins, jQuery, and Tether near the end of your pages, right before the closing `</body>` tag. Be sure to place jQuery and Tether first, as our code depends on them.
{% highlight html %}
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.tether }}"></script>
<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
<script src="{{ site.cdn.tether }}" integrity="{{ site.cdn.tether_hash }}" crossorigin="anonymous"></script>
<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
{% endhighlight %}
@ -60,8 +60,8 @@ Put it all together and your pages should look like this:
<h1>Hello, world!</h1>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.tether }}"></script>
<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
<script src="{{ site.cdn.tether }}" integrity="{{ site.cdn.tether_hash }}" crossorigin="anonymous"></script>
<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
</body>
</html>

View File

@ -4,11 +4,29 @@ title: Customization options
group: getting-started
---
With Bootstrap 4, we've added a handful of global options for easily customizing all the components in your project. These options are handled by Sass variables. Simply change a variable's value and recompile with the included Gruntfile.
Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new `$enable-*` Sass variables. Override a variable's value and recompile with the included Gruntfile as needed.
## Available variables
## Customizing variables
You can find and customize these variables in our `_variables.scss` file.
Bootstrap 4 ships with a `_custom.scss` file for easy variable overrides. Copy and paste relevant lines from `_variables.scss` into the custom file and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.**
For example, to change out the `background-color` and `color` for the `<body>`, you'd do the following:
{% highlight scss %}
// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override default values
// without modifying source files.
$body-bg: $gray-dark;
$body-color: $gray-light;
{% endhighlight %}
Do the same for any variable you need to override, including the global options listed below.
## Global options
You can find and customize these variables for key global options in our `_variables.scss` file.
| Variable | Values | Description |
| --------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
@ -16,6 +34,6 @@ You can find and customize these variables in our `_variables.scss` file.
| `$enable-flex` | `true` or `false` (default) | Swaps `float` and `display: table` styles for `display: flex`. |
| `$enable-rounded` | `true` (default) or `false` | Enables predefined `border-radius` styles on various components. |
| `$enable-shadows` | `true` or `false` (default) | Enables predefined `box-shadow` styles on various components. |
| `$enable-gradients` | `true` or `false` (default) | Enables predefined gradients via `background-image` various components. |
| `$enable-gradients` | `true` or `false` (default) | Enables predefined gradients via `background-image` styles on various components. |
| `$enable-transitions` | `true` (default) or `false` | Enables predefined `transition`s on various components. |
| `$enable-hover-media-query` | `true` or `false` (default) | ... |

View File

@ -53,17 +53,17 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
<div class="row">
<div class="col-sm-4 m-b-3">
<img src="assets/img/sass.png" alt="Sass support" class="img-fluid">
<img src="{{ site.baseurl }}/assets/img/sass.png" alt="Sass support" class="img-fluid">
<h4>Preprocessor</h4>
<p>Bootstrap ships with vanilla CSS, but its source code utilizes <a href="http://sass-lang.com/">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p>
</div>
<div class="col-sm-4 m-b-3">
<img src="assets/img/devices.png" alt="Responsive across devices" class="img-fluid">
<img src="{{ site.baseurl }}/assets/img/devices.png" alt="Responsive across devices" class="img-fluid">
<h4>One framework, every device.</h4>
<p>Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p>
</div>
<div class="col-sm-4 m-b-3">
<img src="assets/img/components.png" alt="Components" class="img-fluid">
<img src="{{ site.baseurl }}/assets/img/components.png" alt="Components" class="img-fluid">
<h4>Full of features</h4>
<p>With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p>
</div>

212
docs/layout/flexbox-grid.md Normal file
View File

@ -0,0 +1,212 @@
---
layout: docs
title: Flexbox grid system
group: layout
---
Fancy a more modern grid system? [Enable flexbox support in Bootstrap](/getting-started/flexbox) to take full advantage of CSS's Flexible Box module for even more control over your site's layout, alignment, and distribution of content.
Bootstrap's flexbox grid includes support for every feature from our [default grid system](/layout/grid), and then some. Please read the [default grid system docs](/layout/grid) before proceeding through this page. Features that are covered there are only summarized here. Please note that **Internet Explorer 9 does not support flexbox**, so proceed with caution when enabling it.
{% callout warning %}
**Heads up!** The flexbox grid documentation is only functional when flexbox support is explicitly enabled.
{% endcallout %}
## Contents
* Will be replaced with the ToC, excluding the "Contents" header
{:toc}
## How it works
The flexbox grid system behaves similar to our default grid system, but with a few notable differences:
- [Grid mixins](/layout/grid#sass-mixins) and [predefined classes](/layout/grid#predefined-classes) include support for flexbox. Just [enable flexbox support](/getting-started/flexbox) to utilize them as you would otherwise.
- Nesting, offsets, pushes, and pulls are all supported in the flexbox grid system.
- Flexbox grid columns without a set width will automatically layout with equal widths. For example, four columns will each automatically be 25% wide.
- Flexbox grid columns have significantly more alignment options available, including vertical alignment.
- Unlike the default grid system where a grid column starts as full-width in the `xs` tier, flexbox requires a `.col-{breakpoint}` class for each tier.
Chill? Awesome—keep reading for more information and some code snippets.
## Auto-layout columns
When flexbox support is enabled, you can utilize breakpoint-specific column classes for equal-width columns. Add any number of `.col-{breakpoint}`s for each breakpoint you need and you're good to go. For example, here's are two grid layouts that apply to every device and viewport possible.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs">
1 of 2
</div>
<div class="col-xs">
1 of 2
</div>
</div>
<div class="row">
<div class="col-xs">
1 of 3
</div>
<div class="col-xs">
1 of 3
</div>
<div class="col-xs">
1 of 3
</div>
</div>
</div>
{% endexample %}
</div>
Auto-layout for flexbox grid columns also means you can set the width of one column and the others will automatically resize around it. You may use predefined grid classes (as shown below), grid mixins, or inline widths.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs">
1 of 3
</div>
<div class="col-xs-6">
2 of 3 (wider)
</div>
<div class="col-xs">
3 of 3
</div>
</div>
</div>
{% endexample %}
</div>
## Responsive flexbox
Unlike the default grid system, the flexbox grid requires a class for full-width columns. If you have a `.col-sm-6` and don't add `.col-xs-12`, your `xs` grid will not render correctly. Note that flexbox grid tiers still scale up across breakpoints, so if you want two 50% wide columns across `sm`, `md`, and `lg`, you only need to set `.col-sm-6`.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
1 of 2 (stacked on mobile)
</div>
<div class="col-xs-12 col-sm-6">
1 of 2 (stacked on mobile)
</div>
</div>
</div>
{% endexample %}
</div>
## Vertical alignment
Use the flexbox alignment utilities to vertically align columns.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-xs-top">
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
</div>
<div class="row flex-items-xs-middle">
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
</div>
<div class="row flex-items-xs-bottom">
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
<div class="col-xs">
One of three columns
</div>
</div>
</div>
{% endexample %}
</div>
<div class="bd-example-row bd-example-row-flex-cols">
{% example html %}
<div class="container">
<div class="row">
<div class="col-xs flex-xs-top">
One of three columns
</div>
<div class="col-xs flex-xs-middle">
One of three columns
</div>
<div class="col-xs flex-xs-bottom">
One of three columns
</div>
</div>
</div>
{% endexample %}
</div>
## Horizontal alignment
Flexbox utilities for horizontal alignment also exist for a number of layout options.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-xs-left">
<div class="col-xs-4">
One of two columns
</div>
<div class="col-xs-4">
One of two columns
</div>
</div>
<div class="row flex-items-xs-center">
<div class="col-xs-4">
One of two columns
</div>
<div class="col-xs-4">
One of two columns
</div>
</div>
<div class="row flex-items-xs-right">
<div class="col-xs-4">
One of two columns
</div>
<div class="col-xs-4">
One of two columns
</div>
</div>
<div class="row flex-items-xs-around">
<div class="col-xs-4">
One of two columns
</div>
<div class="col-xs-4">
One of two columns
</div>
</div>
<div class="row flex-items-xs-between">
<div class="col-xs-4">
One of two columns
</div>
<div class="col-xs-4">
One of two columns
</div>
</div>
</div>
{% endexample %}
</div>

View File

@ -52,8 +52,7 @@ The above example creates three equal-width columns on small, medium, large, and
## Grid options
While Bootstrap uses `em`s or `rem`s for defining most sizes, `px`s are used for grid breakpoints and container widths.
This is because the viewport width is in pixels and does not change with the [font size](https://drafts.csswg.org/mediaqueries-3/#units).
While Bootstrap uses `em`s or `rem`s for defining most sizes, `px`s are used for grid breakpoints and container widths. This is because the viewport width is in pixels and does not change with the [font size](https://drafts.csswg.org/mediaqueries-3/#units).
See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
@ -136,9 +135,12 @@ When using Bootstrap's source Sass files, you have the option of using Sass vari
### Variables
Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.
Variables and maps determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.
{% highlight scss %}
$grid-columns: 12;
$grid-gutter-width: 15px;
$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
@ -152,9 +154,12 @@ $grid-breakpoints: (
xl: 1200px
);
$grid-columns: 12;
$grid-gutter-width: 1.875rem;
$container-max-widths: (
sm: 576px,
md: 720px,
lg: 940px,
xl: 1140px
) !default;
{% endhighlight %}
### Mixins
@ -164,23 +169,40 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
{% highlight scss %}
// Creates a wrapper for a series of columns
@mixin make-row($gutter: $grid-gutter-width) {
@if $enable-flex {
display: flex;
flex-wrap: wrap;
} @else {
@include clearfix();
}
margin-left: ($gutter / -2);
margin-right: ($gutter / -2);
@include clearfix();
}
// Make the element grid-ready (applying everything but the width)
@mixin make-col($gutter: $grid-gutter-width) {
position: relative;
float: left;
@if $enable-flex {
flex: 1;
} @else {
float: left;
}
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
}
// Set a width (to be used in or out of media queries)
@mixin make-col-span($columns) {
width: percentage(($columns / $grid-columns));
@mixin make-col-span($size, $columns: $grid-columns) {
// Set a width (to be used in or out of media queries)
@if $enable-flex {
flex: 0 0 percentage($size / $columns);
// Add a `max-width` to ensure content within each column does not blow out
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
// do not appear to require this.
max-width: percentage($size / $columns);
} @else {
width: percentage($size / $columns);
}
}
// Get fancy by offsetting, or changing the sort order
@ -246,36 +268,36 @@ In addition to our semantic mixins, Bootstrap includes an extensive set of prebu
### Example: Stacked-to-horizontal
Using a single set of `.col-md-*` grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any `.row`.
Using a single set of `.col-md-*` grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns with the `.col` base class and a modifier within any `.row`.
<div class="bd-example-row">
{% example html %}
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
<div class="col-md-1">md-1</div>
</div>
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-8">md-8</div>
<div class="col-md-4">md-4</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">md-4</div>
<div class="col-md-4">md-4</div>
<div class="col-md-4">md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">md-6</div>
<div class="col-md-6">md-6</div>
</div>
{% endexample %}
</div>
@ -366,32 +388,32 @@ In addition to column clearing at responsive breakpoints, you may need to **rese
{% example html %}
<div class="row">
<div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
<div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0">.col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
<div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
<div class="col-sm-6 col-md-5 col-lg-6">.col.col-sm-6.col-md-5.col-lg-6</div>
<div class="col-sm-6 col-md-5 offset-md-2 col-lg-6 offset-lg-0">.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0</div>
</div>
{% endexample %}
</div>
### Example: Offsetting columns
Move columns to the right using `.col-md-offset-*` classes. These classes increase the left margin of a column by `*` columns. For example, `.col-md-offset-4` moves `.col-md-4` over four columns.
Move columns to the right using `.offset-md-*` classes. These classes increase the left margin of a column by `*` columns. For example, `.offset-md-4` moves `.col-md-4` over four columns.
<div class="bd-example-row">
{% example html %}
<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 class="col-md-4 offset-md-4">.col-md-4 .offset-md-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-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
<div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3</div>
<div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
<div class="col-md-6 offset-md-3">.col-md-6 .offset-md-3</div>
</div>
{% endexample %}
</div>
@ -425,8 +447,30 @@ Easily change the order of our built-in grid columns with `.col-md-push-*` and `
<div class="bd-example-row">
{% example html %}
<div class="row">
<div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
<div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
<div class="col-md-9 push-md-3">.col-md-9 .push-md-3</div>
<div class="col-md-3 pull-md-9">.col-md-3 .pull-md-9</div>
</div>
{% endexample %}
</div>
## Customizing the grid
Using our built-in grid Sass variables and maps, it's possible to completely customize the predefined grid classes. Change the number of tiers, the media query dimensions, and the container widths—then recompile.
For example, if you wanted just three grid tiers, you'd update the `$grid-breakpoints` and `$container-max-widths` to something like this:
{% highlight scss %}
$grid-breakpoints: (
sm: 480px,
md: 768px,
lg: 1024px
);
$container-max-widths: (
sm: 420px,
md: 720px,
lg: 940px
) !default;
{% endhighlight %}
Save your changes and recompile to have a brand new set of predefined grid classes for column widths, offsets, pushes, and pulls. Responsive visibility utilities will also be updated to use the custom breakpoints.

View File

@ -22,11 +22,21 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to
### Global changes
- Switched from [Less](http://lesscss.org/) to [Sass](http://sass-lang.com/) for our source CSS files.
- Switched from `px` to `rem` as our primary CSS unit, though pixels are still used for media queries and more as viewports are not affected by type size.
- Switched from `px` to `rem` as our primary CSS unit, though pixels are still used for media queries and grid behavior as viewports are not affected by type size.
- Global font-size increased from `14px` to `16px`.
- Added a new grid tier for ~`480px` and below.
- Replaced the separate optional theme with configurable options via SCSS variables (e.g., `$enable-gradients: true`).
### Grid system
- Added support for flexbox (set `$enable-flex: true` and recompile) in the grid mixins and predefined classes.
- As part of flexbox, included support for vertical and horizontal alignment classes.
- Overhauled grid mixins to merge `make-col-span` into `make-col` for a singular mixin.
- Added a new `sm` grid tier below `768px` for more granular control. We now have `xs`, `sm`, `md`, `lg`, and `xl`. This also means every tier has been bumped up one level (so `.col-md-6` in v3 is now `.col-lg-6` in v4).
- Changed grid system media query breakpoints and container widths to account for new grid tier and ensure columns are evenly divisible by `12` at their max width.
- Grid breakpoints and container widths are now handled via Sass maps instead of a handful of separate variables. These replace the `@screen-*` variables entirely and allow you to fully customize the grid tiers.
- Media queries have also changed. Instead of repeating our media query declarations with the same value each time, we now have `@include media-breakpoint-up/down/only`. Now, instead of writing `@media (min-width: @screen-sm-min) { ... }`, you can write `@include media-breakpoint-up(sm) { ... }`.
### Components
- Dropped panels, thumbnails, and wells for a new all-encompassing component, cards.
@ -107,10 +117,6 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with
- Dropped the `.navbar-form` class entirely. It's no longer necessary.
### Pager
- Renamed `.previous` and `.next` to `.pager-prev` and `.pager-next`.
### Pagination
- Explicit classes (`.page-item`, `.page-link`) are now required on the descendants of `.pagination`s
@ -148,8 +154,14 @@ Dropped entirely for the new card component.
### Utilities
- Added `.pull-{xs,sm,md,lg,xl}-{left,right,none}` classes for responsive floats
- Removed `.pull-left` and `.pull-right` since they're redundant to `.pull-xs-left` and `.pull-xs-right`
- Added `.pull-{xs,sm,md,lg,xl}-{left,right,none}` classes for responsive floats and removed `.pull-left` and `.pull-right` since they're redundant to `.pull-xs-left` and `.pull-xs-right`.
- Added responsive variations to our text alignment classes `.text-{xs,sm,md,lg,xl}-{left,center,right}` and removed the redundant `.text-{left,center,right}` utilities as they are the same as the `xs` variation.
- Dropped `.center-block` for the new `.m-x-auto` class.
### Vendor prefix mixins
Bootstrap 3's [vendor prefix](http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm) mixins, which were deprecated in v3.2.0, have been removed in Bootstrap 4. Since we use [Autoprefixer](https://github.com/postcss/autoprefixer), they're no longer necessary.
Removed the following mixins: `animation`, `animation-delay`, `animation-direction`, `animation-duration`, `animation-fill-mode`, `animation-iteration-count`, `animation-name`, `animation-timing-function`, `backface-visibility`, `box-sizing`, `content-columns`, `hyphens`, `opacity`, `perspective`, `perspective-origin`, `rotate`, `rotateX`, `rotateY`, `scale`, `scaleX`, `scaleY`, `skew`, `transform-origin`, `transition-delay`, `transition-duration`, `transition-property`, `transition-timing-function`, `transition-transform`, `translate`, `translate3d`, `user-select`
## Documentation

View File

@ -2,7 +2,7 @@
"name": "bootstrap",
"version": "4.0.0-alpha.2",
"npm-shrinkwrap-version": "200.4.0",
"node-version": "v5.3.0",
"node-version": "v5.5.0",
"dependencies": {
"JSV": {
"version": "4.0.2",
@ -25,12 +25,12 @@
"resolved": "https://registry.npmjs.org/acorn-to-esprima/-/acorn-to-esprima-1.0.7.tgz"
},
"adm-zip": {
"version": "0.4.4",
"resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.4.tgz"
"version": "0.4.7",
"resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.7.tgz"
},
"align-text": {
"version": "0.1.3",
"resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.3.tgz"
"version": "0.1.4",
"resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz"
},
"alter": {
"version": "0.2.0",
@ -41,12 +41,12 @@
"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.0.tgz"
},
"ansi": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.0.tgz"
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.1.tgz"
},
"ansi-escapes": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.1.0.tgz"
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.1.1.tgz"
},
"ansi-regex": {
"version": "2.0.0",
@ -75,8 +75,8 @@
}
},
"are-we-there-yet": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.0.5.tgz",
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.0.6.tgz",
"dependencies": {
"readable-stream": {
"version": "2.0.5",
@ -102,9 +102,13 @@
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/array-find/-/array-find-0.1.1.tgz"
},
"array-find-index": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.1.tgz"
},
"array-index": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/array-index/-/array-index-0.1.1.tgz"
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/array-index/-/array-index-1.0.0.tgz"
},
"array-union": {
"version": "1.0.1",
@ -119,12 +123,12 @@
"resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz"
},
"asn1": {
"version": "0.1.11",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.1.11.tgz"
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz"
},
"assert-plus": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz"
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz"
},
"ast-traverse": {
"version": "0.1.1",
@ -143,24 +147,24 @@
"resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz"
},
"autoprefixer": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.2.1.tgz"
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.3.1.tgz"
},
"aws-sign": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/aws-sign/-/aws-sign-0.3.0.tgz"
},
"aws-sign2": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.5.0.tgz"
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz"
},
"babel-core": {
"version": "5.8.34",
"resolved": "https://registry.npmjs.org/babel-core/-/babel-core-5.8.34.tgz"
"version": "5.8.35",
"resolved": "https://registry.npmjs.org/babel-core/-/babel-core-5.8.35.tgz"
},
"babel-eslint": {
"version": "4.1.6",
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-4.1.6.tgz"
"version": "4.1.8",
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-4.1.8.tgz"
},
"babel-jscs": {
"version": "2.0.5",
@ -227,8 +231,8 @@
"resolved": "https://registry.npmjs.org/babel-plugin-undefined-to-void/-/babel-plugin-undefined-to-void-1.1.6.tgz"
},
"babylon": {
"version": "5.8.34",
"resolved": "https://registry.npmjs.org/babylon/-/babylon-5.8.34.tgz"
"version": "5.8.35",
"resolved": "https://registry.npmjs.org/babylon/-/babylon-5.8.35.tgz"
},
"balanced-match": {
"version": "0.3.0",
@ -239,12 +243,12 @@
"resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-1.0.3.tgz"
},
"batch": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/batch/-/batch-0.5.2.tgz"
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/batch/-/batch-0.5.3.tgz"
},
"bl": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/bl/-/bl-1.0.0.tgz",
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/bl/-/bl-1.0.2.tgz",
"dependencies": {
"readable-stream": {
"version": "2.0.5",
@ -261,8 +265,8 @@
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-2.10.2.tgz"
},
"boom": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/boom/-/boom-0.4.2.tgz"
"version": "2.10.1",
"resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz"
},
"brace-expansion": {
"version": "1.1.2",
@ -277,8 +281,8 @@
"resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz"
},
"browserslist": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.0.1.tgz"
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.1.1.tgz"
},
"btoa": {
"version": "1.1.2",
@ -289,8 +293,8 @@
"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.5.tgz"
},
"builtin-modules": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.0.tgz"
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz"
},
"camelcase": {
"version": "1.2.1",
@ -301,8 +305,8 @@
"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.0.0.tgz",
"dependencies": {
"camelcase": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.0.1.tgz"
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.0.tgz"
}
}
},
@ -311,20 +315,20 @@
"resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz"
},
"caniuse-db": {
"version": "1.0.30000382",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000382.tgz"
"version": "1.0.30000407",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000407.tgz"
},
"cardinal": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/cardinal/-/cardinal-0.5.0.tgz"
},
"caseless": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.6.0.tgz"
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz"
},
"center-align": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.2.tgz"
"version": "0.1.3",
"resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz"
},
"chalk": {
"version": "1.1.1",
@ -341,8 +345,8 @@
"resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.1.tgz"
},
"clean-css": {
"version": "3.4.8",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-3.4.8.tgz",
"version": "3.4.9",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-3.4.9.tgz",
"dependencies": {
"commander": {
"version": "2.8.1",
@ -379,8 +383,8 @@
}
},
"cli-width": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-1.1.0.tgz"
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-1.1.1.tgz"
},
"cliui": {
"version": "2.1.0",
@ -399,8 +403,8 @@
"resolved": "https://registry.npmjs.org/colors/-/colors-0.6.2.tgz"
},
"combined-stream": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-0.0.7.tgz"
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz"
},
"commander": {
"version": "2.9.0",
@ -445,20 +449,20 @@
}
},
"config-chain": {
"version": "1.1.9",
"resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.9.tgz"
"version": "1.1.10",
"resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.10.tgz"
},
"connect": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/connect/-/connect-3.4.0.tgz"
"version": "3.4.1",
"resolved": "https://registry.npmjs.org/connect/-/connect-3.4.1.tgz"
},
"connect-livereload": {
"version": "0.5.4",
"resolved": "https://registry.npmjs.org/connect-livereload/-/connect-livereload-0.5.4.tgz"
},
"convert-source-map": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.1.2.tgz"
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.1.3.tgz"
},
"cookie-jar": {
"version": "0.3.0",
@ -481,16 +485,16 @@
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-0.2.9.tgz"
},
"cross-spawn-async": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/cross-spawn-async/-/cross-spawn-async-2.1.1.tgz",
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/cross-spawn-async/-/cross-spawn-async-2.1.8.tgz",
"dependencies": {
"lru-cache": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-3.2.0.tgz"
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.0.0.tgz"
},
"which": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.1.tgz"
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.4.tgz"
}
}
},
@ -499,8 +503,8 @@
"resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.1.tgz"
},
"cryptiles": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-0.2.2.tgz"
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz"
},
"css-mq-parser": {
"version": "0.0.3",
@ -539,12 +543,12 @@
"resolved": "https://registry.npmjs.org/d/-/d-0.1.1.tgz"
},
"dargs": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/dargs/-/dargs-4.0.1.tgz"
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/dargs/-/dargs-4.1.0.tgz"
},
"dashdash": {
"version": "1.10.1",
"resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.10.1.tgz"
"version": "1.12.2",
"resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.12.2.tgz"
},
"date-time": {
"version": "1.0.0",
@ -583,20 +587,20 @@
"resolved": "https://registry.npmjs.org/del/-/del-2.2.0.tgz"
},
"delayed-stream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-0.0.5.tgz"
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
},
"delegates": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-0.1.0.tgz"
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz"
},
"depd": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/depd/-/depd-1.0.1.tgz"
},
"destroy": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.3.tgz"
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz"
},
"detect-indent": {
"version": "3.0.1",
@ -654,6 +658,10 @@
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/dreamopt/-/dreamopt-0.6.0.tgz"
},
"duplexer": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz"
},
"each-async": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/each-async/-/each-async-1.1.1.tgz"
@ -699,8 +707,8 @@
"resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz"
},
"es6-set": {
"version": "0.1.3",
"resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.3.tgz"
"version": "0.1.4",
"resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.4.tgz"
},
"es6-symbol": {
"version": "3.0.2",
@ -711,24 +719,24 @@
"resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.1.tgz"
},
"escape-html": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.2.tgz"
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
},
"escape-string-regexp": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.4.tgz"
},
"escope": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/escope/-/escope-3.3.0.tgz"
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/escope/-/escope-3.4.0.tgz"
},
"eslint": {
"version": "1.10.3",
"resolved": "https://registry.npmjs.org/eslint/-/eslint-1.10.3.tgz",
"dependencies": {
"argparse": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.3.tgz"
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
},
"espree": {
"version": "2.2.5",
@ -739,16 +747,16 @@
"resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz"
},
"globals": {
"version": "8.15.0",
"resolved": "https://registry.npmjs.org/globals/-/globals-8.15.0.tgz"
"version": "8.18.0",
"resolved": "https://registry.npmjs.org/globals/-/globals-8.18.0.tgz"
},
"js-yaml": {
"version": "3.4.5",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.4.5.tgz",
"dependencies": {
"esprima": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.1.tgz"
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.2.tgz"
}
}
},
@ -756,6 +764,10 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.0.tgz"
},
"shelljs": {
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.5.3.tgz"
},
"user-home": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/user-home/-/user-home-2.0.0.tgz"
@ -855,8 +867,8 @@
"resolved": "https://registry.npmjs.org/file-sync-cmp/-/file-sync-cmp-0.1.1.tgz"
},
"finalhandler": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-0.4.0.tgz"
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-0.4.1.tgz"
},
"find-up": {
"version": "1.1.0",
@ -891,20 +903,16 @@
"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-1.0.10.tgz"
},
"forever-agent": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.5.2.tgz"
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz"
},
"form-data": {
"version": "0.1.4",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-0.1.4.tgz",
"version": "1.0.0-rc3",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-1.0.0-rc3.tgz",
"dependencies": {
"async": {
"version": "0.9.2",
"resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz"
},
"mime": {
"version": "1.2.11",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.2.11.tgz"
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz"
}
}
},
@ -913,8 +921,8 @@
"resolved": "https://registry.npmjs.org/fresh/-/fresh-0.3.0.tgz"
},
"fs-extra": {
"version": "0.23.1",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.23.1.tgz"
"version": "0.26.5",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.5.tgz"
},
"fs-readdir-recursive": {
"version": "0.1.2",
@ -925,8 +933,8 @@
"resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.8.tgz"
},
"gauge": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.2.tgz"
"version": "1.2.5",
"resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.5.tgz"
},
"gaze": {
"version": "0.5.2",
@ -949,8 +957,8 @@
"resolved": "https://registry.npmjs.org/getobject/-/getobject-0.1.0.tgz"
},
"glob": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/glob/-/glob-6.0.2.tgz"
"version": "6.0.4",
"resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz"
},
"globals": {
"version": "6.4.1",
@ -991,8 +999,8 @@
"resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-3.0.0-28.tgz"
},
"graceful-fs": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.2.tgz"
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.3.tgz"
},
"graceful-readlink": {
"version": "1.0.1",
@ -1037,8 +1045,8 @@
"resolved": "https://registry.npmjs.org/grunt-build-control/-/grunt-build-control-0.6.2.tgz",
"dependencies": {
"bluebird": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.1.1.tgz"
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.2.2.tgz"
},
"shelljs": {
"version": "0.2.6",
@ -1107,8 +1115,8 @@
"resolved": "https://registry.npmjs.org/grunt-contrib-cssmin/-/grunt-contrib-cssmin-0.14.0.tgz"
},
"grunt-contrib-qunit": {
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/grunt-contrib-qunit/-/grunt-contrib-qunit-0.7.0.tgz"
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/grunt-contrib-qunit/-/grunt-contrib-qunit-1.0.1.tgz"
},
"grunt-contrib-sass": {
"version": "0.9.2",
@ -1145,8 +1153,26 @@
}
},
"grunt-contrib-uglify": {
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/grunt-contrib-uglify/-/grunt-contrib-uglify-0.11.0.tgz"
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/grunt-contrib-uglify/-/grunt-contrib-uglify-0.11.1.tgz",
"dependencies": {
"gzip-size": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz"
},
"lodash": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.2.1.tgz"
},
"maxmin": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/maxmin/-/maxmin-2.1.0.tgz"
},
"pretty-bytes": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-3.0.1.tgz"
}
}
},
"grunt-contrib-watch": {
"version": "0.6.1",
@ -1197,8 +1223,8 @@
"resolved": "https://registry.npmjs.org/grunt-jekyll/-/grunt-jekyll-0.4.3.tgz"
},
"grunt-jscs": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/grunt-jscs/-/grunt-jscs-2.5.0.tgz"
"version": "2.7.0",
"resolved": "https://registry.npmjs.org/grunt-jscs/-/grunt-jscs-2.7.0.tgz"
},
"grunt-legacy-log": {
"version": "0.1.3",
@ -1239,14 +1265,8 @@
}
},
"grunt-lib-phantomjs": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/grunt-lib-phantomjs/-/grunt-lib-phantomjs-0.6.0.tgz",
"dependencies": {
"semver": {
"version": "1.0.14",
"resolved": "https://registry.npmjs.org/semver/-/semver-1.0.14.tgz"
}
}
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/grunt-lib-phantomjs/-/grunt-lib-phantomjs-1.0.0.tgz"
},
"grunt-line-remover": {
"version": "0.0.2",
@ -1283,8 +1303,8 @@
"resolved": "https://registry.npmjs.org/grunt-scss-lint/-/grunt-scss-lint-0.3.8.tgz",
"dependencies": {
"which": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.1.tgz"
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.4.tgz"
},
"xmlbuilder": {
"version": "2.6.5",
@ -1305,8 +1325,8 @@
"resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.0.5.tgz",
"dependencies": {
"async": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.0.tgz"
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz"
},
"source-map": {
"version": "0.4.4",
@ -1315,8 +1335,8 @@
}
},
"har-validator": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.3.tgz"
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz"
},
"has-ansi": {
"version": "2.0.0",
@ -1331,20 +1351,20 @@
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz"
},
"has-unicode": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-1.0.1.tgz"
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.0.tgz"
},
"hawk": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-1.1.1.tgz"
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz"
},
"heap": {
"version": "0.2.6",
"resolved": "https://registry.npmjs.org/heap/-/heap-0.2.6.tgz"
},
"hoek": {
"version": "0.9.1",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-0.9.1.tgz"
"version": "2.16.3",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz"
},
"home-or-tmp": {
"version": "1.0.0",
@ -1373,12 +1393,12 @@
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.3.1.tgz"
},
"http-signature": {
"version": "0.10.1",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-0.10.1.tgz"
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz"
},
"i": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/i/-/i-0.3.3.tgz"
"version": "0.3.4",
"resolved": "https://registry.npmjs.org/i/-/i-0.3.4.tgz"
},
"iconv-lite": {
"version": "0.4.13",
@ -1399,8 +1419,8 @@
"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.4.tgz"
},
"inherit": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/inherit/-/inherit-2.2.2.tgz"
"version": "2.2.3",
"resolved": "https://registry.npmjs.org/inherit/-/inherit-2.2.3.tgz"
},
"inherits": {
"version": "2.0.1",
@ -1411,8 +1431,8 @@
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.4.tgz"
},
"inquirer": {
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/inquirer/-/inquirer-0.11.0.tgz"
"version": "0.11.4",
"resolved": "https://registry.npmjs.org/inquirer/-/inquirer-0.11.4.tgz"
},
"invert-kv": {
"version": "1.0.0",
@ -1427,8 +1447,8 @@
"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
},
"is-buffer": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.0.tgz"
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.2.tgz"
},
"is-builtin-module": {
"version": "1.0.0",
@ -1447,8 +1467,8 @@
"resolved": "https://registry.npmjs.org/is-integer/-/is-integer-1.0.6.tgz"
},
"is-my-json-valid": {
"version": "2.12.3",
"resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.12.3.tgz"
"version": "2.12.4",
"resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.12.4.tgz"
},
"is-path-cwd": {
"version": "1.0.0",
@ -1490,6 +1510,10 @@
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz"
},
"isexe": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-1.1.1.tgz"
},
"isstream": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz"
@ -1521,16 +1545,16 @@
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.0.tgz"
},
"jscs": {
"version": "2.7.0",
"resolved": "https://registry.npmjs.org/jscs/-/jscs-2.7.0.tgz",
"version": "2.9.0",
"resolved": "https://registry.npmjs.org/jscs/-/jscs-2.9.0.tgz",
"dependencies": {
"argparse": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.3.tgz"
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
},
"esprima": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.1.tgz"
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.2.tgz"
},
"glob": {
"version": "5.0.15",
@ -1545,8 +1569,8 @@
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.0.tgz"
},
"vow": {
"version": "0.4.11",
"resolved": "https://registry.npmjs.org/vow/-/vow-0.4.11.tgz"
"version": "0.4.12",
"resolved": "https://registry.npmjs.org/vow/-/vow-0.4.12.tgz"
},
"vow-fs": {
"version": "0.3.4",
@ -1593,8 +1617,8 @@
"resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.2.tgz"
},
"json-stable-stringify": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.0.tgz"
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz"
},
"json-stringify-safe": {
"version": "5.0.1",
@ -1625,16 +1649,20 @@
"resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.2.2.tgz"
},
"kew": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/kew/-/kew-0.4.0.tgz"
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz"
},
"kind-of": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz"
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.0.2.tgz"
},
"klaw": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/klaw/-/klaw-1.1.3.tgz"
},
"lazy-cache": {
"version": "0.2.7",
"resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz"
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.3.tgz"
},
"lazystream": {
"version": "0.1.0",
@ -1709,8 +1737,8 @@
"resolved": "https://registry.npmjs.org/lodash._baseflatten/-/lodash._baseflatten-3.1.4.tgz"
},
"lodash._basefor": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/lodash._basefor/-/lodash._basefor-3.0.2.tgz"
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/lodash._basefor/-/lodash._basefor-3.0.3.tgz"
},
"lodash._baseindexof": {
"version": "3.1.0",
@ -1765,8 +1793,8 @@
"resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-3.0.2.tgz"
},
"lodash.isarguments": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.0.4.tgz"
"version": "3.0.6",
"resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.0.6.tgz"
},
"lodash.isarray": {
"version": "3.0.4",
@ -1777,8 +1805,8 @@
"resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-3.2.0.tgz"
},
"lodash.istypedarray": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.2.tgz"
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.4.tgz"
},
"lodash.keys": {
"version": "3.1.2",
@ -1797,8 +1825,8 @@
"resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-3.1.0.tgz"
},
"lodash.pad": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-3.1.1.tgz"
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-3.2.2.tgz"
},
"lodash.padleft": {
"version": "3.1.1",
@ -1813,8 +1841,8 @@
"resolved": "https://registry.npmjs.org/lodash.pick/-/lodash.pick-3.1.0.tgz"
},
"lodash.repeat": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.0.1.tgz"
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.1.2.tgz"
},
"lodash.restparam": {
"version": "3.6.1",
@ -1829,8 +1857,8 @@
"resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz"
},
"loud-rejection": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.2.0.tgz"
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.2.1.tgz"
},
"lru-cache": {
"version": "2.7.3",
@ -1841,12 +1869,12 @@
"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz"
},
"markdown-it": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-5.0.2.tgz",
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-5.1.0.tgz",
"dependencies": {
"argparse": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.3.tgz"
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
},
"entities": {
"version": "1.1.1",
@ -1883,20 +1911,20 @@
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz"
},
"meow": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/meow/-/meow-3.6.0.tgz"
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz"
},
"mime": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.3.4.tgz"
},
"mime-db": {
"version": "1.20.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.20.0.tgz"
"version": "1.21.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.21.0.tgz"
},
"mime-types": {
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.8.tgz"
"version": "2.1.9",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.9.tgz"
},
"minimatch": {
"version": "2.0.10",
@ -1969,8 +1997,8 @@
"resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.5.tgz"
},
"nan": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/nan/-/nan-2.1.0.tgz"
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/nan/-/nan-2.2.0.tgz"
},
"natural-compare": {
"version": "1.2.2",
@ -2016,85 +2044,13 @@
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/node-sass/-/node-sass-3.4.2.tgz",
"dependencies": {
"async": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.0.tgz"
},
"aws-sign2": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz"
},
"boom": {
"version": "2.10.1",
"resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz"
},
"caseless": {
"version": "0.11.0",
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz"
},
"combined-stream": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz"
},
"cross-spawn": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-2.1.0.tgz"
},
"cryptiles": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz"
},
"delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
},
"forever-agent": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz"
},
"form-data": {
"version": "1.0.0-rc3",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-1.0.0-rc3.tgz"
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-2.1.5.tgz"
},
"glob": {
"version": "5.0.15",
"resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz"
},
"hawk": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.2.tgz"
},
"hoek": {
"version": "2.16.3",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz"
},
"http-signature": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.0.tgz"
},
"nopt": {
"version": "3.0.6",
"resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz"
},
"npmconf": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/npmconf/-/npmconf-2.1.2.tgz"
},
"oauth-sign": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.0.tgz"
},
"qs": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-5.2.0.tgz"
},
"request": {
"version": "2.67.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.67.0.tgz"
},
"sntp": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz"
}
}
},
@ -2147,16 +2103,16 @@
"resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz"
},
"npm": {
"version": "2.14.15",
"resolved": "https://registry.npmjs.org/npm/-/npm-2.14.15.tgz",
"version": "2.14.18",
"resolved": "https://registry.npmjs.org/npm/-/npm-2.14.18.tgz",
"dependencies": {
"abbrev": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.0.7.tgz"
},
"ansi": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.0.tgz"
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.1.tgz"
},
"ansi-regex": {
"version": "2.0.0",
@ -2205,20 +2161,20 @@
}
},
"columnify": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/columnify/-/columnify-1.5.2.tgz",
"version": "1.5.4",
"resolved": "https://registry.npmjs.org/columnify/-/columnify-1.5.4.tgz",
"dependencies": {
"wcwidth": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.0.tgz",
"dependencies": {
"defaults": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.2.tgz",
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
"dependencies": {
"clone": {
"version": "0.1.19",
"resolved": "https://registry.npmjs.org/clone/-/clone-0.1.19.tgz"
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/clone/-/clone-1.0.2.tgz"
}
}
}
@ -2227,8 +2183,8 @@
}
},
"config-chain": {
"version": "1.1.9",
"resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.9.tgz",
"version": "1.1.10",
"resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.10.tgz",
"dependencies": {
"proto-list": {
"version": "1.2.4",
@ -2255,8 +2211,14 @@
"resolved": "https://registry.npmjs.org/fs-vacuum/-/fs-vacuum-1.2.7.tgz"
},
"fs-write-stream-atomic": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.5.tgz"
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.8.tgz",
"dependencies": {
"iferr": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz"
}
}
},
"fstream": {
"version": "1.0.8",
@ -2291,8 +2253,8 @@
}
},
"graceful-fs": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.2.tgz"
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.3.tgz"
},
"hosted-git-info": {
"version": "2.1.4",
@ -2315,9 +2277,19 @@
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.4.tgz"
},
"init-package-json": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/init-package-json/-/init-package-json-1.9.1.tgz",
"version": "1.9.3",
"resolved": "https://registry.npmjs.org/init-package-json/-/init-package-json-1.9.3.tgz",
"dependencies": {
"glob": {
"version": "6.0.4",
"resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
"dependencies": {
"path-is-absolute": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.0.tgz"
}
}
},
"promzard": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/promzard/-/promzard-0.3.0.tgz"
@ -2685,6 +2657,10 @@
"resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz"
}
}
},
"retry": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/retry/-/retry-0.8.0.tgz"
}
}
},
@ -2693,44 +2669,34 @@
"resolved": "https://registry.npmjs.org/npm-user-validate/-/npm-user-validate-0.1.2.tgz"
},
"npmlog": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-2.0.0.tgz",
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-2.0.2.tgz",
"dependencies": {
"are-we-there-yet": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.0.4.tgz",
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.0.6.tgz",
"dependencies": {
"delegates": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-0.1.0.tgz"
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz"
}
}
},
"gauge": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.2.tgz",
"version": "1.2.5",
"resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.5.tgz",
"dependencies": {
"has-unicode": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-1.0.1.tgz"
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.0.tgz"
},
"lodash.pad": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-3.1.1.tgz",
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-3.2.2.tgz",
"dependencies": {
"lodash._basetostring": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz"
},
"lodash._createpadding": {
"version": "3.6.1",
"resolved": "https://registry.npmjs.org/lodash._createpadding/-/lodash._createpadding-3.6.1.tgz",
"dependencies": {
"lodash.repeat": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.0.1.tgz"
}
}
"lodash.repeat": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.1.2.tgz"
}
}
},
@ -2747,8 +2713,8 @@
"resolved": "https://registry.npmjs.org/lodash._createpadding/-/lodash._createpadding-3.6.1.tgz",
"dependencies": {
"lodash.repeat": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.0.1.tgz"
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.1.2.tgz"
}
}
}
@ -2767,8 +2733,8 @@
"resolved": "https://registry.npmjs.org/lodash._createpadding/-/lodash._createpadding-3.6.1.tgz",
"dependencies": {
"lodash.repeat": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.0.1.tgz"
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/lodash.repeat/-/lodash.repeat-3.1.2.tgz"
}
}
}
@ -2833,9 +2799,19 @@
}
},
"read-package-json": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-2.0.2.tgz",
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-2.0.3.tgz",
"dependencies": {
"glob": {
"version": "6.0.4",
"resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
"dependencies": {
"path-is-absolute": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.0.tgz"
}
}
},
"json-parse-helpfulerror": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/json-parse-helpfulerror/-/json-parse-helpfulerror-1.0.3.tgz",
@ -2871,20 +2847,30 @@
"resolved": "https://registry.npmjs.org/realize-package-specifier/-/realize-package-specifier-3.0.1.tgz"
},
"request": {
"version": "2.67.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.67.0.tgz",
"version": "2.69.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.69.0.tgz",
"dependencies": {
"aws-sign2": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz"
},
"aws4": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/aws4/-/aws4-1.2.1.tgz",
"dependencies": {
"lru-cache": {
"version": "2.7.3",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz"
}
}
},
"bl": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/bl/-/bl-1.0.0.tgz",
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/bl/-/bl-1.0.2.tgz",
"dependencies": {
"readable-stream": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.4.tgz",
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.5.tgz",
"dependencies": {
"core-util-is": {
"version": "1.0.2",
@ -2937,14 +2923,14 @@
"resolved": "https://registry.npmjs.org/form-data/-/form-data-1.0.0-rc3.tgz",
"dependencies": {
"async": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.0.tgz"
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz"
}
}
},
"har-validator": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.3.tgz",
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",
"dependencies": {
"chalk": {
"version": "1.1.1",
@ -2955,8 +2941,8 @@
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.1.0.tgz"
},
"escape-string-regexp": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.3.tgz"
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.4.tgz"
},
"has-ansi": {
"version": "2.0.0",
@ -2979,8 +2965,8 @@
}
},
"is-my-json-valid": {
"version": "2.12.3",
"resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.12.3.tgz",
"version": "2.12.4",
"resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.12.4.tgz",
"dependencies": {
"generate-function": {
"version": "2.0.0",
@ -3011,16 +2997,16 @@
"resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.0.tgz",
"dependencies": {
"pinkie": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.1.tgz"
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz"
}
}
}
}
},
"hawk": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.2.tgz",
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
"dependencies": {
"boom": {
"version": "2.10.1",
@ -3041,12 +3027,12 @@
}
},
"http-signature": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.0.tgz",
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
"dependencies": {
"assert-plus": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz"
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz"
},
"jsprim": {
"version": "1.2.2",
@ -3067,26 +3053,16 @@
}
},
"sshpk": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.7.1.tgz",
"version": "1.7.3",
"resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.7.3.tgz",
"dependencies": {
"asn1": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz"
},
"assert-plus": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz"
},
"dashdash": {
"version": "1.10.1",
"resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.10.1.tgz",
"dependencies": {
"assert-plus": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz"
}
}
"version": "1.12.2",
"resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.12.2.tgz"
},
"ecc-jsbn": {
"version": "0.1.1",
@ -3101,8 +3077,8 @@
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.0.tgz"
},
"tweetnacl": {
"version": "0.13.2",
"resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.13.2.tgz"
"version": "0.13.3",
"resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.13.3.tgz"
}
}
}
@ -3121,12 +3097,12 @@
"resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
},
"mime-types": {
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.8.tgz",
"version": "2.1.9",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.9.tgz",
"dependencies": {
"mime-db": {
"version": "1.20.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.20.0.tgz"
"version": "1.21.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.21.0.tgz"
}
}
},
@ -3135,12 +3111,12 @@
"resolved": "https://registry.npmjs.org/node-uuid/-/node-uuid-1.4.7.tgz"
},
"oauth-sign": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.0.tgz"
"version": "0.8.1",
"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.1.tgz"
},
"qs": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-5.2.0.tgz"
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.0.2.tgz"
},
"stringstream": {
"version": "0.0.5",
@ -3157,12 +3133,24 @@
}
},
"retry": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/retry/-/retry-0.8.0.tgz"
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/retry/-/retry-0.9.0.tgz"
},
"rimraf": {
"version": "2.4.4",
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.4.4.tgz"
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.5.1.tgz",
"dependencies": {
"glob": {
"version": "6.0.4",
"resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
"dependencies": {
"path-is-absolute": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.0.tgz"
}
}
}
}
},
"semver": {
"version": "5.1.0",
@ -3209,8 +3197,8 @@
"resolved": "https://registry.npmjs.org/sorted-object/-/sorted-object-1.0.0.tgz"
},
"spdx-license-ids": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.1.0.tgz"
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.0.tgz"
},
"strip-ansi": {
"version": "3.0.0",
@ -3263,8 +3251,8 @@
}
},
"which": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.0.tgz",
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.4.tgz",
"dependencies": {
"is-absolute": {
"version": "0.1.7",
@ -3275,6 +3263,10 @@
"resolved": "https://registry.npmjs.org/is-relative/-/is-relative-0.1.3.tgz"
}
}
},
"isexe": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-1.1.1.tgz"
}
}
},
@ -3293,8 +3285,8 @@
"resolved": "https://registry.npmjs.org/npm-shrinkwrap/-/npm-shrinkwrap-200.4.0.tgz"
},
"npmconf": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/npmconf/-/npmconf-2.1.1.tgz",
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/npmconf/-/npmconf-2.1.2.tgz",
"dependencies": {
"nopt": {
"version": "3.0.6",
@ -3315,8 +3307,8 @@
"resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.0.tgz"
},
"oauth-sign": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.4.0.tgz"
"version": "0.8.1",
"resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.1.tgz"
},
"object-assign": {
"version": "4.0.1",
@ -3401,12 +3393,12 @@
"resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-1.0.0.tgz"
},
"parseurl": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.0.tgz"
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.1.tgz"
},
"path-array": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/path-array/-/path-array-1.0.0.tgz"
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/path-array/-/path-array-1.0.1.tgz"
},
"path-exists": {
"version": "1.0.0",
@ -3429,16 +3421,22 @@
"resolved": "https://registry.npmjs.org/pathval/-/pathval-0.1.1.tgz"
},
"phantomjs": {
"version": "1.9.19",
"resolved": "https://registry.npmjs.org/phantomjs/-/phantomjs-1.9.19.tgz"
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/phantomjs/-/phantomjs-2.1.3.tgz",
"dependencies": {
"which": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/which/-/which-1.2.4.tgz"
}
}
},
"pify": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz"
},
"pinkie": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.1.tgz"
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz"
},
"pinkie-promise": {
"version": "2.0.0",
@ -3467,8 +3465,8 @@
}
},
"postcss": {
"version": "5.0.13",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.0.13.tgz"
"version": "5.0.14",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.0.14.tgz"
},
"postcss-value-parser": {
"version": "3.2.3",
@ -3507,16 +3505,16 @@
"resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz"
},
"pseudomap": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.1.tgz"
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz"
},
"q": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz"
},
"qs": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/qs/-/qs-1.2.2.tgz"
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-5.2.0.tgz"
},
"range-parser": {
"version": "1.0.3",
@ -3581,8 +3579,8 @@
"resolved": "https://registry.npmjs.org/regexpu/-/regexpu-1.3.0.tgz",
"dependencies": {
"esprima": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.1.tgz"
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.2.tgz"
}
}
},
@ -3603,39 +3601,61 @@
"resolved": "https://registry.npmjs.org/repeating/-/repeating-1.1.3.tgz"
},
"request": {
"version": "2.42.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.42.0.tgz",
"dependencies": {
"bl": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/bl/-/bl-0.9.4.tgz"
},
"mime-types": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-1.0.2.tgz"
}
}
"version": "2.67.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.67.0.tgz"
},
"request-progress": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/request-progress/-/request-progress-0.3.1.tgz"
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/request-progress/-/request-progress-2.0.1.tgz"
},
"requestretry": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/requestretry/-/requestretry-1.2.2.tgz",
"dependencies": {
"asn1": {
"version": "0.1.11",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.1.11.tgz"
},
"assert-plus": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz"
},
"async": {
"version": "0.9.2",
"resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz"
},
"aws-sign2": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.5.0.tgz"
},
"bl": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/bl/-/bl-0.9.4.tgz"
"version": "0.9.5",
"resolved": "https://registry.npmjs.org/bl/-/bl-0.9.5.tgz"
},
"boom": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/boom/-/boom-0.4.2.tgz"
},
"caseless": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.8.0.tgz"
},
"combined-stream": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-0.0.7.tgz"
},
"cryptiles": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-0.2.2.tgz"
},
"delayed-stream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-0.0.5.tgz"
},
"forever-agent": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.5.2.tgz"
},
"form-data": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-0.2.0.tgz",
@ -3646,6 +3666,18 @@
}
}
},
"hawk": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/hawk/-/hawk-1.1.1.tgz"
},
"hoek": {
"version": "0.9.1",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-0.9.1.tgz"
},
"http-signature": {
"version": "0.10.1",
"resolved": "https://registry.npmjs.org/http-signature/-/http-signature-0.10.1.tgz"
},
"mime-db": {
"version": "1.12.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.12.0.tgz"
@ -3665,6 +3697,10 @@
"request": {
"version": "2.51.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.51.0.tgz"
},
"sntp": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/sntp/-/sntp-0.2.4.tgz"
}
}
},
@ -3673,8 +3709,8 @@
"resolved": "https://registry.npmjs.org/reserved-words/-/reserved-words-0.1.1.tgz"
},
"resolve": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.6.tgz"
"version": "1.1.7",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz"
},
"resolve-from": {
"version": "2.0.0",
@ -3721,12 +3757,12 @@
"resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-2.0.0.tgz"
},
"sass-graph": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.0.1.tgz",
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.1.1.tgz",
"dependencies": {
"glob": {
"version": "5.0.15",
"resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz"
"lodash": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.2.1.tgz"
}
}
},
@ -3738,6 +3774,10 @@
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-1.1.1.tgz"
},
"asn1": {
"version": "0.1.11",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.1.11.tgz"
},
"assert-plus": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.2.tgz"
@ -3746,14 +3786,40 @@
"version": "0.2.10",
"resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz"
},
"boom": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/boom/-/boom-0.4.2.tgz",
"dependencies": {
"hoek": {
"version": "0.9.1",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-0.9.1.tgz"
}
}
},
"chalk": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.0.0.tgz"
},
"combined-stream": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-0.0.7.tgz"
},
"cryptiles": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-0.2.2.tgz"
},
"ctype": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/ctype/-/ctype-0.5.2.tgz"
},
"delayed-stream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-0.0.5.tgz"
},
"forever-agent": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.5.2.tgz"
},
"form-data": {
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-0.0.8.tgz"
@ -3794,6 +3860,16 @@
"version": "2.21.0",
"resolved": "https://registry.npmjs.org/request/-/request-2.21.0.tgz"
},
"sntp": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/sntp/-/sntp-0.2.4.tgz",
"dependencies": {
"hoek": {
"version": "0.9.1",
"resolved": "https://registry.npmjs.org/hoek/-/hoek-0.9.1.tgz"
}
}
},
"strip-ansi": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-2.0.1.tgz"
@ -3817,16 +3893,22 @@
"resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz"
},
"send": {
"version": "0.13.0",
"resolved": "https://registry.npmjs.org/send/-/send-0.13.0.tgz"
"version": "0.13.1",
"resolved": "https://registry.npmjs.org/send/-/send-0.13.1.tgz",
"dependencies": {
"depd": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/depd/-/depd-1.1.0.tgz"
}
}
},
"serve-index": {
"version": "1.7.2",
"resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.7.2.tgz"
"version": "1.7.3",
"resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.7.3.tgz"
},
"serve-static": {
"version": "1.10.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.10.0.tgz"
"version": "1.10.2",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.10.2.tgz"
},
"set-immediate-shim": {
"version": "1.0.1",
@ -3837,8 +3919,8 @@
"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz"
},
"shelljs": {
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.5.3.tgz"
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.6.0.tgz"
},
"sigmund": {
"version": "1.0.1",
@ -3861,8 +3943,8 @@
"resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz"
},
"sntp": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/sntp/-/sntp-0.2.4.tgz"
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz"
},
"sorted-object": {
"version": "1.0.0",
@ -3883,8 +3965,8 @@
}
},
"spawn-sync": {
"version": "1.0.13",
"resolved": "https://registry.npmjs.org/spawn-sync/-/spawn-sync-1.0.13.tgz"
"version": "1.0.15",
"resolved": "https://registry.npmjs.org/spawn-sync/-/spawn-sync-1.0.15.tgz"
},
"spdx-correct": {
"version": "1.0.2",
@ -3899,8 +3981,8 @@
"resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-1.0.2.tgz"
},
"spdx-license-ids": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.1.0.tgz"
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.0.tgz"
},
"split": {
"version": "0.3.3",
@ -3911,18 +3993,8 @@
"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz"
},
"sshpk": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.7.1.tgz",
"dependencies": {
"asn1": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz"
},
"assert-plus": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz"
}
}
"version": "1.7.3",
"resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.7.3.tgz"
},
"stable": {
"version": "0.1.5",
@ -3940,6 +4012,10 @@
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz"
},
"string-width": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.1.tgz"
},
"string_decoder": {
"version": "0.10.31",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz"
@ -3999,8 +4075,8 @@
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
},
"throttleit": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/throttleit/-/throttleit-0.0.2.tgz"
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz"
},
"through": {
"version": "2.3.8",
@ -4069,12 +4145,12 @@
"resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.2.tgz"
},
"tweetnacl": {
"version": "0.13.2",
"resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.13.2.tgz"
"version": "0.13.3",
"resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.13.3.tgz"
},
"type-check": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.1.tgz"
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz"
},
"typedarray": {
"version": "0.0.6",
@ -4228,6 +4304,10 @@
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.0.tgz"
},
"yallist": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-2.0.0.tgz"
},
"yargs": {
"version": "3.27.0",
"resolved": "https://registry.npmjs.org/yargs/-/yargs-3.27.0.tgz"

View File

@ -241,7 +241,7 @@ var ScrollSpy = (function ($) {
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
$link.addClass(ClassName.ACTIVE);
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
}

File diff suppressed because one or more lines are too long

View File

@ -249,7 +249,7 @@ const ScrollSpy = (($) => {
$link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)
$link.addClass(ClassName.ACTIVE)
} else {
// todo (fat) this is kinda sus
// todo (fat) this is kinda sus...
// recursively add actives to tested nav-links
$link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE)
}

View File

@ -42,16 +42,15 @@
"grunt-contrib-connect": "~0.11.2",
"grunt-contrib-copy": "~0.8.1",
"grunt-contrib-cssmin": "~0.14.0",
"grunt-contrib-qunit": "~0.7.0",
"grunt-contrib-qunit": "~1.0.1",
"grunt-contrib-sass": "^0.9.2",
"grunt-contrib-uglify": "~0.11.0",
"grunt-contrib-watch": "~0.6.1",
"grunt-csscomb": "~3.1.0",
"grunt-eslint": "^17.1.0",
"grunt-exec": "~0.4.6",
"grunt-html": "~5.0.0",
"grunt-jekyll": "~0.4.2",
"grunt-jscs": "~2.5.0",
"grunt-jscs": "~2.7.0",
"grunt-line-remover": "0.0.2",
"grunt-postcss": "^0.7.0",
"grunt-sass": "^1.0.0",
@ -63,7 +62,7 @@
"markdown-it": "^5.0.0",
"mq4-hover-shim": "^0.3.0",
"npm-shrinkwrap": "^200.1.0",
"shelljs": "^0.5.3",
"shelljs": "^0.6.0",
"time-grunt": "^1.2.1"
},
"engines": {

View File

@ -1,4 +1,16 @@
scss_files: "scss/*.scss"
# Default application configuration that all configurations inherit from.
scss_files:
- "**/*.scss"
- "docs/assets/scss/**/*.scss"
plugin_directories: ['.scss-linters']
# List of gem names to load custom linters from (make sure they are already
# installed)
plugin_gems: []
# Default severity of all linters.
severity: warning
linters:
BangFormat:
@ -6,8 +18,16 @@ linters:
space_before_bang: true
space_after_bang: false
BemDepth:
enabled: false
max_elements: 1
BorderZero:
enabled: true
convention: zero # or `none`
ChainedClasses:
enabled: false
ColorKeyword:
enabled: true
@ -17,7 +37,10 @@ linters:
Comment:
enabled: true
exclude: ['_normalize.scss', 'bootstrap.scss']
exclude:
- _normalize.scss
- bootstrap.scss
style: silent
DebugStatement:
enabled: true
@ -25,9 +48,11 @@ linters:
DeclarationOrder:
enabled: false
DisableLinterReason:
enabled: false
DuplicateProperty:
enabled: true
exclude: ['mixins/_tab-focus.scss', '_reboot.scss']
ElsePlacement:
enabled: true
@ -40,6 +65,9 @@ linters:
EmptyRule:
enabled: true
ExtendDirective:
enabled: false
FinalNewline:
enabled: true
present: true
@ -59,7 +87,7 @@ linters:
enabled: true
ImportantRule:
enabled: false
enabled: true
ImportPath:
enabled: true
@ -68,11 +96,12 @@ linters:
Indentation:
enabled: true
allow_non_nested_indentation: false
character: space # or 'tab'
width: 2
LeadingZero:
enabled: false
enabled: true
style: exclude_zero # or 'include_zero'
MergeableSelector:
@ -82,326 +111,350 @@ linters:
NameFormat:
enabled: true
allow_leading_underscore: true
convention: hyphenated_lowercase # or 'BEM', or a regex pattern
convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
NestingDepth:
enabled: false
enabled: true
max_depth: 4
ignore_parent_selectors: false
PlaceholderInExtend:
enabled: false
PropertyCount:
enabled: false
include_nested: false
max_properties: 10
PropertySortOrder:
enabled: true
ignore_unspecified: false
severity: warning
exclude: ['_normalize.scss']
order: [
"position",
"top",
"right",
"bottom",
"left",
"z-index",
"-webkit-box-sizing",
"-moz-box-sizing",
"box-sizing",
"display",
"float",
"width",
"min-width",
"max-width",
"height",
"min-height",
"max-height",
"flex",
"flex-direction",
"flex-flow",
"flex-order",
"flex-pack",
"flex-align",
"padding",
"padding-top",
"padding-right",
"padding-bottom",
"padding-left",
"margin",
"margin-top",
"margin-right",
"margin-bottom",
"margin-left",
"overflow",
"overflow-x",
"overflow-y",
"-webkit-overflow-scrolling",
"-ms-overflow-x",
"-ms-overflow-y",
"-ms-overflow-style",
"clip",
"clear",
"font",
"font-family",
"font-size",
"font-style",
"font-weight",
"font-variant",
"font-size-adjust",
"font-stretch",
"font-effect",
"font-emphasize",
"font-emphasize-position",
"font-emphasize-style",
"font-smooth",
"-webkit-hyphens",
"-moz-hyphens",
"hyphens",
"line-height",
"color",
"text-align",
"-webkit-text-align-last",
"-moz-text-align-last",
"-ms-text-align-last",
"text-align-last",
"text-emphasis",
"text-emphasis-color",
"text-emphasis-style",
"text-emphasis-position",
"text-decoration",
"text-indent",
"text-justify",
"text-outline",
"-ms-text-overflow",
"text-overflow",
"text-overflow-ellipsis",
"text-overflow-mode",
"text-shadow",
"text-transform",
"text-wrap",
"-webkit-text-size-adjust",
"-ms-text-size-adjust",
"letter-spacing",
"-ms-word-break",
"word-break",
"word-spacing",
"-ms-word-wrap",
"word-wrap",
"-moz-tab-size",
"-o-tab-size",
"tab-size",
"white-space",
"vertical-align",
"list-style",
"list-style-position",
"list-style-type",
"list-style-image",
"pointer-events",
"-ms-touch-action",
"touch-action",
"cursor",
"visibility",
"zoom",
"table-layout",
"empty-cells",
"caption-side",
"border-spacing",
"border-collapse",
"content",
"quotes",
"counter-reset",
"counter-increment",
"resize",
"-webkit-user-select",
"-moz-user-select",
"-ms-user-select",
"-o-user-select",
"user-select",
"nav-index",
"nav-up",
"nav-right",
"nav-down",
"nav-left",
"background",
"background-color",
"background-image",
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
"filter:progid:DXImageTransform.Microsoft.gradient",
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
"filter",
"background-repeat",
"background-attachment",
"background-position",
"background-position-x",
"background-position-y",
"-webkit-background-clip",
"-moz-background-clip",
"background-clip",
"background-origin",
"-webkit-background-size",
"-moz-background-size",
"-o-background-size",
"background-size",
"border",
"border-color",
"border-style",
"border-width",
"border-top",
"border-top-color",
"border-top-style",
"border-top-width",
"border-right",
"border-right-color",
"border-right-style",
"border-right-width",
"border-bottom",
"border-bottom-color",
"border-bottom-style",
"border-bottom-width",
"border-left",
"border-left-color",
"border-left-style",
"border-left-width",
"border-radius",
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius",
"-webkit-border-image",
"-moz-border-image",
"-o-border-image",
"border-image",
"-webkit-border-image-source",
"-moz-border-image-source",
"-o-border-image-source",
"border-image-source",
"-webkit-border-image-slice",
"-moz-border-image-slice",
"-o-border-image-slice",
"border-image-slice",
"-webkit-border-image-width",
"-moz-border-image-width",
"-o-border-image-width",
"border-image-width",
"-webkit-border-image-outset",
"-moz-border-image-outset",
"-o-border-image-outset",
"border-image-outset",
"-webkit-border-image-repeat",
"-moz-border-image-repeat",
"-o-border-image-repeat",
"border-image-repeat",
"outline",
"outline-width",
"outline-style",
"outline-color",
"outline-offset",
"-webkit-box-shadow",
"-moz-box-shadow",
"box-shadow",
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
"opacity",
"-ms-interpolation-mode",
"-webkit-transition",
"-moz-transition",
"-ms-transition",
"-o-transition",
"transition",
"-webkit-transition-delay",
"-moz-transition-delay",
"-ms-transition-delay",
"-o-transition-delay",
"transition-delay",
"-webkit-transition-timing-function",
"-moz-transition-timing-function",
"-ms-transition-timing-function",
"-o-transition-timing-function",
"transition-timing-function",
"-webkit-transition-duration",
"-moz-transition-duration",
"-ms-transition-duration",
"-o-transition-duration",
"transition-duration",
"-webkit-transition-property",
"-moz-transition-property",
"-ms-transition-property",
"-o-transition-property",
"transition-property",
"-webkit-transform",
"-moz-transform",
"-ms-transform",
"-o-transform",
"transform",
"-webkit-transform-origin",
"-moz-transform-origin",
"-ms-transform-origin",
"-o-transform-origin",
"transform-origin",
"-webkit-animation",
"-moz-animation",
"-ms-animation",
"-o-animation",
"animation",
"-webkit-animation-name",
"-moz-animation-name",
"-ms-animation-name",
"-o-animation-name",
"animation-name",
"-webkit-animation-duration",
"-moz-animation-duration",
"-ms-animation-duration",
"-o-animation-duration",
"animation-duration",
"-webkit-animation-play-state",
"-moz-animation-play-state",
"-ms-animation-play-state",
"-o-animation-play-state",
"animation-play-state",
"-webkit-animation-timing-function",
"-moz-animation-timing-function",
"-ms-animation-timing-function",
"-o-animation-timing-function",
"animation-timing-function",
"-webkit-animation-delay",
"-moz-animation-delay",
"-ms-animation-delay",
"-o-animation-delay",
"animation-delay",
"-webkit-animation-iteration-count",
"-moz-animation-iteration-count",
"-ms-animation-iteration-count",
"-o-animation-iteration-count",
"animation-iteration-count",
"-webkit-animation-direction",
"-moz-animation-direction",
"-ms-animation-direction",
"-o-animation-direction",
"animation-direction"
]
min_properties: 2
separate_groups: false
order:
- position
- top
- right
- bottom
- left
- z-index
- -webkit-box-sizing
- -moz-box-sizing
- box-sizing
- display
- flex
- flex-align
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-order
- flex-pack
- float
- width
- min-width
- max-width
- height
- min-height
- max-height
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- overflow
- overflow-x
- overflow-y
- -webkit-overflow-scrolling
- -ms-overflow-x
- -ms-overflow-y
- -ms-overflow-style
- clip
- clear
- font
- font-family
- font-size
- font-style
- font-weight
- font-variant
- font-size-adjust
- font-stretch
- font-effect
- font-emphasize
- font-emphasize-position
- font-emphasize-style
- font-smooth
- -webkit-hyphens
- -moz-hyphens
- hyphens
- line-height
- color
- text-align
- -webkit-text-align-last
- -moz-text-align-last
- -ms-text-align-last
- text-align-last
- text-emphasis
- text-emphasis-color
- text-emphasis-style
- text-emphasis-position
- text-decoration
- text-indent
- text-justify
- text-outline
- -ms-text-overflow
- text-overflow
- text-overflow-ellipsis
- text-overflow-mode
- text-shadow
- text-transform
- text-wrap
- -webkit-text-size-adjust
- -ms-text-size-adjust
- letter-spacing
- -ms-word-break
- word-break
- word-spacing
- -ms-word-wrap
- word-wrap
- -moz-tab-size
- -o-tab-size
- tab-size
- white-space
- vertical-align
- list-style
- list-style-position
- list-style-type
- list-style-image
- pointer-events
- -ms-touch-action
- touch-action
- cursor
- visibility
- zoom
- table-layout
- empty-cells
- caption-side
- border-spacing
- border-collapse
- content
- quotes
- counter-reset
- counter-increment
- resize
- -webkit-user-select
- -moz-user-select
- -ms-user-select
- -o-user-select
- user-select
- nav-index
- nav-up
- nav-right
- nav-down
- nav-left
- background
- background-color
- background-image
- -ms-filter:\\'progid:DXImageTransform.Microsoft.gradient
- filter:progid:DXImageTransform.Microsoft.gradient
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
- filter
- background-repeat
- background-attachment
- background-position
- background-position-x
- background-position-y
- -webkit-background-clip
- -moz-background-clip
- background-clip
- background-origin
- -webkit-background-size
- -moz-background-size
- -o-background-size
- background-size
- border
- border-color
- border-style
- border-width
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- -webkit-border-image
- -moz-border-image
- -o-border-image
- border-image
- -webkit-border-image-source
- -moz-border-image-source
- -o-border-image-source
- border-image-source
- -webkit-border-image-slice
- -moz-border-image-slice
- -o-border-image-slice
- border-image-slice
- -webkit-border-image-width
- -moz-border-image-width
- -o-border-image-width
- border-image-width
- -webkit-border-image-outset
- -moz-border-image-outset
- -o-border-image-outset
- border-image-outset
- -webkit-border-image-repeat
- -moz-border-image-repeat
- -o-border-image-repeat
- border-image-repeat
- outline
- outline-width
- outline-style
- outline-color
- outline-offset
- -webkit-box-shadow
- -moz-box-shadow
- box-shadow
- filter:progid:DXImageTransform.Microsoft.Alpha(Opacity
- -ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha
- opacity
- -ms-interpolation-mode
- -webkit-transition
- -moz-transition
- -ms-transition
- -o-transition
- transition
- -webkit-transition-delay
- -moz-transition-delay
- -ms-transition-delay
- -o-transition-delay
- transition-delay
- -webkit-transition-timing-function
- -moz-transition-timing-function
- -ms-transition-timing-function
- -o-transition-timing-function
- transition-timing-function
- -webkit-transition-duration
- -moz-transition-duration
- -ms-transition-duration
- -o-transition-duration
- transition-duration
- -webkit-transition-property
- -moz-transition-property
- -ms-transition-property
- -o-transition-property
- transition-property
- -webkit-transform
- -moz-transform
- -ms-transform
- -o-transform
- transform
- -webkit-transform-origin
- -moz-transform-origin
- -ms-transform-origin
- -o-transform-origin
- transform-origin
- -webkit-animation
- -moz-animation
- -ms-animation
- -o-animation
- animation
- -webkit-animation-name
- -moz-animation-name
- -ms-animation-name
- -o-animation-name
- animation-name
- -webkit-animation-duration
- -moz-animation-duration
- -ms-animation-duration
- -o-animation-duration
- animation-duration
- -webkit-animation-play-state
- -moz-animation-play-state
- -ms-animation-play-state
- -o-animation-play-state
- animation-play-state
- -webkit-animation-timing-function
- -moz-animation-timing-function
- -ms-animation-timing-function
- -o-animation-timing-function
- animation-timing-function
- -webkit-animation-delay
- -moz-animation-delay
- -ms-animation-delay
- -o-animation-delay
- animation-delay
- -webkit-animation-iteration-count
- -moz-animation-iteration-count
- -ms-animation-iteration-count
- -o-animation-iteration-count
- animation-iteration-count
- -webkit-animation-direction
- -moz-animation-direction
- -ms-animation-direction
- -o-animation-direction
PropertySpelling:
enabled: true
extra_properties: []
disabled_properties: []
PropertyUnits:
enabled: true
global: [
'ch', 'em', 'ex', 'rem', # Font-relative lengths
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
'deg', 'grad', 'rad', 'turn', # Angle
'ms', 's', # Duration
'Hz', 'kHz', # Frequency
'dpi', 'dpcm', 'dppx', # Resolution
'%'] # Other
properties: {}
PseudoElement:
enabled: true
QualifyingElement:
enabled: false
enabled: true
allow_element_with_attribute: false
allow_element_with_class: false
allow_element_with_id: false
SelectorDepth:
enabled: false
enabled: true
max_depth: 4
SelectorFormat:
enabled: true
convention: hyphenated_lowercase # or 'BEM', or 'snake_case', or 'camel_case', or a regex pattern
enabled: false
convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
Shorthand:
enabled: true
allowed_shorthands: [1, 2, 3]
SingleLinePerProperty:
enabled: true
enabled: false
allow_single_line_rule_sets: true
SingleLinePerSelector:
@ -409,6 +462,7 @@ linters:
SpaceAfterComma:
enabled: false
style: one_space # or 'no_space', or 'at_least_one_space'
SpaceAfterPropertyColon:
enabled: true
@ -417,10 +471,17 @@ linters:
SpaceAfterPropertyName:
enabled: true
SpaceAfterVariableName:
enabled: true
SpaceAroundOperator:
enabled: true
style: one_space # or 'at_least_one_space', or 'no_space'
SpaceBeforeBrace:
enabled: true
style: space
allow_single_line_padding: true
style: space # or 'new_line'
allow_single_line_padding: false
SpaceBetweenParens:
enabled: true
@ -428,14 +489,20 @@ linters:
StringQuotes:
enabled: true
style: double_quotes
style: double_quotes # or double_quotes
TrailingSemicolon:
enabled: true
TrailingWhitespace:
enabled: true
TrailingZero:
enabled: false
TransitionAll:
enabled: false
UnnecessaryMantissa:
enabled: true
@ -448,11 +515,17 @@ linters:
UrlQuotes:
enabled: true
VendorPrefixes:
VariableForProperty:
enabled: false
properties: []
VendorPrefix:
enabled: true
identifier_list: base
include: []
exclude: ['_normalize.scss']
additional_identifiers: []
excluded_identifiers: []
exclude:
- _normalize.scss
ZeroUnit:
enabled: true

View File

@ -7,15 +7,6 @@
margin-bottom: $spacer-y;
border: $alert-border-width solid transparent;
@include border-radius($alert-border-radius);
// Improve alignment and spacing of inner content
> p,
> ul {
margin-bottom: 0;
}
> p + p {
margin-top: 5px;
}
}
// Headings for larger alerts
@ -35,7 +26,7 @@
// Expand the right padding and account for the close button's positioning.
.alert-dismissible {
padding-right: ($alert-padding + 20);
padding-right: ($alert-padding + 20px);
// Adjust close link position
.close {

View File

@ -10,13 +10,28 @@
.breadcrumb-item {
float: left;
// The separator between breadcrumbs (by default, a forward-slash: "/")
+ .breadcrumb-item::before {
display: inline-block; // Suppress underlining of the separator in modern browsers
padding-right: $breadcrumb-item-padding;
padding-left: $breadcrumb-item-padding;
color: $breadcrumb-divider-color;
content: "#{$breadcrumb-divider}";
}
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
// without `<ul>`s. The `::before` pseudo-element generates an element
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
//
// To trick IE into suppressing the underline, we give the pseudo-element an
// underline and then immediately remove it.
+ .breadcrumb-item:hover::before {
text-decoration: underline;
}
+ .breadcrumb-item:hover::before {
text-decoration: none;
}
&.active {
color: $breadcrumb-active-color;
}

View File

@ -1,3 +1,5 @@
// scss-lint:disable QualifyingElement
// Make the div behave like a button
.btn-group,
.btn-group-vertical {
@ -121,7 +123,7 @@
// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
@include box-shadow($btn-active-box-shadow);
// Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link {
@ -183,11 +185,9 @@
border-radius: 0;
}
&:first-child:not(:last-child) {
border-top-right-radius: $btn-border-radius;
@include border-bottom-radius(0);
}
&:last-child:not(:first-child) {
border-bottom-left-radius: $btn-border-radius;
@include border-top-radius(0);
}
}

View File

@ -1,3 +1,5 @@
// scss-lint:disable QualifyingElement
//
// Base styles
//
@ -11,7 +13,7 @@
cursor: pointer;
user-select: none;
border: $input-btn-border-width solid transparent;
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius);
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height-base, $btn-border-radius);
@include transition(all .2s ease-in-out);
&,
@ -34,7 +36,7 @@
&.active {
background-image: none;
outline: 0;
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
@include box-shadow($btn-active-box-shadow);
}
&.disabled,

View File

@ -7,8 +7,10 @@
display: block;
margin-bottom: $card-spacer-y;
background-color: $card-bg;
border: $card-border-width solid $card-border-color;
// border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius);
// Doesn't use mixin so that cards always have a "border"
box-shadow: inset 0 0 0 $card-border-width $card-border-color;
}
.card-block {
@ -72,7 +74,9 @@
@include clearfix;
padding: $card-spacer-y $card-spacer-x;
background-color: $card-cap-bg;
border-bottom: $card-border-width solid $card-border-color;
// border-bottom: $card-border-width solid $card-border-color;
// Doesn't use mixin so that cards always have a "border"
box-shadow: inset 0 0 0 $card-border-width $card-border-color;
&:first-child {
@include border-radius($card-border-radius-inner $card-border-radius-inner 0 0);
@ -83,7 +87,9 @@
@include clearfix;
padding: $card-spacer-y $card-spacer-x;
background-color: $card-cap-bg;
border-top: $card-border-width solid $card-border-color;
// border-top: $card-border-width solid $card-border-color;
// Doesn't use mixin so that cards always have a "border"
box-shadow: inset 0 0 0 $card-border-width $card-border-color;
&:last-child {
@include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner);
@ -91,6 +97,27 @@
}
//
// Header navs
//
.card-header-tabs {
margin-right: -($card-spacer-x / 2);
margin-bottom: -$card-spacer-y;
margin-left: -($card-spacer-x / 2);
border-bottom: 0;
.nav-item {
margin-bottom: 0;
}
}
.card-header-pills {
margin-right: -($card-spacer-x / 2);
margin-left: -($card-spacer-x / 2);
}
//
// Background variations
//

View File

@ -102,12 +102,12 @@
// Set gradients for backgrounds
&.left {
@include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
@include gradient-x($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
}
&.right {
right: 0;
left: auto;
@include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
@include gradient-x($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
}
// Hover/focus state

View File

@ -19,6 +19,8 @@
// iOS requires the button element instead of an anchor tag.
// If you want the anchor version, it requires `href="#"`.
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
// scss-lint:disable QualifyingElement
button.close {
padding: 0;
cursor: pointer;
@ -26,3 +28,4 @@ button.close {
border: 0;
-webkit-appearance: none;
}
// scss-lint:enable QualifyingElement

View File

@ -22,7 +22,7 @@ kbd {
color: $kbd-color;
background-color: $kbd-bg;
@include border-radius($border-radius-sm);
@include box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25));
@include box-shadow($kbd-box-shadow);
kbd {
padding: 0;
@ -38,7 +38,6 @@ pre {
margin-top: 0;
margin-bottom: 1rem;
font-size: 90%;
line-height: $line-height;
color: $pre-color;
// Account for some code outputs that place code tags in pre tags

View File

@ -12,11 +12,10 @@
.custom-control {
position: relative;
display: inline;
padding-left: 1.5rem;
color: #555;
padding-left: $custom-control-gutter;
+ .custom-control {
margin-left: 1rem;
margin-left: $custom-control-spacer-x;
}
}
@ -26,31 +25,31 @@
opacity: 0;
&:checked ~ .custom-control-indicator {
color: #fff;
background-color: #0074d9;
@include box-shadow(none);
color: $custom-control-checked-indicator-color;
background-color: $custom-control-checked-indicator-bg;
@include box-shadow($custom-control-checked-indicator-box-shadow);
}
&:focus ~ .custom-control-indicator {
// the mixin is not used here to make sure there is feedback
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
box-shadow: $custom-control-focus-indicator-box-shadow;
}
&:active ~ .custom-control-indicator {
color: #fff;
background-color: #84c6ff;
@include box-shadow(none);
color: $custom-control-active-indicator-color;
background-color: $custom-control-active-indicator-bg;
@include box-shadow($custom-control-active-indicator-box-shadow);
}
&:disabled {
~ .custom-control-indicator {
cursor: not-allowed;
background-color: $custom-form-bg-color-disabled;
cursor: $custom-control-disabled-cursor;
background-color: $custom-control-disabled-indicator-bg;
}
~ .custom-control-description {
color: $custom-form-description-color-disabled;
cursor: not-allowed;
color: $custom-control-disabled-description-color;
cursor: $custom-control-disabled-cursor;
}
}
}
@ -64,18 +63,15 @@
top: .0625rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
font-size: 65%;
line-height: 1rem;
color: #eee;
text-align: center;
width: $custom-control-indicator-size;
height: $custom-control-indicator-size;
pointer-events: none;
user-select: none;
background-color: $custom-form-bg-color;
background-color: $custom-control-indicator-bg;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
@include box-shadow(inset 0 .25rem .25rem rgba(0,0,0,.1));
background-size: $custom-control-indicator-bg-size;
@include box-shadow($custom-control-indicator-box-shadow);
}
// Checkboxes
@ -84,17 +80,17 @@
.custom-checkbox {
.custom-control-indicator {
border-radius: .25rem;
@include border-radius($custom-checkbox-radius);
}
.custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
background-image: $custom-checkbox-checked-icon;
}
.custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #0074d9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
@include box-shadow(none);
background-color: $custom-checkbox-indeterminate-bg;
background-image: $custom-checkbox-indeterminate-icon;
@include box-shadow($custom-checkbox-indeterminate-box-shadow);
}
}
@ -104,11 +100,11 @@
.custom-radio {
.custom-control-indicator {
border-radius: 50%;
border-radius: $custom-radio-radius;
}
.custom-control-input:checked ~ .custom-control-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
background-image: $custom-radio-checked-icon;
}
}
@ -124,7 +120,7 @@
&::after {
display: block;
margin-bottom: .25rem;
margin-bottom: $custom-control-spacer-y;
content: "";
}
@ -145,23 +141,23 @@
.custom-select {
display: inline-block;
max-width: 100%;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
color: $input-color;
padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
padding-right: $custom-select-padding-x \9;
color: $custom-select-color;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
background-image: none \9;
background-size: 8px 10px;
border: $input-btn-border-width solid $input-border-color;
@include border-radius($border-radius);
background-size: $custom-select-bg-size;
border: $custom-select-border-width solid $custom-select-border-color;
@include border-radius($custom-select-border-radius);
// Use vendor prefixes as `appearance` isn't part of the CSS spec.
-moz-appearance: none;
-webkit-appearance: none;
&:focus {
border-color: #51a7e8;
border-color: $custom-select-focus-border-color;
outline: none;
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5));
@include box-shadow($custom-select-focus-box-shadow);
}
// Hides the default caret in IE11
@ -171,14 +167,14 @@
}
.custom-select-sm {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
padding-top: $custom-select-padding-y;
padding-bottom: $custom-select-padding-y;
font-size: $custom-select-sm-font-size;
&:not([multiple]) {
height: 26px;
min-height: 26px;
}
// &:not([multiple]) {
// height: 26px;
// min-height: 26px;
// }
}
@ -190,19 +186,19 @@
position: relative;
display: inline-block;
max-width: 100%;
height: 2.5rem;
height: $custom-file-height;
cursor: pointer;
}
.custom-file-input {
min-width: 14rem;
min-width: $custom-file-width;
max-width: 100%;
margin: 0;
filter: alpha(opacity = 0);
opacity: 0;
&:focus ~ .custom-file-control {
@include box-shadow(0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9);
@include box-shadow($custom-file-focus-box-shadow);
}
}
@ -212,34 +208,34 @@
right: 0;
left: 0;
z-index: 5;
height: 2.5rem;
padding: .5rem 1rem;
line-height: 1.5;
color: #555;
height: $custom-file-height;
padding: $custom-file-padding-x $custom-file-padding-y;
line-height: $custom-file-line-height;
color: $custom-file-color;
user-select: none;
background-color: #fff;
border: $input-btn-border-width solid #ddd;
border-radius: .25rem;
@include box-shadow(inset 0 .2rem .4rem rgba(0,0,0,.05));
background-color: $custom-file-bg;
border: $custom-file-border-width solid $custom-file-border-color;
@include border-radius($custom-file-border-radius);
@include box-shadow($custom-file-box-shadow);
&::after {
content: "Choose file...";
content: $custom-file-placeholder;
}
&::before {
position: absolute;
top: -.075rem;
right: -.075rem;
bottom: -.075rem;
top: -$custom-file-border-width;
right: -$custom-file-border-width;
bottom: -$custom-file-border-width;
z-index: 6;
display: block;
height: 2.5rem;
padding: .5rem 1rem;
line-height: 1.5;
color: #555;
content: "Browse";
background-color: #eee;
border: $input-btn-border-width solid #ddd;
border-radius: 0 .25rem .25rem 0;
height: $custom-file-height;
padding: $custom-file-padding-x $custom-file-padding-y;
line-height: $custom-file-line-height;
color: $custom-file-button-color;
content: $custom-file-button-label;
background-color: $custom-file-button-bg;
border: $custom-file-border-width solid $custom-file-border-color;
@include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
}
}

4
scss/_custom.scss Normal file
View File

@ -0,0 +1,4 @@
// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override default values
// without modifying source files.

View File

@ -52,7 +52,7 @@
background-clip: padding-box;
border: $dropdown-border-width solid $dropdown-border-color;
@include border-radius($border-radius);
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
@include box-shadow($dropdown-box-shadow);
}
// Dividers (basically an `<hr>`) within the dropdown
@ -69,7 +69,6 @@
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: $line-height;
color: $dropdown-link-color;
text-align: inherit; // For `<button>`s
white-space: nowrap; // prevent links from randomly breaking onto new lines
@ -132,12 +131,7 @@
right: 0;
left: auto; // Reset the default from `.dropdown-menu`
}
// With v3, we enabled auto-flipping if you have a dropdown within a right
// aligned nav component. To enable the undoing of that, we provide an override
// to restore the default dropdown menu alignment.
//
// This is only for left-aligning a dropdown menu within a `.navbar-right` or
// `.pull-right` nav component.
.dropdown-menu-left {
right: auto;
left: 0;
@ -146,9 +140,8 @@
// Dropdown section headers
.dropdown-header {
display: block;
padding: 3px 20px;
padding: 5px 20px;
font-size: $font-size-sm;
line-height: $line-height;
color: $dropdown-header-color;
white-space: nowrap; // as with > li > a
}
@ -160,7 +153,7 @@
right: 0;
bottom: 0;
left: 0;
z-index: ($zindex-dropdown - 10);
z-index: $zindex-dropdown-backdrop;
}
// Right aligned dropdowns

View File

@ -1,3 +1,5 @@
// scss-lint:disable QualifyingElement
//
// Textual form controls
//
@ -9,7 +11,6 @@
// height: $input-height;
padding: $input-padding-y $input-padding-x;
font-size: $font-size-base;
line-height: $line-height;
color: $input-color;
background-color: $input-bg;
// Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.
@ -20,14 +21,6 @@
@include box-shadow($input-box-shadow);
@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
// Make inputs at least the height of their button counterpart (base line-height + padding + border).
// Only apply the height to textual inputs and some selects.
// &:not(textarea),
// &:not(select[size]),
// &:not(select[multiple]) {
// height: $input-height;
// }
// Unstyle the caret on `<select>`s in IE10+.
&::-ms-expand {
background-color: transparent;
@ -61,6 +54,11 @@
}
}
select.form-control {
&:not([size], [multiple]) {
height: $input-height;
}
}
// Make file inputs better match text inputs by forcing them to new lines.
.form-control-file,
@ -90,26 +88,25 @@
// set a pixel line-height that matches the given height of the input, but only
// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
//
// Note that as of 8.3, iOS doesn't support `datetime` or `week`.
// Note that as of 8.3, iOS doesn't support `week`.
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
&.form-control {
line-height: $input-height;
}
_::-webkit-full-page-media, // Hack to make this CSS be Safari-only; see http://browserbu.gs/css-hacks/webkit-full-page-media/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
&.form-control {
line-height: $input-height;
}
&.input-sm,
.input-group-sm &.form-control {
line-height: $input-height-sm;
}
&.input-sm,
.input-group-sm &.form-control {
line-height: $input-height-sm;
}
&.input-lg,
.input-group-lg &.form-control {
line-height: $input-height-lg;
}
&.input-lg,
.input-group-lg &.form-control {
line-height: $input-height-lg;
}
}
@ -263,7 +260,7 @@ input[type="checkbox"] {
padding-right: ($input-padding-x * 3);
background-repeat: no-repeat;
background-position: center right ($input-height * .25);
background-size: ($input-height * .65) ($input-height * .65);
background-size: ($input-height * .5) ($input-height * .50);
}
// Form validation states
@ -271,7 +268,7 @@ input[type="checkbox"] {
@include form-control-validation($brand-success);
.form-control-success {
background-image: url($form-icon-success);
background-image: $form-icon-success;
}
}
@ -279,7 +276,7 @@ input[type="checkbox"] {
@include form-control-validation($brand-warning);
.form-control-warning {
background-image: url($form-icon-warning);
background-image: $form-icon-warning;
}
}
@ -287,7 +284,7 @@ input[type="checkbox"] {
@include form-control-validation($brand-danger);
.form-control-danger {
background-image: url($form-icon-danger);
background-image: $form-icon-danger;
}
}

View File

@ -30,7 +30,6 @@
}
}
// Columns
//
// Common styles for small and large grid columns
@ -38,40 +37,3 @@
@if $enable-grid-classes {
@include make-grid-columns();
}
// Flex variation
//
// Custom styles for additional flex alignment options.
@if $enable-flex and $enable-grid-classes {
// Flex column reordering
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
.col-#{$breakpoint}-first { order: -1; }
.col-#{$breakpoint}-last { order: 1; }
}
}
// Alignment for every column in row
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
.row-#{$breakpoint}-top { align-items: flex-start; }
.row-#{$breakpoint}-center { align-items: center; }
.row-#{$breakpoint}-bottom { align-items: flex-end; }
}
}
// Alignment per column
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
.col-#{$breakpoint}-top { align-self: flex-start; }
.col-#{$breakpoint}-center { align-self: center; }
.col-#{$breakpoint}-bottom { align-self: flex-end; }
}
}
}

View File

@ -17,12 +17,11 @@
// Image thumbnails
.img-thumbnail {
padding: $thumbnail-padding;
line-height: $line-height;
background-color: $thumbnail-bg;
border: $thumbnail-border-width solid $thumbnail-border-color;
border-radius: $thumbnail-border-radius;
transition: all .2s ease-in-out;
@include box-shadow(0 1px 2px rgba(0,0,0,.075));
@include box-shadow($thumbnail-box-shadow);
// Keep them at most 100% wide
@include img-fluid(inline-block);

View File

@ -85,6 +85,7 @@
.input-group-addon {
padding: $input-padding-y $input-padding-x;
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
font-size: $font-size-base;
font-weight: normal;
line-height: 1.5;
@ -106,11 +107,13 @@
@include border-radius($border-radius-lg);
}
// scss-lint:disable QualifyingElement
// Nuke default margins from checkboxes and radios to vertically center within.
input[type="radio"],
input[type="checkbox"] {
margin-top: 0;
}
// scss-lint:enable QualifyingElement
}

View File

@ -27,6 +27,7 @@
top: -1px;
}
// scss-lint:disable QualifyingElement
// Add hover effects, but only for links
a.label {
@include hover-focus {
@ -35,6 +36,7 @@ a.label {
cursor: pointer;
}
}
// scss-lint:enable QualifyingElement
// Pill labels
//

View File

@ -22,61 +22,15 @@
background-color: $list-group-bg;
border: $list-group-border-width solid $list-group-border-color;
// Round the first and last items
&:first-child {
@include border-top-radius($list-group-border-radius);
}
&:last-child {
margin-bottom: 0;
@include border-bottom-radius($list-group-border-radius);
}
}
.list-group-flush {
.list-group-item {
border-width: $list-group-border-width 0;
border-radius: 0;
}
&:first-child {
.list-group-item:first-child {
border-top: 0;
}
}
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
}
}
}
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive
// list items. Includes an extra `.active` modifier class for selected items.
a.list-group-item,
button.list-group-item {
width: 100%;
color: $list-group-link-color;
text-align: inherit;
.list-group-item-heading {
color: $list-group-link-heading-color;
}
// Hover state
@include hover-focus {
color: $list-group-link-hover-color;
text-decoration: none;
background-color: $list-group-hover-bg;
}
}
.list-group-item {
// Disabled state
&.disabled {
@include plain-hover-focus {
color: $list-group-disabled-color;
@ -93,11 +47,11 @@ button.list-group-item {
}
}
// Active class on item itself, not parent
&.active {
@include plain-hover-focus {
z-index: 2; // Place active items above their siblings for proper border styling
color: $list-group-active-color;
text-decoration: none; // Repeat here because it inherits global a:hover otherwise
background-color: $list-group-active-bg;
border-color: $list-group-active-border;
@ -114,6 +68,35 @@ button.list-group-item {
}
}
.list-group-flush {
.list-group-item {
border-radius: 0;
}
}
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive
// list items. Includes an extra `.active` modifier class for selected items.
.list-group-item-action {
width: 100%; // For `<button>`s (anchors become 100% by default though)
color: $list-group-link-color;
text-align: inherit; // For `<button>`s (anchors inherit)
.list-group-item-heading {
color: $list-group-link-heading-color;
}
// Hover state
@include hover-focus {
color: $list-group-link-hover-color;
text-decoration: none;
background-color: $list-group-hover-bg;
}
}
// Contextual variants
//

View File

@ -14,7 +14,7 @@
}
} @else {
.media {
margin-top: 15px;
margin-top: $media-margin-top;
&:first-child {
margin-top: 0;
@ -61,11 +61,11 @@
//
.media-right {
padding-left: 10px;
padding-left: $media-alignment-padding-x;
}
.media-left {
padding-right: 10px;
padding-right: $media-alignment-padding-x;
}
@ -75,7 +75,7 @@
.media-heading {
margin-top: 0;
margin-bottom: 5px;
margin-bottom: $media-heading-margin-bottom;
}

View File

@ -48,7 +48,6 @@
// // Layout
@import "mixins/clearfix";
@import "mixins/center-block";
// @import "mixins/navbar-align";
@import "mixins/grid-framework";
@import "mixins/grid";

View File

@ -49,8 +49,8 @@
background-color: $modal-content-bg;
background-clip: padding-box;
border: 1px solid $modal-content-border-color;
border-radius: $border-radius-lg;
@include box-shadow(0 3px 9px rgba(0,0,0,.5));
@include border-radius($border-radius-lg);
@include box-shadow($modal-content-xs-box-shadow);
// Remove focus outline from opened modal
outline: 0;
}
@ -130,17 +130,17 @@
@include media-breakpoint-up(sm) {
// Automatically set modal's width for larger viewports
.modal-dialog {
width: $modal-md;
max-width: $modal-md;
margin: 30px auto;
}
.modal-content {
@include box-shadow(0 5px 15px rgba(0,0,0,.5));
@include box-shadow($modal-content-sm-up-box-shadow);
}
// Modal sizes
.modal-sm { width: $modal-sm; }
.modal-sm { max-width: $modal-sm; }
}
@include media-breakpoint-up(md) {
.modal-lg { width: $modal-lg; }
@include media-breakpoint-up(lg) {
.modal-lg { max-width: $modal-lg; }
}

View File

@ -117,6 +117,7 @@
}
}
// scss-lint:disable ImportantRule
// Custom override for
.navbar-toggleable {
&-xs {
@ -135,6 +136,7 @@
}
}
}
// scss-lint:enable ImportantRule
// Navigation

View File

@ -1,4 +1,4 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css commit fe56763 | MIT License | github.com/necolas/normalize.css */
//
// 1. Set default font family to sans-serif.
@ -37,7 +37,6 @@ figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
@ -353,13 +352,11 @@ input[type="number"]::-webkit-outer-spin-button {
}
//
// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
// Address `appearance` set to `searchfield` in Safari and Chrome.
//
input[type="search"] {
-webkit-appearance: textfield; // 1
box-sizing: content-box; //2
-webkit-appearance: textfield;
}
//

View File

@ -47,7 +47,6 @@
float: left; // Collapse white-space
padding: $pagination-padding-y $pagination-padding-x;
margin-left: -1px;
line-height: $line-height;
color: $pagination-color;
text-decoration: none;
background-color: $pagination-bg;

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