├── .gitignore
├── example
├── public
│ └── .DS_Store
├── .babelrc
├── src
│ ├── index.js
│ └── components
│ │ ├── Demo.css
│ │ ├── Demo.js
│ │ └── test.js
├── index.html
├── README.md
├── serverDev.js
├── webpack.config.dev.js
└── package.json
├── lib
├── custom.css
├── media.css
├── jumbotron.css
├── close.css
├── transitions.css
├── images.css
├── breadcrumb.css
├── progress.css
├── responsive-embed.css
├── code.css
├── print.css
├── alert.css
├── badge.css
├── nav.css
├── pagination.css
├── modal.css
├── type.css
├── tooltip.css
├── dropdown.css
├── tables.css
├── reboot.css
├── normalize.css
├── input-group.css
├── carousel.css
├── button-group.css
├── popover.css
├── custom-forms.css
├── list-group.css
├── card.css
├── forms.css
├── navbar.css
├── buttons.css
├── grid.css
└── utilities.css
├── gulpfile.js
├── src
├── card.scss
├── code.scss
├── grid.scss
├── nav.scss
├── type.scss
├── alert.scss
├── badge.scss
├── close.scss
├── forms.scss
├── images.scss
├── media.scss
├── modal.scss
├── print.scss
├── reboot.scss
├── tables.scss
├── buttons.scss
├── carousel.scss
├── dropdown.scss
├── jumbotron.scss
├── navbar.scss
├── normalize.scss
├── popover.scss
├── progress.scss
├── tooltip.scss
├── utilities.scss
├── breadcrumb.scss
├── input-group.scss
├── list-group.scss
├── pagination.scss
├── transitions.scss
├── button-group.scss
├── custom.scss
├── responsive-embed.scss
└── custom-forms.scss
├── package.json
├── index.js
└── README.md
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 |
--------------------------------------------------------------------------------
/example/public/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svnm/bootstrap-css/HEAD/example/public/.DS_Store
--------------------------------------------------------------------------------
/example/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "plugins": ["transform-object-assign"],
3 | "presets": ["es2015", "stage-0", "react"]
4 | }
--------------------------------------------------------------------------------
/lib/custom.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp');
2 | var sass = require('gulp-sass');
3 |
4 | gulp.task('css', function () {
5 | return gulp.src('./src/*.scss')
6 | .pipe(sass())
7 | .pipe(sass().on('error', sass.logError))
8 | .pipe(gulp.dest('./lib'));
9 | });
10 |
11 | gulp.task('default', ['css']);
12 |
--------------------------------------------------------------------------------
/example/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import Demo from './components/Demo'
4 |
5 | function App(props) {
6 | return (
7 |
8 |
9 |
10 | )
11 | }
12 |
13 |
14 | ReactDOM.render(
15 | React.createElement(App),
16 | document.getElementById('root'))
17 |
--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | react bootstrap - example
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/lib/media.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .media {
8 | display: flex;
9 | align-items: flex-start; }
10 |
11 | .media-body {
12 | flex: 1; }
13 |
--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
1 | ## example
2 |
3 | An example of using bootstrap, react, webpack and css modules...
4 |
5 | ## Dependencies
6 |
7 | * **react** `0.14.2`
8 | * **babel** `6.1.0`
9 | * **webpack** `1.12.6`
10 | * **webpack-dev-middleware** `2.0.0`
11 | * **express** `4.13.3`
12 | * **css modules**
13 |
14 | ## Run
15 |
16 | ```
17 | yarn install
18 | npm start
19 | open http://127.0.0.1:3000
20 | ```
21 |
22 | ## License
23 |
24 | [MIT](http://isekivacenz.mit-license.org/)
25 |
--------------------------------------------------------------------------------
/src/card.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_card.scss";
15 |
--------------------------------------------------------------------------------
/src/code.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_code.scss";
15 |
--------------------------------------------------------------------------------
/src/grid.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_grid.scss";
15 |
--------------------------------------------------------------------------------
/src/nav.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_nav.scss";
15 |
--------------------------------------------------------------------------------
/src/type.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_type.scss";
15 |
--------------------------------------------------------------------------------
/src/alert.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_alert.scss";
15 |
--------------------------------------------------------------------------------
/src/badge.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_badge.scss";
15 |
--------------------------------------------------------------------------------
/src/close.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_close.scss";
15 |
--------------------------------------------------------------------------------
/src/forms.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_forms.scss";
15 |
--------------------------------------------------------------------------------
/src/images.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_images.scss";
15 |
--------------------------------------------------------------------------------
/src/media.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_media.scss";
15 |
--------------------------------------------------------------------------------
/src/modal.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_modal.scss";
15 |
--------------------------------------------------------------------------------
/src/print.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_print.scss";
15 |
--------------------------------------------------------------------------------
/src/reboot.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_reboot.scss";
15 |
--------------------------------------------------------------------------------
/src/tables.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_tables.scss";
15 |
--------------------------------------------------------------------------------
/src/buttons.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_buttons.scss";
15 |
--------------------------------------------------------------------------------
/src/carousel.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_carousel.scss";
15 |
--------------------------------------------------------------------------------
/src/dropdown.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_dropdown.scss";
15 |
--------------------------------------------------------------------------------
/src/jumbotron.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_jumbotron.scss";
15 |
--------------------------------------------------------------------------------
/src/navbar.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 |
12 | @import "../node_modules/bootstrap/scss/_variables.scss";
13 | @import "../node_modules/bootstrap/scss/_mixins.scss";
14 |
15 | @import "../node_modules/bootstrap/scss/_navbar.scss"
16 |
--------------------------------------------------------------------------------
/src/normalize.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_normalize.scss";
15 |
--------------------------------------------------------------------------------
/src/popover.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_popover.scss";
15 |
--------------------------------------------------------------------------------
/src/progress.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_progress.scss";
15 |
--------------------------------------------------------------------------------
/src/tooltip.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_tooltip.scss";
15 |
--------------------------------------------------------------------------------
/src/utilities.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_utilities.scss";
15 |
--------------------------------------------------------------------------------
/src/breadcrumb.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_breadcrumb.scss";
15 |
--------------------------------------------------------------------------------
/src/input-group.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_input-group.scss";
15 |
--------------------------------------------------------------------------------
/src/list-group.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_list-group.scss";
15 |
--------------------------------------------------------------------------------
/src/pagination.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_pagination.scss";
15 |
--------------------------------------------------------------------------------
/src/transitions.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_transitions.scss";
15 |
--------------------------------------------------------------------------------
/src/button-group.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_button-group.scss";
15 |
--------------------------------------------------------------------------------
/src/custom.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | // Components
15 | @import "../node_modules/bootstrap/scss/_custom.scss";
16 |
--------------------------------------------------------------------------------
/src/responsive-embed.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | @import "../node_modules/bootstrap/scss/_responsive-embed.scss";
15 |
--------------------------------------------------------------------------------
/src/custom-forms.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 |
8 |
9 |
10 | // Core variables and mixins
11 | @import "../node_modules/bootstrap/scss/_variables.scss";
12 | @import "../node_modules/bootstrap/scss/_mixins.scss";
13 |
14 | // Components
15 | @import "../node_modules/bootstrap/scss/_custom-forms.scss";
16 |
--------------------------------------------------------------------------------
/lib/jumbotron.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .jumbotron {
8 | padding: 2rem 1rem;
9 | margin-bottom: 2rem;
10 | background-color: #eceeef;
11 | border-radius: 0.3rem; }
12 |
13 | @media (min-width: 576px) {
14 | .jumbotron {
15 | padding: 4rem 2rem; } }
16 |
17 | .jumbotron-hr {
18 | border-top-color: #d0d5d8; }
19 |
20 | .jumbotron-fluid {
21 | padding-right: 0;
22 | padding-left: 0;
23 | border-radius: 0; }
24 |
--------------------------------------------------------------------------------
/example/serverDev.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var express = require('express');
3 | var webpack = require('webpack');
4 | var config = require('./webpack.config.dev');
5 |
6 | var app = express();
7 | var compiler = webpack(config);
8 |
9 | app.use(require('webpack-dev-middleware')(compiler, {
10 | noInfo: true,
11 | publicPath: config.output.publicPath
12 | }));
13 |
14 | app.get('*', function(req, res) {
15 | res.sendFile(path.join(__dirname, 'index.html'));
16 | });
17 |
18 | app.listen(3000, 'localhost', function(err) {
19 | if (err) {
20 | console.log(err);
21 | return;
22 | }
23 |
24 | console.log('Listening at http://localhost:3000');
25 | });
26 |
--------------------------------------------------------------------------------
/example/src/components/Demo.css:
--------------------------------------------------------------------------------
1 | .demo {
2 | padding: 20px;
3 | width:200px;
4 | margin:0 auto;
5 | }
6 |
7 | .button {
8 | color: white;
9 | display: inline-block;
10 | font-size: 16px;
11 | width: 100%;
12 | border-radius: 20px;
13 | text-align:center;
14 | cursor: pointer;
15 | transition: all 0.5s;
16 | }
17 |
18 | .button:hover {
19 | background-color: white;
20 | }
21 |
22 | .blue {
23 | background-color: blue;
24 | border: 2px solid blue;
25 | }
26 |
27 | .blue:hover {
28 | color: blue;
29 | border: 2px solid blue;
30 | }
31 |
32 | .red {
33 | background-color: red;
34 | border: 2px solid red;
35 | }
36 |
37 | .red:hover {
38 | color: red;
39 | border: 2px solid red;
40 | }
41 |
--------------------------------------------------------------------------------
/example/src/components/Demo.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import CSSModules from 'react-css-modules'
3 | import styles from './Demo.css'
4 | import { normalize, alert, jumbotron, buttons } from 'bootstrap-css'
5 | //import { normalize, alert, jumbotron, buttons } from './test.js'
6 | Object.assign(styles, alert, normalize, jumbotron, buttons)
7 |
8 | function Demo( props) {
9 |
10 | const { route } = props
11 |
12 | return (
13 |
18 | )
19 | }
20 |
21 | export default CSSModules(Demo, styles, {allowMultiple: true} )
22 |
--------------------------------------------------------------------------------
/lib/close.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .close {
8 | float: right;
9 | font-size: 1.5rem;
10 | font-weight: bold;
11 | line-height: 1;
12 | color: #000;
13 | text-shadow: 0 1px 0 #fff;
14 | opacity: .5; }
15 |
16 | .close:focus, .close:hover {
17 | color: #000;
18 | text-decoration: none;
19 | cursor: pointer;
20 | opacity: .75; }
21 |
22 | button.close {
23 | padding: 0;
24 | cursor: pointer;
25 | background: transparent;
26 | border: 0;
27 | -webkit-appearance: none; }
28 |
--------------------------------------------------------------------------------
/lib/transitions.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .fade {
8 | opacity: 0;
9 | transition: opacity 0.15s linear; }
10 |
11 | .fade.show {
12 | opacity: 1; }
13 |
14 | .collapse {
15 | display: none; }
16 |
17 | .collapse.show {
18 | display: block; }
19 |
20 | tr.collapse.show {
21 | display: table-row; }
22 |
23 | tbody.collapse.show {
24 | display: table-row-group; }
25 |
26 | .collapsing {
27 | position: relative;
28 | height: 0;
29 | overflow: hidden;
30 | transition: height 0.35s ease; }
31 |
--------------------------------------------------------------------------------
/lib/images.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .img-fluid {
8 | max-width: 100%;
9 | height: auto; }
10 |
11 | .img-thumbnail {
12 | padding: 0.25rem;
13 | background-color: #fff;
14 | border: 1px solid #ddd;
15 | border-radius: 0.25rem;
16 | transition: all 0.2s ease-in-out;
17 | max-width: 100%;
18 | height: auto; }
19 |
20 | .figure {
21 | display: inline-block; }
22 |
23 | .figure-img {
24 | margin-bottom: 0.5rem;
25 | line-height: 1; }
26 |
27 | .figure-caption {
28 | font-size: 90%;
29 | color: #636c72; }
30 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bootstrap-css",
3 | "version": "4.0.0-beta",
4 | "description": "A css module compatible version of bootstrap",
5 | "main": "index.js",
6 | "repository": {
7 | "type": "git",
8 | "url": "https://github.com/StevenIseki/bootstrap-css.git"
9 | },
10 | "scripts": {
11 | "build": "gulp"
12 | },
13 | "devDependencies": {
14 | "bootstrap": "^4.0.0-beta",
15 | "gulp": "^3.9.0",
16 | "gulp-sass": "^3.1.0"
17 | },
18 | "keywords": [
19 | "bootstrap",
20 | "bootstrapcss",
21 | "bootstrap css",
22 | "bootstrap css module",
23 | "css",
24 | "css-module",
25 | "css module",
26 | "react",
27 | "reactjs",
28 | "react-component"
29 | ],
30 | "license": "MIT"
31 | }
32 |
--------------------------------------------------------------------------------
/example/webpack.config.dev.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var webpack = require('webpack');
3 | var ExtractTextPlugin = require('extract-text-webpack-plugin');
4 |
5 | module.exports = {
6 | devtool: 'source-map',
7 | entry: ['./src/index'],
8 | output: {
9 | filename: 'bundle.js',
10 | path: path.join(__dirname, 'public'),
11 | publicPath: '/public/'
12 | },
13 | module: {
14 | loaders: [
15 | { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
16 | { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]') }
17 | ]
18 | },
19 | plugins: [
20 | new ExtractTextPlugin('style.css', { allChunks: true })
21 | ]
22 |
23 | };
--------------------------------------------------------------------------------
/lib/breadcrumb.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .breadcrumb {
8 | padding: 0.75rem 1rem;
9 | margin-bottom: 1rem;
10 | list-style: none;
11 | background-color: #eceeef;
12 | border-radius: 0.25rem; }
13 |
14 | .breadcrumb::after {
15 | display: block;
16 | content: "";
17 | clear: both; }
18 |
19 | .breadcrumb-item {
20 | float: left; }
21 |
22 | .breadcrumb-item + .breadcrumb-item::before {
23 | display: inline-block;
24 | padding-right: 0.5rem;
25 | padding-left: 0.5rem;
26 | color: #636c72;
27 | content: "/"; }
28 |
29 | .breadcrumb-item + .breadcrumb-item:hover::before {
30 | text-decoration: underline; }
31 |
32 | .breadcrumb-item + .breadcrumb-item:hover::before {
33 | text-decoration: none; }
34 |
35 | .breadcrumb-item.active {
36 | color: #636c72; }
37 |
--------------------------------------------------------------------------------
/lib/progress.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | @keyframes progress-bar-stripes {
8 | from {
9 | background-position: 1rem 0; }
10 | to {
11 | background-position: 0 0; } }
12 |
13 | .progress {
14 | display: flex;
15 | overflow: hidden;
16 | font-size: 0.75rem;
17 | line-height: 1rem;
18 | text-align: center;
19 | background-color: #eceeef;
20 | border-radius: 0.25rem; }
21 |
22 | .progress-bar {
23 | height: 1rem;
24 | color: #fff;
25 | background-color: #0275d8; }
26 |
27 | .progress-bar-striped {
28 | 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);
29 | background-size: 1rem 1rem; }
30 |
31 | .progress-bar-animated {
32 | animation: progress-bar-stripes 1s linear infinite; }
33 |
--------------------------------------------------------------------------------
/lib/responsive-embed.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .embed-responsive {
8 | position: relative;
9 | display: block;
10 | width: 100%;
11 | padding: 0;
12 | overflow: hidden; }
13 |
14 | .embed-responsive::before {
15 | display: block;
16 | content: ""; }
17 |
18 | .embed-responsive .embed-responsive-item,
19 | .embed-responsive iframe,
20 | .embed-responsive embed,
21 | .embed-responsive object,
22 | .embed-responsive video {
23 | position: absolute;
24 | top: 0;
25 | bottom: 0;
26 | left: 0;
27 | width: 100%;
28 | height: 100%;
29 | border: 0; }
30 |
31 | .embed-responsive-21by9::before {
32 | padding-top: 42.85714%; }
33 |
34 | .embed-responsive-16by9::before {
35 | padding-top: 56.25%; }
36 |
37 | .embed-responsive-4by3::before {
38 | padding-top: 75%; }
39 |
40 | .embed-responsive-1by1::before {
41 | padding-top: 100%; }
42 |
--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bootstrap-css-example",
3 | "version": "1.0.1",
4 | "description": "just an example bootstrap with css modules...",
5 | "scripts": {
6 | "start": "node serverDev.js"
7 | },
8 | "author": "Steven Iseki ",
9 | "license": "MIT",
10 | "homepage": "https://github.com/StevenIseki/pure-css",
11 | "devDependencies": {
12 | "babel-core": "^6.0.20",
13 | "babel-loader": "^6.0.1",
14 | "babel-plugin-transform-object-assign": "^6.1.18",
15 | "babel-preset-es2015": "^6.0.15",
16 | "babel-preset-react": "^6.0.15",
17 | "babel-preset-stage-0": "^6.0.15",
18 | "bootstrap-css": "4.0.0-alpha.5",
19 | "css-loader": "^0.15.1",
20 | "express": "^4.13.3",
21 | "extract-text-webpack-plugin": "^0.9.1",
22 | "style-loader": "^0.13.0",
23 | "webpack": "^1.9.6",
24 | "webpack-dev-middleware": "^1.2.0",
25 | "webpack-hot-middleware": "^2.0.0"
26 | },
27 | "dependencies": {
28 | "react": "^0.14.0",
29 | "react-css-modules": "^3.6.1",
30 | "react-dom": "^0.14.0"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/lib/code.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | code,
8 | kbd,
9 | pre,
10 | samp {
11 | font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
12 |
13 | code {
14 | padding: 0.2rem 0.4rem;
15 | font-size: 90%;
16 | color: #bd4147;
17 | background-color: #f7f7f9;
18 | border-radius: 0.25rem; }
19 |
20 | a > code {
21 | padding: 0;
22 | color: inherit;
23 | background-color: inherit; }
24 |
25 | kbd {
26 | padding: 0.2rem 0.4rem;
27 | font-size: 90%;
28 | color: #fff;
29 | background-color: #292b2c;
30 | border-radius: 0.2rem; }
31 |
32 | kbd kbd {
33 | padding: 0;
34 | font-size: 100%;
35 | font-weight: bold; }
36 |
37 | pre {
38 | display: block;
39 | margin-top: 0;
40 | margin-bottom: 1rem;
41 | font-size: 90%;
42 | color: #292b2c; }
43 |
44 | pre code {
45 | padding: 0;
46 | font-size: inherit;
47 | color: inherit;
48 | background-color: transparent;
49 | border-radius: 0; }
50 |
51 | .pre-scrollable {
52 | max-height: 340px;
53 | overflow-y: scroll; }
54 |
--------------------------------------------------------------------------------
/lib/print.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | @media print {
8 | *,
9 | *::before,
10 | *::after,
11 | p::first-letter,
12 | div::first-letter,
13 | blockquote::first-letter,
14 | li::first-letter,
15 | p::first-line,
16 | div::first-line,
17 | blockquote::first-line,
18 | li::first-line {
19 | text-shadow: none !important;
20 | box-shadow: none !important; }
21 | a,
22 | a:visited {
23 | text-decoration: underline; }
24 | abbr[title]::after {
25 | content: " (" attr(title) ")"; }
26 | pre {
27 | white-space: pre-wrap !important; }
28 | pre,
29 | blockquote {
30 | border: 1px solid #999;
31 | page-break-inside: avoid; }
32 | thead {
33 | display: table-header-group; }
34 | tr,
35 | img {
36 | page-break-inside: avoid; }
37 | p,
38 | h2,
39 | h3 {
40 | orphans: 3;
41 | widows: 3; }
42 | h2,
43 | h3 {
44 | page-break-after: avoid; }
45 | .navbar {
46 | display: none; }
47 | .badge {
48 | border: 1px solid #000; }
49 | .table {
50 | border-collapse: collapse !important; }
51 | .table td,
52 | .table th {
53 | background-color: #fff !important; }
54 | .table-bordered th,
55 | .table-bordered td {
56 | border: 1px solid #ddd !important; } }
57 |
--------------------------------------------------------------------------------
/lib/alert.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .alert {
8 | padding: 0.75rem 1.25rem;
9 | margin-bottom: 1rem;
10 | border: 1px solid transparent;
11 | border-radius: 0.25rem; }
12 |
13 | .alert-heading {
14 | color: inherit; }
15 |
16 | .alert-link {
17 | font-weight: bold; }
18 |
19 | .alert-dismissible .close {
20 | position: relative;
21 | top: -0.75rem;
22 | right: -1.25rem;
23 | padding: 0.75rem 1.25rem;
24 | color: inherit; }
25 |
26 | .alert-success {
27 | background-color: #dff0d8;
28 | border-color: #d0e9c6;
29 | color: #3c763d; }
30 |
31 | .alert-success hr {
32 | border-top-color: #c1e2b3; }
33 |
34 | .alert-success .alert-link {
35 | color: #2b542c; }
36 |
37 | .alert-info {
38 | background-color: #d9edf7;
39 | border-color: #bcdff1;
40 | color: #31708f; }
41 |
42 | .alert-info hr {
43 | border-top-color: #a6d5ec; }
44 |
45 | .alert-info .alert-link {
46 | color: #245269; }
47 |
48 | .alert-warning {
49 | background-color: #fcf8e3;
50 | border-color: #faf2cc;
51 | color: #8a6d3b; }
52 |
53 | .alert-warning hr {
54 | border-top-color: #f7ecb5; }
55 |
56 | .alert-warning .alert-link {
57 | color: #66512c; }
58 |
59 | .alert-danger {
60 | background-color: #f2dede;
61 | border-color: #ebcccc;
62 | color: #a94442; }
63 |
64 | .alert-danger hr {
65 | border-top-color: #e4b9b9; }
66 |
67 | .alert-danger .alert-link {
68 | color: #843534; }
69 |
--------------------------------------------------------------------------------
/lib/badge.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .badge {
8 | display: inline-block;
9 | padding: 0.25em 0.4em;
10 | font-size: 75%;
11 | font-weight: bold;
12 | line-height: 1;
13 | color: #fff;
14 | text-align: center;
15 | white-space: nowrap;
16 | vertical-align: baseline;
17 | border-radius: 0.25rem; }
18 |
19 | .badge:empty {
20 | display: none; }
21 |
22 | .btn .badge {
23 | position: relative;
24 | top: -1px; }
25 |
26 | a.badge:focus, a.badge:hover {
27 | color: #fff;
28 | text-decoration: none;
29 | cursor: pointer; }
30 |
31 | .badge-pill {
32 | padding-right: 0.6em;
33 | padding-left: 0.6em;
34 | border-radius: 10rem; }
35 |
36 | .badge-default {
37 | background-color: #636c72; }
38 |
39 | .badge-default[href]:focus, .badge-default[href]:hover {
40 | background-color: #4b5257; }
41 |
42 | .badge-primary {
43 | background-color: #0275d8; }
44 |
45 | .badge-primary[href]:focus, .badge-primary[href]:hover {
46 | background-color: #025aa5; }
47 |
48 | .badge-success {
49 | background-color: #5cb85c; }
50 |
51 | .badge-success[href]:focus, .badge-success[href]:hover {
52 | background-color: #449d44; }
53 |
54 | .badge-info {
55 | background-color: #5bc0de; }
56 |
57 | .badge-info[href]:focus, .badge-info[href]:hover {
58 | background-color: #31b0d5; }
59 |
60 | .badge-warning {
61 | background-color: #f0ad4e; }
62 |
63 | .badge-warning[href]:focus, .badge-warning[href]:hover {
64 | background-color: #ec971f; }
65 |
66 | .badge-danger {
67 | background-color: #d9534f; }
68 |
69 | .badge-danger[href]:focus, .badge-danger[href]:hover {
70 | background-color: #c9302c; }
71 |
--------------------------------------------------------------------------------
/lib/nav.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .nav {
8 | display: flex;
9 | padding-left: 0;
10 | margin-bottom: 0;
11 | list-style: none; }
12 |
13 | .nav-link {
14 | display: block;
15 | padding: 0.5em 1em; }
16 |
17 | .nav-link:focus, .nav-link:hover {
18 | text-decoration: none; }
19 |
20 | .nav-link.disabled {
21 | color: #636c72;
22 | cursor: not-allowed; }
23 |
24 | .nav-tabs {
25 | border-bottom: 1px solid #ddd; }
26 |
27 | .nav-tabs .nav-item {
28 | margin-bottom: -1px; }
29 |
30 | .nav-tabs .nav-link {
31 | border: 1px solid transparent;
32 | border-top-right-radius: 0.25rem;
33 | border-top-left-radius: 0.25rem; }
34 |
35 | .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
36 | border-color: #eceeef #eceeef #ddd; }
37 |
38 | .nav-tabs .nav-link.disabled {
39 | color: #636c72;
40 | background-color: transparent;
41 | border-color: transparent; }
42 |
43 | .nav-tabs .nav-link.active,
44 | .nav-tabs .nav-item.show .nav-link {
45 | color: #464a4c;
46 | background-color: #fff;
47 | border-color: #ddd #ddd #fff; }
48 |
49 | .nav-tabs .dropdown-menu {
50 | margin-top: -1px;
51 | border-top-right-radius: 0;
52 | border-top-left-radius: 0; }
53 |
54 | .nav-pills .nav-link {
55 | border-radius: 0.25rem; }
56 |
57 | .nav-pills .nav-link.active,
58 | .nav-pills .nav-item.show .nav-link {
59 | color: #fff;
60 | cursor: default;
61 | background-color: #0275d8; }
62 |
63 | .nav-fill .nav-item {
64 | flex: 1 1 auto;
65 | text-align: center; }
66 |
67 | .nav-justified .nav-item {
68 | flex: 1 1 100%;
69 | text-align: center; }
70 |
71 | .tab-content > .tab-pane {
72 | display: none; }
73 |
74 | .tab-content > .active {
75 | display: block; }
76 |
--------------------------------------------------------------------------------
/lib/pagination.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .pagination {
8 | display: flex;
9 | padding-left: 0;
10 | list-style: none;
11 | border-radius: 0.25rem; }
12 |
13 | .page-item:first-child .page-link {
14 | margin-left: 0;
15 | border-bottom-left-radius: 0.25rem;
16 | border-top-left-radius: 0.25rem; }
17 |
18 | .page-item:last-child .page-link {
19 | border-bottom-right-radius: 0.25rem;
20 | border-top-right-radius: 0.25rem; }
21 |
22 | .page-item.active .page-link {
23 | z-index: 2;
24 | color: #fff;
25 | background-color: #0275d8;
26 | border-color: #0275d8; }
27 |
28 | .page-item.disabled .page-link {
29 | color: #636c72;
30 | pointer-events: none;
31 | cursor: not-allowed;
32 | background-color: #fff;
33 | border-color: #ddd; }
34 |
35 | .page-link {
36 | position: relative;
37 | display: block;
38 | padding: 0.5rem 0.75rem;
39 | margin-left: -1px;
40 | line-height: 1.25;
41 | color: #0275d8;
42 | background-color: #fff;
43 | border: 1px solid #ddd; }
44 |
45 | .page-link:focus, .page-link:hover {
46 | color: #014c8c;
47 | text-decoration: none;
48 | background-color: #eceeef;
49 | border-color: #ddd; }
50 |
51 | .pagination-lg .page-link {
52 | padding: 0.75rem 1.5rem;
53 | font-size: 1.25rem; }
54 |
55 | .pagination-lg .page-item:first-child .page-link {
56 | border-bottom-left-radius: 0.3rem;
57 | border-top-left-radius: 0.3rem; }
58 |
59 | .pagination-lg .page-item:last-child .page-link {
60 | border-bottom-right-radius: 0.3rem;
61 | border-top-right-radius: 0.3rem; }
62 |
63 | .pagination-sm .page-link {
64 | padding: 0.25rem 0.5rem;
65 | font-size: 0.875rem; }
66 |
67 | .pagination-sm .page-item:first-child .page-link {
68 | border-bottom-left-radius: 0.2rem;
69 | border-top-left-radius: 0.2rem; }
70 |
71 | .pagination-sm .page-item:last-child .page-link {
72 | border-bottom-right-radius: 0.2rem;
73 | border-top-right-radius: 0.2rem; }
74 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var alert = require('./lib/alert.css');
4 | var badge = require('./lib/badge.css');
5 | var breadcrumb = require('./lib/breadcrumb.css');
6 | var buttonGroup = require('./lib/button-group.css');
7 | var buttons = require('./lib/buttons.css');
8 | var card = require('./lib/card.css');
9 | var carousel = require('./lib/carousel.css');
10 | var close = require('./lib/close.css');
11 | var code = require('./lib/code.css');
12 | var customForms = require('./lib/custom-forms.css');
13 | var custom = require('./lib/custom.css');
14 | var dropdown = require('./lib/dropdown.css');
15 | var forms = require('./lib/forms.css');
16 | var grid = require('./lib/grid.css');
17 | var images = require('./lib/images.css');
18 | var inputGroup = require('./lib/input-group.css');
19 | var jumbotron = require('./lib/jumbotron.css');
20 | var listGroup = require('./lib/list-group.css');
21 | var media = require('./lib/media.css');
22 | var modal = require('./lib/modal.css');
23 | var nav = require('./lib/nav.css');
24 | var navbar = require('./lib/navbar.css');
25 | var normalize = require('./lib/normalize.css');
26 | var pagination = require('./lib/pagination.css');
27 | var popover = require('./lib/popover.css');
28 | var print = require('./lib/print.css');
29 | var progress = require('./lib/progress.css');
30 | var reboot = require('./lib/reboot.css');
31 | var responsiveEmbed = require('./lib/responsive-embed.css');
32 | var tables = require('./lib/tables.css');
33 | var tooltip = require('./lib/tooltip.css');
34 | var transitions = require('./lib/transitions.css');
35 | var type = require('./lib/type.css');
36 | var utilities = require('./lib/utilities.css');
37 |
38 | module.exports = {
39 | alert: alert,
40 | badge: badge,
41 | breadcrumb: breadcrumb,
42 | buttonGroup: buttonGroup,
43 | buttons: buttons,
44 | card: card,
45 | carousel: carousel,
46 | close: close,
47 | code: code,
48 | customForms: customForms,
49 | custom: custom,
50 | dropdown: dropdown,
51 | forms: forms,
52 | grid: grid,
53 | images: images,
54 | inputGroup: inputGroup,
55 | jumbotron: jumbotron,
56 | listGroup: listGroup,
57 | media: media,
58 | modal: modal,
59 | nav: nav,
60 | navbar: navbar,
61 | normalize: normalize,
62 | pagination: pagination,
63 | popover: popover,
64 | print: print,
65 | progress: progress,
66 | reboot: reboot,
67 | responsiveEmbed: responsiveEmbed,
68 | tables: tables,
69 | tooltip: tooltip,
70 | transitions: transitions,
71 | type: type,
72 | utilities: utilities
73 | };
74 |
--------------------------------------------------------------------------------
/lib/modal.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .modal-open {
8 | overflow: hidden; }
9 |
10 | .modal {
11 | position: fixed;
12 | top: 0;
13 | right: 0;
14 | bottom: 0;
15 | left: 0;
16 | z-index: 1050;
17 | display: none;
18 | overflow: hidden;
19 | outline: 0; }
20 |
21 | .modal.fade .modal-dialog {
22 | transition: transform 0.3s ease-out;
23 | transform: translate(0, -25%); }
24 |
25 | .modal.show .modal-dialog {
26 | transform: translate(0, 0); }
27 |
28 | .modal-open .modal {
29 | overflow-x: hidden;
30 | overflow-y: auto; }
31 |
32 | .modal-dialog {
33 | position: relative;
34 | width: auto;
35 | margin: 10px; }
36 |
37 | .modal-content {
38 | position: relative;
39 | display: flex;
40 | flex-direction: column;
41 | background-color: #fff;
42 | background-clip: padding-box;
43 | border: 1px solid rgba(0, 0, 0, 0.2);
44 | border-radius: 0.3rem;
45 | outline: 0; }
46 |
47 | .modal-backdrop {
48 | position: fixed;
49 | top: 0;
50 | right: 0;
51 | bottom: 0;
52 | left: 0;
53 | z-index: 1040;
54 | background-color: #000; }
55 |
56 | .modal-backdrop.fade {
57 | opacity: 0; }
58 |
59 | .modal-backdrop.show {
60 | opacity: 0.5; }
61 |
62 | .modal-header {
63 | display: flex;
64 | align-items: center;
65 | justify-content: space-between;
66 | padding: 15px;
67 | border-bottom: 1px solid #eceeef; }
68 |
69 | .modal-title {
70 | margin-bottom: 0;
71 | line-height: 1.5; }
72 |
73 | .modal-body {
74 | position: relative;
75 | flex: 1 1 auto;
76 | padding: 15px; }
77 |
78 | .modal-footer {
79 | display: flex;
80 | align-items: center;
81 | justify-content: flex-end;
82 | padding: 15px;
83 | border-top: 1px solid #eceeef; }
84 |
85 | .modal-footer > :not(:first-child) {
86 | margin-left: .25rem; }
87 |
88 | .modal-footer > :not(:last-child) {
89 | margin-right: .25rem; }
90 |
91 | .modal-scrollbar-measure {
92 | position: absolute;
93 | top: -9999px;
94 | width: 50px;
95 | height: 50px;
96 | overflow: scroll; }
97 |
98 | @media (min-width: 576px) {
99 | .modal-dialog {
100 | max-width: 500px;
101 | margin: 30px auto; }
102 | .modal-sm {
103 | max-width: 300px; } }
104 |
105 | @media (min-width: 992px) {
106 | .modal-lg {
107 | max-width: 800px; } }
108 |
--------------------------------------------------------------------------------
/example/src/components/test.js:
--------------------------------------------------------------------------------
1 | /*
2 | to test:
3 | move the bootstrap files into the components/lib folder
4 | then uncomment
5 | */
6 |
7 | /*
8 |
9 | var alert = require('./lib/alert.css');
10 | var badge = require('./lib/badge.css');
11 | var breadcrumb = require('./lib/breadcrumb.css');
12 | var buttonGroup = require('./lib/button-group.css');
13 | var buttons = require('./lib/buttons.css');
14 | var card = require('./lib/card.css');
15 | var carousel = require('./lib/carousel.css');
16 | var close = require('./lib/close.css');
17 | var code = require('./lib/code.css');
18 | var customForms = require('./lib/custom-forms.css');
19 | var custom = require('./lib/custom.css');
20 | var dropdown = require('./lib/dropdown.css');
21 | var forms = require('./lib/forms.css');
22 | var grid = require('./lib/grid.css');
23 | var images = require('./lib/images.css');
24 | var inputGroup = require('./lib/input-group.css');
25 | var jumbotron = require('./lib/jumbotron.css');
26 | var listGroup = require('./lib/list-group.css');
27 | var media = require('./lib/media.css');
28 | var modal = require('./lib/modal.css');
29 | var nav = require('./lib/nav.css');
30 | var navbar = require('./lib/navbar.css');
31 | var normalize = require('./lib/normalize.css');
32 | var pagination = require('./lib/pagination.css');
33 | var popover = require('./lib/popover.css');
34 | var print = require('./lib/print.css');
35 | var progress = require('./lib/progress.css');
36 | var reboot = require('./lib/reboot.css');
37 | var responsiveEmbed = require('./lib/responsive-embed.css');
38 | var tables = require('./lib/tables.css');
39 | var tooltip = require('./lib/tooltip.css');
40 | var transitions = require('./lib/transitions.css');
41 | var type = require('./lib/type.css');
42 | var utilities = require('./lib/utilities.css');
43 |
44 | module.exports = {
45 | alert: alert,
46 | badge: badge,
47 | breadcrumb: breadcrumb,
48 | buttonGroup: buttonGroup,
49 | buttons: buttons,
50 | card: card,
51 | carousel: carousel,
52 | close: close,
53 | code: code,
54 | customForms: customForms,
55 | custom: custom,
56 | dropdown: dropdown,
57 | forms: forms,
58 | grid: grid,
59 | images: images,
60 | inputGroup: inputGroup,
61 | jumbotron: jumbotron,
62 | listGroup: listGroup,
63 | media: media,
64 | modal: modal,
65 | nav: nav,
66 | navbar: navbar,
67 | normalize: normalize,
68 | pagination: pagination,
69 | popover: popover,
70 | print: print,
71 | progress: progress,
72 | reboot: reboot,
73 | responsiveEmbed: responsiveEmbed,
74 | tables: tables,
75 | tooltip: tooltip,
76 | transitions: transitions,
77 | type: type,
78 | utilities: utilities
79 | };
80 |
81 | */
82 |
--------------------------------------------------------------------------------
/lib/type.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | h1, h2, h3, h4, h5, h6,
8 | .h1, .h2, .h3, .h4, .h5, .h6 {
9 | margin-bottom: 0.5rem;
10 | font-family: inherit;
11 | font-weight: 500;
12 | line-height: 1.1;
13 | color: inherit; }
14 |
15 | h1, .h1 {
16 | font-size: 2.5rem; }
17 |
18 | h2, .h2 {
19 | font-size: 2rem; }
20 |
21 | h3, .h3 {
22 | font-size: 1.75rem; }
23 |
24 | h4, .h4 {
25 | font-size: 1.5rem; }
26 |
27 | h5, .h5 {
28 | font-size: 1.25rem; }
29 |
30 | h6, .h6 {
31 | font-size: 1rem; }
32 |
33 | .lead {
34 | font-size: 1.25rem;
35 | font-weight: 300; }
36 |
37 | .display-1 {
38 | font-size: 6rem;
39 | font-weight: 300;
40 | line-height: 1.1; }
41 |
42 | .display-2 {
43 | font-size: 5.5rem;
44 | font-weight: 300;
45 | line-height: 1.1; }
46 |
47 | .display-3 {
48 | font-size: 4.5rem;
49 | font-weight: 300;
50 | line-height: 1.1; }
51 |
52 | .display-4 {
53 | font-size: 3.5rem;
54 | font-weight: 300;
55 | line-height: 1.1; }
56 |
57 | hr {
58 | margin-top: 1rem;
59 | margin-bottom: 1rem;
60 | border: 0;
61 | border-top: 1px solid rgba(0, 0, 0, 0.1); }
62 |
63 | small,
64 | .small {
65 | font-size: 80%;
66 | font-weight: normal; }
67 |
68 | mark,
69 | .mark {
70 | padding: 0.2em;
71 | background-color: #fcf8e3; }
72 |
73 | .list-unstyled {
74 | padding-left: 0;
75 | list-style: none; }
76 |
77 | .list-inline {
78 | padding-left: 0;
79 | list-style: none; }
80 |
81 | .list-inline-item {
82 | display: inline-block; }
83 |
84 | .list-inline-item:not(:last-child) {
85 | margin-right: 5px; }
86 |
87 | .initialism {
88 | font-size: 90%;
89 | text-transform: uppercase; }
90 |
91 | .blockquote {
92 | padding: 0.5rem 1rem;
93 | margin-bottom: 1rem;
94 | font-size: 1.25rem;
95 | border-left: 0.25rem solid #eceeef; }
96 |
97 | .blockquote-footer {
98 | display: block;
99 | font-size: 80%;
100 | color: #636c72; }
101 |
102 | .blockquote-footer::before {
103 | content: "\2014 \00A0"; }
104 |
105 | .blockquote-reverse {
106 | padding-right: 1rem;
107 | padding-left: 0;
108 | text-align: right;
109 | border-right: 0.25rem solid #eceeef;
110 | border-left: 0; }
111 |
112 | .blockquote-reverse .blockquote-footer::before {
113 | content: ""; }
114 |
115 | .blockquote-reverse .blockquote-footer::after {
116 | content: "\00A0 \2014"; }
117 |
--------------------------------------------------------------------------------
/lib/tooltip.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .tooltip {
8 | position: absolute;
9 | z-index: 1070;
10 | display: block;
11 | font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
12 | font-style: normal;
13 | font-weight: normal;
14 | letter-spacing: normal;
15 | line-break: auto;
16 | line-height: 1.5;
17 | text-align: left;
18 | text-align: start;
19 | text-decoration: none;
20 | text-shadow: none;
21 | text-transform: none;
22 | white-space: normal;
23 | word-break: normal;
24 | word-spacing: normal;
25 | font-size: 0.875rem;
26 | word-wrap: break-word;
27 | opacity: 0; }
28 |
29 | .tooltip.show {
30 | opacity: 0.9; }
31 |
32 | .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
33 | padding: 5px 0;
34 | margin-top: -3px; }
35 |
36 | .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
37 | bottom: 0;
38 | left: 50%;
39 | margin-left: -5px;
40 | content: "";
41 | border-width: 5px 5px 0;
42 | border-top-color: #000; }
43 |
44 | .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
45 | padding: 0 5px;
46 | margin-left: 3px; }
47 |
48 | .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
49 | top: 50%;
50 | left: 0;
51 | margin-top: -5px;
52 | content: "";
53 | border-width: 5px 5px 5px 0;
54 | border-right-color: #000; }
55 |
56 | .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
57 | padding: 5px 0;
58 | margin-top: 3px; }
59 |
60 | .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
61 | top: 0;
62 | left: 50%;
63 | margin-left: -5px;
64 | content: "";
65 | border-width: 0 5px 5px;
66 | border-bottom-color: #000; }
67 |
68 | .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
69 | padding: 0 5px;
70 | margin-left: -3px; }
71 |
72 | .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
73 | top: 50%;
74 | right: 0;
75 | margin-top: -5px;
76 | content: "";
77 | border-width: 5px 0 5px 5px;
78 | border-left-color: #000; }
79 |
80 | .tooltip-inner {
81 | max-width: 200px;
82 | padding: 3px 8px;
83 | color: #fff;
84 | text-align: center;
85 | background-color: #000;
86 | border-radius: 0.25rem; }
87 |
88 | .tooltip-inner::before {
89 | position: absolute;
90 | width: 0;
91 | height: 0;
92 | border-color: transparent;
93 | border-style: solid; }
94 |
--------------------------------------------------------------------------------
/lib/dropdown.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .dropup,
8 | .dropdown {
9 | position: relative; }
10 |
11 | .dropdown-toggle::after {
12 | display: inline-block;
13 | width: 0;
14 | height: 0;
15 | margin-left: 0.3em;
16 | vertical-align: middle;
17 | content: "";
18 | border-top: 0.3em solid;
19 | border-right: 0.3em solid transparent;
20 | border-left: 0.3em solid transparent; }
21 |
22 | .dropdown-toggle:focus {
23 | outline: 0; }
24 |
25 | .dropup .dropdown-toggle::after {
26 | border-top: 0;
27 | border-bottom: 0.3em solid; }
28 |
29 | .dropdown-menu {
30 | position: absolute;
31 | top: 100%;
32 | left: 0;
33 | z-index: 1000;
34 | display: none;
35 | float: left;
36 | min-width: 10rem;
37 | padding: 0.5rem 0;
38 | margin: 0.125rem 0 0;
39 | font-size: 1rem;
40 | color: #292b2c;
41 | text-align: left;
42 | list-style: none;
43 | background-color: #fff;
44 | background-clip: padding-box;
45 | border: 1px solid rgba(0, 0, 0, 0.15);
46 | border-radius: 0.25rem; }
47 |
48 | .dropdown-divider {
49 | height: 1px;
50 | margin: 0.5rem 0;
51 | overflow: hidden;
52 | background-color: #eceeef; }
53 |
54 | .dropdown-item {
55 | display: block;
56 | width: 100%;
57 | padding: 3px 1.5rem;
58 | clear: both;
59 | font-weight: normal;
60 | color: #292b2c;
61 | text-align: inherit;
62 | white-space: nowrap;
63 | background: none;
64 | border: 0; }
65 |
66 | .dropdown-item:focus, .dropdown-item:hover {
67 | color: #1d1e1f;
68 | text-decoration: none;
69 | background-color: #f7f7f9; }
70 |
71 | .dropdown-item.active, .dropdown-item:active {
72 | color: #fff;
73 | text-decoration: none;
74 | background-color: #0275d8; }
75 |
76 | .dropdown-item.disabled, .dropdown-item:disabled {
77 | color: #636c72;
78 | cursor: not-allowed;
79 | background-color: transparent; }
80 |
81 | .show > .dropdown-menu {
82 | display: block; }
83 |
84 | .show > a {
85 | outline: 0; }
86 |
87 | .dropdown-menu-right {
88 | right: 0;
89 | left: auto; }
90 |
91 | .dropdown-menu-left {
92 | right: auto;
93 | left: 0; }
94 |
95 | .dropdown-header {
96 | display: block;
97 | padding: 0.5rem 1.5rem;
98 | margin-bottom: 0;
99 | font-size: 0.875rem;
100 | color: #636c72;
101 | white-space: nowrap; }
102 |
103 | .dropdown-backdrop {
104 | position: fixed;
105 | top: 0;
106 | right: 0;
107 | bottom: 0;
108 | left: 0;
109 | z-index: 990; }
110 |
111 | .dropup .dropdown-menu {
112 | top: auto;
113 | bottom: 100%;
114 | margin-bottom: 0.125rem; }
115 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # [bootstrap-css](https://github.com/StevenIseki/bootstrap-css)
2 |
3 | [](https://badge.fury.io/js/bootstrap-css)
4 |
5 | A [css module](https://github.com/css-modules/css-modules) compatible version of [bootstrap](https://github.com/twbs/bootstrap).
6 | You will need to use [react-css-modules](https://github.com/gajus/react-css-modules) to make use of the class names as bootstrap classes are not camelCase.
7 |
8 | It would be possible to make a version compatible to just css modules in the future.
9 |
10 | ## Version
11 | Every attempt will be made to keep the versions in sync with bootstrap.
12 |
13 | #### `3.3.7` uses latest bootstrap 3 `v3.3.7`
14 |
15 | #### `4.0.0-alpha.5` uses latest bootstrap 4 `4.0.0-alpha.6`
16 |
17 | NOTE: Apologies I made a mistake publishing `4.0.0-alpha.6` as there was a bug importing the `images` module in `index.js`. I unpublished the package, not realizing that you can never republish the same version of a module.
18 |
19 | So use `4.0.0-alpha.5`... but it actually imports bootstrap `4.0.0-alpha.6`. Remember this is just importing bootstrap. Beta is coming out very soon then we can publish that and forget that I made this mistake... sorry.
20 |
21 | ## Installation
22 |
23 | `npm install bootstrap-css@4.0.0-alpha.5 --save-dev`
24 |
25 | ## Usage
26 | Simply import your bootstrap css modules
27 |
28 | `import { alert, buttons, jumbotron } from 'bootstrap-css'`
29 |
30 | Then use it for styling your elements.
31 |
32 | ```jsx
33 |
38 | ```
39 |
40 | ## Example
41 |
42 | Check out the full working example [here](https://github.com/StevenIseki/bootstrap-css/tree/master/example)
43 |
44 | cd example
45 | npm start
46 |
47 | ## Development
48 | npm install
49 | npm run build
50 |
51 | ## Bootstrap modules
52 |
53 | The sass modules from bootstrap have each been installed from bootstrap and compiled to plain css versions, so will need no preprocessing or autoprefixing.
54 |
55 | The following modules are available to be imported and used, just as in the bootstrap docs: [css](http://getbootstrap.com/css/) & [components](http://getbootstrap.com/components/)
56 |
57 | Note: glyphicons are currently not implemented, this is a bit tricky to do with css modules. An idea could be to use svg loader to load the fonts, any help on this appreciated, however currently these should be loaded as a seperate glyphicon.css module, most likely global, pointing to your font paths.
58 |
59 | - alert
60 | - badge
61 | - breadcrumb
62 | - buttonGroup
63 | - buttons
64 | - card
65 | - carousel
66 | - close
67 | - code
68 | - customForms
69 | - custom
70 | - dropdown
71 | - forms
72 | - grid
73 | - images
74 | - inputGroup
75 | - jumbotron
76 | - listGroup
77 | - media
78 | - modal
79 | - nav
80 | - navbar
81 | - normalize
82 | - pagination
83 | - popover
84 | - print
85 | - progress
86 | - reboot
87 | - responsiveEmbed
88 | - tables
89 | - tooltip
90 | - transitions
91 | - type
92 | - utilities
93 |
94 | ## License
95 |
96 | [MIT](http://isekivacenz.mit-license.org/)
97 |
--------------------------------------------------------------------------------
/lib/tables.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .table {
8 | width: 100%;
9 | max-width: 100%;
10 | margin-bottom: 1rem; }
11 |
12 | .table th,
13 | .table td {
14 | padding: 0.75rem;
15 | vertical-align: top;
16 | border-top: 1px solid #eceeef; }
17 |
18 | .table thead th {
19 | vertical-align: bottom;
20 | border-bottom: 2px solid #eceeef; }
21 |
22 | .table tbody + tbody {
23 | border-top: 2px solid #eceeef; }
24 |
25 | .table .table {
26 | background-color: #fff; }
27 |
28 | .table-sm th,
29 | .table-sm td {
30 | padding: 0.3rem; }
31 |
32 | .table-bordered {
33 | border: 1px solid #eceeef; }
34 |
35 | .table-bordered th,
36 | .table-bordered td {
37 | border: 1px solid #eceeef; }
38 |
39 | .table-bordered thead th,
40 | .table-bordered thead td {
41 | border-bottom-width: 2px; }
42 |
43 | .table-striped tbody tr:nth-of-type(odd) {
44 | background-color: rgba(0, 0, 0, 0.05); }
45 |
46 | .table-hover tbody tr:hover {
47 | background-color: rgba(0, 0, 0, 0.075); }
48 |
49 | .table-active,
50 | .table-active > th,
51 | .table-active > td {
52 | background-color: rgba(0, 0, 0, 0.075); }
53 |
54 | .table-hover .table-active:hover {
55 | background-color: rgba(0, 0, 0, 0.075); }
56 |
57 | .table-hover .table-active:hover > td,
58 | .table-hover .table-active:hover > th {
59 | background-color: rgba(0, 0, 0, 0.075); }
60 |
61 | .table-success,
62 | .table-success > th,
63 | .table-success > td {
64 | background-color: #dff0d8; }
65 |
66 | .table-hover .table-success:hover {
67 | background-color: #d0e9c6; }
68 |
69 | .table-hover .table-success:hover > td,
70 | .table-hover .table-success:hover > th {
71 | background-color: #d0e9c6; }
72 |
73 | .table-info,
74 | .table-info > th,
75 | .table-info > td {
76 | background-color: #d9edf7; }
77 |
78 | .table-hover .table-info:hover {
79 | background-color: #c4e3f3; }
80 |
81 | .table-hover .table-info:hover > td,
82 | .table-hover .table-info:hover > th {
83 | background-color: #c4e3f3; }
84 |
85 | .table-warning,
86 | .table-warning > th,
87 | .table-warning > td {
88 | background-color: #fcf8e3; }
89 |
90 | .table-hover .table-warning:hover {
91 | background-color: #faf2cc; }
92 |
93 | .table-hover .table-warning:hover > td,
94 | .table-hover .table-warning:hover > th {
95 | background-color: #faf2cc; }
96 |
97 | .table-danger,
98 | .table-danger > th,
99 | .table-danger > td {
100 | background-color: #f2dede; }
101 |
102 | .table-hover .table-danger:hover {
103 | background-color: #ebcccc; }
104 |
105 | .table-hover .table-danger:hover > td,
106 | .table-hover .table-danger:hover > th {
107 | background-color: #ebcccc; }
108 |
109 | .thead-inverse th {
110 | color: #fff;
111 | background-color: #292b2c; }
112 |
113 | .thead-default th {
114 | color: #464a4c;
115 | background-color: #eceeef; }
116 |
117 | .table-inverse {
118 | color: #fff;
119 | background-color: #292b2c; }
120 |
121 | .table-inverse th,
122 | .table-inverse td,
123 | .table-inverse thead th {
124 | border-color: #fff; }
125 |
126 | .table-inverse.table-bordered {
127 | border: 0; }
128 |
129 | .table-responsive {
130 | display: block;
131 | width: 100%;
132 | overflow-x: auto;
133 | -ms-overflow-style: -ms-autohiding-scrollbar; }
134 |
135 | .table-responsive.table-bordered {
136 | border: 0; }
137 |
--------------------------------------------------------------------------------
/lib/reboot.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | html {
8 | box-sizing: border-box; }
9 |
10 | *,
11 | *::before,
12 | *::after {
13 | box-sizing: inherit; }
14 |
15 | @-ms-viewport {
16 | width: device-width; }
17 |
18 | html {
19 | -ms-overflow-style: scrollbar;
20 | -webkit-tap-highlight-color: transparent; }
21 |
22 | body {
23 | font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
24 | font-size: 1rem;
25 | font-weight: normal;
26 | line-height: 1.5;
27 | color: #292b2c;
28 | background-color: #fff; }
29 |
30 | [tabindex="-1"]:focus {
31 | outline: none !important; }
32 |
33 | h1, h2, h3, h4, h5, h6 {
34 | margin-top: 0;
35 | margin-bottom: .5rem; }
36 |
37 | p {
38 | margin-top: 0;
39 | margin-bottom: 1rem; }
40 |
41 | abbr[title],
42 | abbr[data-original-title] {
43 | cursor: help; }
44 |
45 | address {
46 | margin-bottom: 1rem;
47 | font-style: normal;
48 | line-height: inherit; }
49 |
50 | ol,
51 | ul,
52 | dl {
53 | margin-top: 0;
54 | margin-bottom: 1rem; }
55 |
56 | ol ol,
57 | ul ul,
58 | ol ul,
59 | ul ol {
60 | margin-bottom: 0; }
61 |
62 | dt {
63 | font-weight: bold; }
64 |
65 | dd {
66 | margin-bottom: .5rem;
67 | margin-left: 0; }
68 |
69 | blockquote {
70 | margin: 0 0 1rem; }
71 |
72 | a {
73 | color: #0275d8;
74 | text-decoration: none; }
75 |
76 | a:focus, a:hover {
77 | color: #014c8c;
78 | text-decoration: underline; }
79 |
80 | a:not([href]):not([tabindex]) {
81 | color: inherit;
82 | text-decoration: none; }
83 |
84 | a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
85 | color: inherit;
86 | text-decoration: none; }
87 |
88 | a:not([href]):not([tabindex]):focus {
89 | outline: 0; }
90 |
91 | pre {
92 | margin-top: 0;
93 | margin-bottom: 1rem;
94 | overflow: auto; }
95 |
96 | figure {
97 | margin: 0 0 1rem; }
98 |
99 | img {
100 | vertical-align: middle; }
101 |
102 | [role="button"] {
103 | cursor: pointer; }
104 |
105 | a,
106 | area,
107 | button,
108 | [role="button"],
109 | input,
110 | label,
111 | select,
112 | summary,
113 | textarea {
114 | touch-action: manipulation; }
115 |
116 | table {
117 | border-collapse: collapse;
118 | background-color: transparent; }
119 |
120 | caption {
121 | padding-top: 0.75rem;
122 | padding-bottom: 0.75rem;
123 | color: #636c72;
124 | text-align: left;
125 | caption-side: bottom; }
126 |
127 | th {
128 | text-align: left; }
129 |
130 | label {
131 | display: inline-block;
132 | margin-bottom: .5rem; }
133 |
134 | button:focus {
135 | outline: 1px dotted;
136 | outline: 5px auto -webkit-focus-ring-color; }
137 |
138 | input,
139 | button,
140 | select,
141 | textarea {
142 | line-height: inherit; }
143 |
144 | input[type="radio"]:disabled,
145 | input[type="checkbox"]:disabled {
146 | cursor: not-allowed; }
147 |
148 | input[type="date"],
149 | input[type="time"],
150 | input[type="datetime-local"],
151 | input[type="month"] {
152 | -webkit-appearance: listbox; }
153 |
154 | textarea {
155 | resize: vertical; }
156 |
157 | fieldset {
158 | min-width: 0;
159 | padding: 0;
160 | margin: 0;
161 | border: 0; }
162 |
163 | legend {
164 | display: block;
165 | width: 100%;
166 | padding: 0;
167 | margin-bottom: .5rem;
168 | font-size: 1.5rem;
169 | line-height: inherit; }
170 |
171 | input[type="search"] {
172 | -webkit-appearance: none; }
173 |
174 | output {
175 | display: inline-block; }
176 |
177 | [hidden] {
178 | display: none !important; }
179 |
--------------------------------------------------------------------------------
/lib/normalize.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
8 | html {
9 | font-family: sans-serif;
10 | line-height: 1.15;
11 | -ms-text-size-adjust: 100%;
12 | -webkit-text-size-adjust: 100%; }
13 |
14 | body {
15 | margin: 0; }
16 |
17 | article,
18 | aside,
19 | footer,
20 | header,
21 | nav,
22 | section {
23 | display: block; }
24 |
25 | h1 {
26 | font-size: 2em;
27 | margin: 0.67em 0; }
28 |
29 | figcaption,
30 | figure,
31 | main {
32 | display: block; }
33 |
34 | figure {
35 | margin: 1em 40px; }
36 |
37 | hr {
38 | box-sizing: content-box;
39 | height: 0;
40 | overflow: visible; }
41 |
42 | pre {
43 | font-family: monospace, monospace;
44 | font-size: 1em; }
45 |
46 | a {
47 | background-color: transparent;
48 | -webkit-text-decoration-skip: objects; }
49 |
50 | a:active,
51 | a:hover {
52 | outline-width: 0; }
53 |
54 | abbr[title] {
55 | border-bottom: none;
56 | text-decoration: underline;
57 | text-decoration: underline dotted; }
58 |
59 | b,
60 | strong {
61 | font-weight: inherit; }
62 |
63 | b,
64 | strong {
65 | font-weight: bolder; }
66 |
67 | code,
68 | kbd,
69 | samp {
70 | font-family: monospace, monospace;
71 | font-size: 1em; }
72 |
73 | dfn {
74 | font-style: italic; }
75 |
76 | mark {
77 | background-color: #ff0;
78 | color: #000; }
79 |
80 | small {
81 | font-size: 80%; }
82 |
83 | sub,
84 | sup {
85 | font-size: 75%;
86 | line-height: 0;
87 | position: relative;
88 | vertical-align: baseline; }
89 |
90 | sub {
91 | bottom: -0.25em; }
92 |
93 | sup {
94 | top: -0.5em; }
95 |
96 | audio,
97 | video {
98 | display: inline-block; }
99 |
100 | audio:not([controls]) {
101 | display: none;
102 | height: 0; }
103 |
104 | img {
105 | border-style: none; }
106 |
107 | svg:not(:root) {
108 | overflow: hidden; }
109 |
110 | button,
111 | input,
112 | optgroup,
113 | select,
114 | textarea {
115 | font-family: sans-serif;
116 | font-size: 100%;
117 | line-height: 1.15;
118 | margin: 0; }
119 |
120 | button,
121 | input {
122 | overflow: visible; }
123 |
124 | button,
125 | select {
126 | text-transform: none; }
127 |
128 | button,
129 | html [type="button"],
130 | [type="reset"],
131 | [type="submit"] {
132 | -webkit-appearance: button; }
133 |
134 | button::-moz-focus-inner,
135 | [type="button"]::-moz-focus-inner,
136 | [type="reset"]::-moz-focus-inner,
137 | [type="submit"]::-moz-focus-inner {
138 | border-style: none;
139 | padding: 0; }
140 |
141 | button:-moz-focusring,
142 | [type="button"]:-moz-focusring,
143 | [type="reset"]:-moz-focusring,
144 | [type="submit"]:-moz-focusring {
145 | outline: 1px dotted ButtonText; }
146 |
147 | fieldset {
148 | border: 1px solid #c0c0c0;
149 | margin: 0 2px;
150 | padding: 0.35em 0.625em 0.75em; }
151 |
152 | legend {
153 | box-sizing: border-box;
154 | color: inherit;
155 | display: table;
156 | max-width: 100%;
157 | padding: 0;
158 | white-space: normal; }
159 |
160 | progress {
161 | display: inline-block;
162 | vertical-align: baseline; }
163 |
164 | textarea {
165 | overflow: auto; }
166 |
167 | [type="checkbox"],
168 | [type="radio"] {
169 | box-sizing: border-box;
170 | padding: 0; }
171 |
172 | [type="number"]::-webkit-inner-spin-button,
173 | [type="number"]::-webkit-outer-spin-button {
174 | height: auto; }
175 |
176 | [type="search"] {
177 | -webkit-appearance: textfield;
178 | outline-offset: -2px; }
179 |
180 | [type="search"]::-webkit-search-cancel-button,
181 | [type="search"]::-webkit-search-decoration {
182 | -webkit-appearance: none; }
183 |
184 | ::-webkit-file-upload-button {
185 | -webkit-appearance: button;
186 | font: inherit; }
187 |
188 | details,
189 | menu {
190 | display: block; }
191 |
192 | summary {
193 | display: list-item; }
194 |
195 | canvas {
196 | display: inline-block; }
197 |
198 | template {
199 | display: none; }
200 |
201 | [hidden] {
202 | display: none; }
203 |
--------------------------------------------------------------------------------
/lib/input-group.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .input-group {
8 | position: relative;
9 | display: flex;
10 | width: 100%; }
11 |
12 | .input-group .form-control {
13 | position: relative;
14 | z-index: 2;
15 | flex: 1 1 auto;
16 | width: 1%;
17 | margin-bottom: 0; }
18 |
19 | .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
20 | z-index: 3; }
21 |
22 | .input-group-addon,
23 | .input-group-btn,
24 | .input-group .form-control {
25 | display: flex;
26 | flex-direction: column;
27 | justify-content: center; }
28 |
29 | .input-group-addon:not(:first-child):not(:last-child),
30 | .input-group-btn:not(:first-child):not(:last-child),
31 | .input-group .form-control:not(:first-child):not(:last-child) {
32 | border-radius: 0; }
33 |
34 | .input-group-addon,
35 | .input-group-btn {
36 | white-space: nowrap;
37 | vertical-align: middle; }
38 |
39 | .input-group-addon {
40 | padding: 0.5rem 0.75rem;
41 | margin-bottom: 0;
42 | font-size: 1rem;
43 | font-weight: normal;
44 | line-height: 1.25;
45 | color: #464a4c;
46 | text-align: center;
47 | background-color: #eceeef;
48 | border: 1px solid rgba(0, 0, 0, 0.15);
49 | border-radius: 0.25rem; }
50 |
51 | .input-group-addon.form-control-sm,
52 | .input-group-sm > .input-group-addon,
53 | .input-group-sm > .input-group-btn > .input-group-addon.btn {
54 | padding: 0.25rem 0.5rem;
55 | font-size: 0.875rem;
56 | border-radius: 0.2rem; }
57 |
58 | .input-group-addon.form-control-lg,
59 | .input-group-lg > .input-group-addon,
60 | .input-group-lg > .input-group-btn > .input-group-addon.btn {
61 | padding: 0.75rem 1.5rem;
62 | font-size: 1.25rem;
63 | border-radius: 0.3rem; }
64 |
65 | .input-group-addon input[type="radio"],
66 | .input-group-addon input[type="checkbox"] {
67 | margin-top: 0; }
68 |
69 | .input-group .form-control:not(:last-child),
70 | .input-group-addon:not(:last-child),
71 | .input-group-btn:not(:last-child) > .btn,
72 | .input-group-btn:not(:last-child) > .btn-group > .btn,
73 | .input-group-btn:not(:last-child) > .dropdown-toggle,
74 | .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
75 | .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
76 | border-bottom-right-radius: 0;
77 | border-top-right-radius: 0; }
78 |
79 | .input-group-addon:not(:last-child) {
80 | border-right: 0; }
81 |
82 | .input-group .form-control:not(:first-child),
83 | .input-group-addon:not(:first-child),
84 | .input-group-btn:not(:first-child) > .btn,
85 | .input-group-btn:not(:first-child) > .btn-group > .btn,
86 | .input-group-btn:not(:first-child) > .dropdown-toggle,
87 | .input-group-btn:not(:last-child) > .btn:not(:first-child),
88 | .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
89 | border-bottom-left-radius: 0;
90 | border-top-left-radius: 0; }
91 |
92 | .form-control + .input-group-addon:not(:first-child) {
93 | border-left: 0; }
94 |
95 | .input-group-btn {
96 | position: relative;
97 | font-size: 0;
98 | white-space: nowrap; }
99 |
100 | .input-group-btn > .btn {
101 | position: relative;
102 | flex: 1; }
103 |
104 | .input-group-btn > .btn + .btn {
105 | margin-left: -1px; }
106 |
107 | .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
108 | z-index: 3; }
109 |
110 | .input-group-btn:not(:last-child) > .btn,
111 | .input-group-btn:not(:last-child) > .btn-group {
112 | margin-right: -1px; }
113 |
114 | .input-group-btn:not(:first-child) > .btn,
115 | .input-group-btn:not(:first-child) > .btn-group {
116 | z-index: 2;
117 | margin-left: -1px; }
118 |
119 | .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
120 | .input-group-btn:not(:first-child) > .btn-group:focus,
121 | .input-group-btn:not(:first-child) > .btn-group:active,
122 | .input-group-btn:not(:first-child) > .btn-group:hover {
123 | z-index: 3; }
124 |
--------------------------------------------------------------------------------
/lib/carousel.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .carousel {
8 | position: relative; }
9 |
10 | .carousel-inner {
11 | position: relative;
12 | width: 100%;
13 | overflow: hidden; }
14 |
15 | .carousel-item {
16 | position: relative;
17 | display: none;
18 | width: 100%; }
19 |
20 | @media (-webkit-transform-3d) {
21 | .carousel-item {
22 | transition: transform 0.6s ease-in-out;
23 | backface-visibility: hidden;
24 | perspective: 1000px; } }
25 |
26 | @supports (transform: translate3d(0, 0, 0)) {
27 | .carousel-item {
28 | transition: transform 0.6s ease-in-out;
29 | backface-visibility: hidden;
30 | perspective: 1000px; } }
31 |
32 | .carousel-item.active,
33 | .carousel-item-next,
34 | .carousel-item-prev {
35 | display: flex; }
36 |
37 | .carousel-item-next,
38 | .carousel-item-prev {
39 | position: absolute;
40 | top: 0; }
41 |
42 | @media (-webkit-transform-3d) {
43 | .carousel-item-next.carousel-item-left,
44 | .carousel-item-prev.carousel-item-right {
45 | transform: translate3d(0, 0, 0); }
46 | .carousel-item-next,
47 | .active.carousel-item-right {
48 | transform: translate3d(100%, 0, 0); }
49 | .carousel-item-prev,
50 | .active.carousel-item-left {
51 | transform: translate3d(-100%, 0, 0); } }
52 |
53 | @supports (transform: translate3d(0, 0, 0)) {
54 | .carousel-item-next.carousel-item-left,
55 | .carousel-item-prev.carousel-item-right {
56 | transform: translate3d(0, 0, 0); }
57 | .carousel-item-next,
58 | .active.carousel-item-right {
59 | transform: translate3d(100%, 0, 0); }
60 | .carousel-item-prev,
61 | .active.carousel-item-left {
62 | transform: translate3d(-100%, 0, 0); } }
63 |
64 | .carousel-control-prev,
65 | .carousel-control-next {
66 | position: absolute;
67 | top: 0;
68 | bottom: 0;
69 | display: flex;
70 | align-items: center;
71 | justify-content: center;
72 | width: 15%;
73 | color: #fff;
74 | text-align: center;
75 | opacity: 0.5; }
76 |
77 | .carousel-control-prev:focus, .carousel-control-prev:hover,
78 | .carousel-control-next:focus,
79 | .carousel-control-next:hover {
80 | color: #fff;
81 | text-decoration: none;
82 | outline: 0;
83 | opacity: .9; }
84 |
85 | .carousel-control-prev {
86 | left: 0; }
87 |
88 | .carousel-control-next {
89 | right: 0; }
90 |
91 | .carousel-control-prev-icon,
92 | .carousel-control-next-icon {
93 | display: inline-block;
94 | width: 20px;
95 | height: 20px;
96 | background: transparent no-repeat center center;
97 | background-size: 100% 100%; }
98 |
99 | .carousel-control-prev-icon {
100 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
101 |
102 | .carousel-control-next-icon {
103 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
104 |
105 | .carousel-indicators {
106 | position: absolute;
107 | right: 0;
108 | bottom: 10px;
109 | left: 0;
110 | z-index: 15;
111 | display: flex;
112 | justify-content: center;
113 | padding-left: 0;
114 | margin-right: 15%;
115 | margin-left: 15%;
116 | list-style: none; }
117 |
118 | .carousel-indicators li {
119 | position: relative;
120 | flex: 1 0 auto;
121 | max-width: 30px;
122 | height: 3px;
123 | margin-right: 3px;
124 | margin-left: 3px;
125 | text-indent: -999px;
126 | cursor: pointer;
127 | background-color: rgba(255, 255, 255, 0.5); }
128 |
129 | .carousel-indicators li::before {
130 | position: absolute;
131 | top: -10px;
132 | left: 0;
133 | display: inline-block;
134 | width: 100%;
135 | height: 10px;
136 | content: ""; }
137 |
138 | .carousel-indicators li::after {
139 | position: absolute;
140 | bottom: -10px;
141 | left: 0;
142 | display: inline-block;
143 | width: 100%;
144 | height: 10px;
145 | content: ""; }
146 |
147 | .carousel-indicators .active {
148 | background-color: #fff; }
149 |
150 | .carousel-caption {
151 | position: absolute;
152 | right: 15%;
153 | bottom: 20px;
154 | left: 15%;
155 | z-index: 10;
156 | padding-top: 20px;
157 | padding-bottom: 20px;
158 | color: #fff;
159 | text-align: center; }
160 |
--------------------------------------------------------------------------------
/lib/button-group.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .btn-group,
8 | .btn-group-vertical {
9 | position: relative;
10 | display: inline-flex;
11 | vertical-align: middle; }
12 |
13 | .btn-group > .btn,
14 | .btn-group-vertical > .btn {
15 | position: relative;
16 | flex: 0 1 auto; }
17 |
18 | .btn-group > .btn:hover,
19 | .btn-group-vertical > .btn:hover {
20 | z-index: 2; }
21 |
22 | .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
23 | .btn-group-vertical > .btn:focus,
24 | .btn-group-vertical > .btn:active,
25 | .btn-group-vertical > .btn.active {
26 | z-index: 2; }
27 |
28 | .btn-group .btn + .btn,
29 | .btn-group .btn + .btn-group,
30 | .btn-group .btn-group + .btn,
31 | .btn-group .btn-group + .btn-group,
32 | .btn-group-vertical .btn + .btn,
33 | .btn-group-vertical .btn + .btn-group,
34 | .btn-group-vertical .btn-group + .btn,
35 | .btn-group-vertical .btn-group + .btn-group {
36 | margin-left: -1px; }
37 |
38 | .btn-toolbar {
39 | display: flex;
40 | justify-content: flex-start; }
41 |
42 | .btn-toolbar .input-group {
43 | width: auto; }
44 |
45 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
46 | border-radius: 0; }
47 |
48 | .btn-group > .btn:first-child {
49 | margin-left: 0; }
50 |
51 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
52 | border-bottom-right-radius: 0;
53 | border-top-right-radius: 0; }
54 |
55 | .btn-group > .btn:last-child:not(:first-child),
56 | .btn-group > .dropdown-toggle:not(:first-child) {
57 | border-bottom-left-radius: 0;
58 | border-top-left-radius: 0; }
59 |
60 | .btn-group > .btn-group {
61 | float: left; }
62 |
63 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
64 | border-radius: 0; }
65 |
66 | .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
67 | .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
68 | border-bottom-right-radius: 0;
69 | border-top-right-radius: 0; }
70 |
71 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
72 | border-bottom-left-radius: 0;
73 | border-top-left-radius: 0; }
74 |
75 | .btn-group .dropdown-toggle:active,
76 | .btn-group.open .dropdown-toggle {
77 | outline: 0; }
78 |
79 | .btn + .dropdown-toggle-split {
80 | padding-right: 0.75rem;
81 | padding-left: 0.75rem; }
82 |
83 | .btn + .dropdown-toggle-split::after {
84 | margin-left: 0; }
85 |
86 | .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
87 | padding-right: 0.375rem;
88 | padding-left: 0.375rem; }
89 |
90 | .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
91 | padding-right: 1.125rem;
92 | padding-left: 1.125rem; }
93 |
94 | .btn-group-vertical {
95 | display: inline-flex;
96 | flex-direction: column;
97 | align-items: flex-start;
98 | justify-content: center; }
99 |
100 | .btn-group-vertical .btn,
101 | .btn-group-vertical .btn-group {
102 | width: 100%; }
103 |
104 | .btn-group-vertical > .btn + .btn,
105 | .btn-group-vertical > .btn + .btn-group,
106 | .btn-group-vertical > .btn-group + .btn,
107 | .btn-group-vertical > .btn-group + .btn-group {
108 | margin-top: -1px;
109 | margin-left: 0; }
110 |
111 | .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
112 | border-radius: 0; }
113 |
114 | .btn-group-vertical > .btn:first-child:not(:last-child) {
115 | border-bottom-right-radius: 0;
116 | border-bottom-left-radius: 0; }
117 |
118 | .btn-group-vertical > .btn:last-child:not(:first-child) {
119 | border-top-right-radius: 0;
120 | border-top-left-radius: 0; }
121 |
122 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
123 | border-radius: 0; }
124 |
125 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
126 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
127 | border-bottom-right-radius: 0;
128 | border-bottom-left-radius: 0; }
129 |
130 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
131 | border-top-right-radius: 0;
132 | border-top-left-radius: 0; }
133 |
134 | [data-toggle="buttons"] > .btn input[type="radio"],
135 | [data-toggle="buttons"] > .btn input[type="checkbox"],
136 | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
137 | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
138 | position: absolute;
139 | clip: rect(0, 0, 0, 0);
140 | pointer-events: none; }
141 |
--------------------------------------------------------------------------------
/lib/popover.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .popover {
8 | position: absolute;
9 | top: 0;
10 | left: 0;
11 | z-index: 1060;
12 | display: block;
13 | max-width: 276px;
14 | padding: 1px;
15 | font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
16 | font-style: normal;
17 | font-weight: normal;
18 | letter-spacing: normal;
19 | line-break: auto;
20 | line-height: 1.5;
21 | text-align: left;
22 | text-align: start;
23 | text-decoration: none;
24 | text-shadow: none;
25 | text-transform: none;
26 | white-space: normal;
27 | word-break: normal;
28 | word-spacing: normal;
29 | font-size: 0.875rem;
30 | word-wrap: break-word;
31 | background-color: #fff;
32 | background-clip: padding-box;
33 | border: 1px solid rgba(0, 0, 0, 0.2);
34 | border-radius: 0.3rem; }
35 |
36 | .popover.popover-top, .popover.bs-tether-element-attached-bottom {
37 | margin-top: -10px; }
38 |
39 | .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
40 | left: 50%;
41 | border-bottom-width: 0; }
42 |
43 | .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
44 | bottom: -11px;
45 | margin-left: -11px;
46 | border-top-color: rgba(0, 0, 0, 0.25); }
47 |
48 | .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
49 | bottom: -10px;
50 | margin-left: -10px;
51 | border-top-color: #fff; }
52 |
53 | .popover.popover-right, .popover.bs-tether-element-attached-left {
54 | margin-left: 10px; }
55 |
56 | .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
57 | top: 50%;
58 | border-left-width: 0; }
59 |
60 | .popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
61 | left: -11px;
62 | margin-top: -11px;
63 | border-right-color: rgba(0, 0, 0, 0.25); }
64 |
65 | .popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
66 | left: -10px;
67 | margin-top: -10px;
68 | border-right-color: #fff; }
69 |
70 | .popover.popover-bottom, .popover.bs-tether-element-attached-top {
71 | margin-top: 10px; }
72 |
73 | .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
74 | left: 50%;
75 | border-top-width: 0; }
76 |
77 | .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
78 | top: -11px;
79 | margin-left: -11px;
80 | border-bottom-color: rgba(0, 0, 0, 0.25); }
81 |
82 | .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
83 | top: -10px;
84 | margin-left: -10px;
85 | border-bottom-color: #f7f7f7; }
86 |
87 | .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
88 | position: absolute;
89 | top: 0;
90 | left: 50%;
91 | display: block;
92 | width: 20px;
93 | margin-left: -10px;
94 | content: "";
95 | border-bottom: 1px solid #f7f7f7; }
96 |
97 | .popover.popover-left, .popover.bs-tether-element-attached-right {
98 | margin-left: -10px; }
99 |
100 | .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
101 | top: 50%;
102 | border-right-width: 0; }
103 |
104 | .popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
105 | right: -11px;
106 | margin-top: -11px;
107 | border-left-color: rgba(0, 0, 0, 0.25); }
108 |
109 | .popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
110 | right: -10px;
111 | margin-top: -10px;
112 | border-left-color: #fff; }
113 |
114 | .popover-title {
115 | padding: 8px 14px;
116 | margin-bottom: 0;
117 | font-size: 1rem;
118 | background-color: #f7f7f7;
119 | border-bottom: 1px solid #ebebeb;
120 | border-top-right-radius: calc(0.3rem - 1px);
121 | border-top-left-radius: calc(0.3rem - 1px); }
122 |
123 | .popover-title:empty {
124 | display: none; }
125 |
126 | .popover-content {
127 | padding: 9px 14px; }
128 |
129 | .popover::before,
130 | .popover::after {
131 | position: absolute;
132 | display: block;
133 | width: 0;
134 | height: 0;
135 | border-color: transparent;
136 | border-style: solid; }
137 |
138 | .popover::before {
139 | content: "";
140 | border-width: 11px; }
141 |
142 | .popover::after {
143 | content: "";
144 | border-width: 10px; }
145 |
--------------------------------------------------------------------------------
/lib/custom-forms.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .custom-control {
8 | position: relative;
9 | display: inline-flex;
10 | min-height: 1.5rem;
11 | padding-left: 1.5rem;
12 | margin-right: 1rem;
13 | cursor: pointer; }
14 |
15 | .custom-control-input {
16 | position: absolute;
17 | z-index: -1;
18 | opacity: 0; }
19 |
20 | .custom-control-input:checked ~ .custom-control-indicator {
21 | color: #fff;
22 | background-color: #0275d8; }
23 |
24 | .custom-control-input:focus ~ .custom-control-indicator {
25 | box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; }
26 |
27 | .custom-control-input:active ~ .custom-control-indicator {
28 | color: #fff;
29 | background-color: #8fcafe; }
30 |
31 | .custom-control-input:disabled ~ .custom-control-indicator {
32 | cursor: not-allowed;
33 | background-color: #eceeef; }
34 |
35 | .custom-control-input:disabled ~ .custom-control-description {
36 | color: #636c72;
37 | cursor: not-allowed; }
38 |
39 | .custom-control-indicator {
40 | position: absolute;
41 | top: 0.25rem;
42 | left: 0;
43 | display: block;
44 | width: 1rem;
45 | height: 1rem;
46 | pointer-events: none;
47 | user-select: none;
48 | background-color: #ddd;
49 | background-repeat: no-repeat;
50 | background-position: center center;
51 | background-size: 50% 50%; }
52 |
53 | .custom-checkbox .custom-control-indicator {
54 | border-radius: 0.25rem; }
55 |
56 | .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
57 | 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"); }
58 |
59 | .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
60 | background-color: #0275d8;
61 | 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"); }
62 |
63 | .custom-radio .custom-control-indicator {
64 | border-radius: 50%; }
65 |
66 | .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
67 | 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"); }
68 |
69 | .custom-controls-stacked {
70 | display: flex;
71 | flex-direction: column; }
72 |
73 | .custom-controls-stacked .custom-control {
74 | margin-bottom: 0.25rem; }
75 |
76 | .custom-controls-stacked .custom-control + .custom-control {
77 | margin-left: 0; }
78 |
79 | .custom-select {
80 | display: inline-block;
81 | max-width: 100%;
82 | height: calc(2.25rem + 2px);
83 | padding: 0.375rem 1.75rem 0.375rem 0.75rem;
84 | line-height: 1.25;
85 | color: #464a4c;
86 | vertical-align: middle;
87 | 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;
88 | background-size: 8px 10px;
89 | border: 1px solid rgba(0, 0, 0, 0.15);
90 | border-radius: 0.25rem;
91 | -moz-appearance: none;
92 | -webkit-appearance: none; }
93 |
94 | .custom-select:focus {
95 | border-color: #5cb3fd;
96 | outline: none; }
97 |
98 | .custom-select:focus::-ms-value {
99 | color: #464a4c;
100 | background-color: #fff; }
101 |
102 | .custom-select:disabled {
103 | color: #636c72;
104 | cursor: not-allowed;
105 | background-color: #eceeef; }
106 |
107 | .custom-select::-ms-expand {
108 | opacity: 0; }
109 |
110 | .custom-select-sm {
111 | padding-top: 0.375rem;
112 | padding-bottom: 0.375rem;
113 | font-size: 75%; }
114 |
115 | .custom-file {
116 | position: relative;
117 | display: inline-block;
118 | max-width: 100%;
119 | height: 2.5rem;
120 | margin-bottom: 0;
121 | cursor: pointer; }
122 |
123 | .custom-file-input {
124 | min-width: 14rem;
125 | max-width: 100%;
126 | height: 2.5rem;
127 | margin: 0;
128 | filter: alpha(opacity=0);
129 | opacity: 0; }
130 |
131 | .custom-file-control {
132 | position: absolute;
133 | top: 0;
134 | right: 0;
135 | left: 0;
136 | z-index: 5;
137 | height: 2.5rem;
138 | padding: 0.5rem 1rem;
139 | line-height: 1.5;
140 | color: #464a4c;
141 | pointer-events: none;
142 | user-select: none;
143 | background-color: #fff;
144 | border: 1px solid rgba(0, 0, 0, 0.15);
145 | border-radius: 0.25rem; }
146 |
147 | .custom-file-control:lang(en)::after {
148 | content: "Choose file..."; }
149 |
150 | .custom-file-control::before {
151 | position: absolute;
152 | top: -1px;
153 | right: -1px;
154 | bottom: -1px;
155 | z-index: 6;
156 | display: block;
157 | height: 2.5rem;
158 | padding: 0.5rem 1rem;
159 | line-height: 1.5;
160 | color: #464a4c;
161 | background-color: #eceeef;
162 | border: 1px solid rgba(0, 0, 0, 0.15);
163 | border-radius: 0 0.25rem 0.25rem 0; }
164 |
165 | .custom-file-control:lang(en)::before {
166 | content: "Browse"; }
167 |
--------------------------------------------------------------------------------
/lib/list-group.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .list-group {
8 | display: flex;
9 | flex-direction: column;
10 | padding-left: 0;
11 | margin-bottom: 0; }
12 |
13 | .list-group-item-action {
14 | width: 100%;
15 | color: #464a4c;
16 | text-align: inherit; }
17 |
18 | .list-group-item-action .list-group-item-heading {
19 | color: #292b2c; }
20 |
21 | .list-group-item-action:focus, .list-group-item-action:hover {
22 | color: #464a4c;
23 | text-decoration: none;
24 | background-color: #f7f7f9; }
25 |
26 | .list-group-item-action:active {
27 | color: #292b2c;
28 | background-color: #eceeef; }
29 |
30 | .list-group-item {
31 | position: relative;
32 | display: flex;
33 | flex-flow: row wrap;
34 | align-items: center;
35 | padding: 0.75rem 1.25rem;
36 | margin-bottom: -1px;
37 | background-color: #fff;
38 | border: 1px solid rgba(0, 0, 0, 0.125); }
39 |
40 | .list-group-item:first-child {
41 | border-top-right-radius: 0.25rem;
42 | border-top-left-radius: 0.25rem; }
43 |
44 | .list-group-item:last-child {
45 | margin-bottom: 0;
46 | border-bottom-right-radius: 0.25rem;
47 | border-bottom-left-radius: 0.25rem; }
48 |
49 | .list-group-item:focus, .list-group-item:hover {
50 | text-decoration: none; }
51 |
52 | .list-group-item.disabled, .list-group-item:disabled {
53 | color: #636c72;
54 | cursor: not-allowed;
55 | background-color: #fff; }
56 |
57 | .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
58 | color: inherit; }
59 |
60 | .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
61 | color: #636c72; }
62 |
63 | .list-group-item.active {
64 | z-index: 2;
65 | color: #fff;
66 | background-color: #0275d8;
67 | border-color: #0275d8; }
68 |
69 | .list-group-item.active .list-group-item-heading,
70 | .list-group-item.active .list-group-item-heading > small,
71 | .list-group-item.active .list-group-item-heading > .small {
72 | color: inherit; }
73 |
74 | .list-group-item.active .list-group-item-text {
75 | color: #daeeff; }
76 |
77 | .list-group-flush .list-group-item {
78 | border-right: 0;
79 | border-left: 0;
80 | border-radius: 0; }
81 |
82 | .list-group-flush:first-child .list-group-item:first-child {
83 | border-top: 0; }
84 |
85 | .list-group-flush:last-child .list-group-item:last-child {
86 | border-bottom: 0; }
87 |
88 | .list-group-item-success {
89 | color: #3c763d;
90 | background-color: #dff0d8; }
91 |
92 | a.list-group-item-success,
93 | button.list-group-item-success {
94 | color: #3c763d; }
95 |
96 | a.list-group-item-success .list-group-item-heading,
97 | button.list-group-item-success .list-group-item-heading {
98 | color: inherit; }
99 |
100 | a.list-group-item-success:focus, a.list-group-item-success:hover,
101 | button.list-group-item-success:focus,
102 | button.list-group-item-success:hover {
103 | color: #3c763d;
104 | background-color: #d0e9c6; }
105 |
106 | a.list-group-item-success.active,
107 | button.list-group-item-success.active {
108 | color: #fff;
109 | background-color: #3c763d;
110 | border-color: #3c763d; }
111 |
112 | .list-group-item-info {
113 | color: #31708f;
114 | background-color: #d9edf7; }
115 |
116 | a.list-group-item-info,
117 | button.list-group-item-info {
118 | color: #31708f; }
119 |
120 | a.list-group-item-info .list-group-item-heading,
121 | button.list-group-item-info .list-group-item-heading {
122 | color: inherit; }
123 |
124 | a.list-group-item-info:focus, a.list-group-item-info:hover,
125 | button.list-group-item-info:focus,
126 | button.list-group-item-info:hover {
127 | color: #31708f;
128 | background-color: #c4e3f3; }
129 |
130 | a.list-group-item-info.active,
131 | button.list-group-item-info.active {
132 | color: #fff;
133 | background-color: #31708f;
134 | border-color: #31708f; }
135 |
136 | .list-group-item-warning {
137 | color: #8a6d3b;
138 | background-color: #fcf8e3; }
139 |
140 | a.list-group-item-warning,
141 | button.list-group-item-warning {
142 | color: #8a6d3b; }
143 |
144 | a.list-group-item-warning .list-group-item-heading,
145 | button.list-group-item-warning .list-group-item-heading {
146 | color: inherit; }
147 |
148 | a.list-group-item-warning:focus, a.list-group-item-warning:hover,
149 | button.list-group-item-warning:focus,
150 | button.list-group-item-warning:hover {
151 | color: #8a6d3b;
152 | background-color: #faf2cc; }
153 |
154 | a.list-group-item-warning.active,
155 | button.list-group-item-warning.active {
156 | color: #fff;
157 | background-color: #8a6d3b;
158 | border-color: #8a6d3b; }
159 |
160 | .list-group-item-danger {
161 | color: #a94442;
162 | background-color: #f2dede; }
163 |
164 | a.list-group-item-danger,
165 | button.list-group-item-danger {
166 | color: #a94442; }
167 |
168 | a.list-group-item-danger .list-group-item-heading,
169 | button.list-group-item-danger .list-group-item-heading {
170 | color: inherit; }
171 |
172 | a.list-group-item-danger:focus, a.list-group-item-danger:hover,
173 | button.list-group-item-danger:focus,
174 | button.list-group-item-danger:hover {
175 | color: #a94442;
176 | background-color: #ebcccc; }
177 |
178 | a.list-group-item-danger.active,
179 | button.list-group-item-danger.active {
180 | color: #fff;
181 | background-color: #a94442;
182 | border-color: #a94442; }
183 |
--------------------------------------------------------------------------------
/lib/card.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .card {
8 | position: relative;
9 | display: flex;
10 | flex-direction: column;
11 | background-color: #fff;
12 | border: 1px solid rgba(0, 0, 0, 0.125);
13 | border-radius: 0.25rem; }
14 |
15 | .card-block {
16 | flex: 1 1 auto;
17 | padding: 1.25rem; }
18 |
19 | .card-title {
20 | margin-bottom: 0.75rem; }
21 |
22 | .card-subtitle {
23 | margin-top: -0.375rem;
24 | margin-bottom: 0; }
25 |
26 | .card-text:last-child {
27 | margin-bottom: 0; }
28 |
29 | .card-link:hover {
30 | text-decoration: none; }
31 |
32 | .card-link + .card-link {
33 | margin-left: 1.25rem; }
34 |
35 | .card > .list-group:first-child .list-group-item:first-child {
36 | border-top-right-radius: 0.25rem;
37 | border-top-left-radius: 0.25rem; }
38 |
39 | .card > .list-group:last-child .list-group-item:last-child {
40 | border-bottom-right-radius: 0.25rem;
41 | border-bottom-left-radius: 0.25rem; }
42 |
43 | .card-header {
44 | padding: 0.75rem 1.25rem;
45 | margin-bottom: 0;
46 | background-color: #f7f7f9;
47 | border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
48 |
49 | .card-header:first-child {
50 | border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
51 |
52 | .card-footer {
53 | padding: 0.75rem 1.25rem;
54 | background-color: #f7f7f9;
55 | border-top: 1px solid rgba(0, 0, 0, 0.125); }
56 |
57 | .card-footer:last-child {
58 | border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
59 |
60 | .card-header-tabs {
61 | margin-right: -0.625rem;
62 | margin-bottom: -0.75rem;
63 | margin-left: -0.625rem;
64 | border-bottom: 0; }
65 |
66 | .card-header-pills {
67 | margin-right: -0.625rem;
68 | margin-left: -0.625rem; }
69 |
70 | .card-primary {
71 | background-color: #0275d8;
72 | border-color: #0275d8; }
73 |
74 | .card-primary .card-header,
75 | .card-primary .card-footer {
76 | background-color: transparent; }
77 |
78 | .card-success {
79 | background-color: #5cb85c;
80 | border-color: #5cb85c; }
81 |
82 | .card-success .card-header,
83 | .card-success .card-footer {
84 | background-color: transparent; }
85 |
86 | .card-info {
87 | background-color: #5bc0de;
88 | border-color: #5bc0de; }
89 |
90 | .card-info .card-header,
91 | .card-info .card-footer {
92 | background-color: transparent; }
93 |
94 | .card-warning {
95 | background-color: #f0ad4e;
96 | border-color: #f0ad4e; }
97 |
98 | .card-warning .card-header,
99 | .card-warning .card-footer {
100 | background-color: transparent; }
101 |
102 | .card-danger {
103 | background-color: #d9534f;
104 | border-color: #d9534f; }
105 |
106 | .card-danger .card-header,
107 | .card-danger .card-footer {
108 | background-color: transparent; }
109 |
110 | .card-outline-primary {
111 | background-color: transparent;
112 | border-color: #0275d8; }
113 |
114 | .card-outline-secondary {
115 | background-color: transparent;
116 | border-color: #ccc; }
117 |
118 | .card-outline-info {
119 | background-color: transparent;
120 | border-color: #5bc0de; }
121 |
122 | .card-outline-success {
123 | background-color: transparent;
124 | border-color: #5cb85c; }
125 |
126 | .card-outline-warning {
127 | background-color: transparent;
128 | border-color: #f0ad4e; }
129 |
130 | .card-outline-danger {
131 | background-color: transparent;
132 | border-color: #d9534f; }
133 |
134 | .card-inverse {
135 | color: rgba(255, 255, 255, 0.65); }
136 |
137 | .card-inverse .card-header,
138 | .card-inverse .card-footer {
139 | background-color: transparent;
140 | border-color: rgba(255, 255, 255, 0.2); }
141 |
142 | .card-inverse .card-header,
143 | .card-inverse .card-footer,
144 | .card-inverse .card-title,
145 | .card-inverse .card-blockquote {
146 | color: #fff; }
147 |
148 | .card-inverse .card-link,
149 | .card-inverse .card-text,
150 | .card-inverse .card-subtitle,
151 | .card-inverse .card-blockquote .blockquote-footer {
152 | color: rgba(255, 255, 255, 0.65); }
153 |
154 | .card-inverse .card-link:focus, .card-inverse .card-link:hover {
155 | color: #fff; }
156 |
157 | .card-blockquote {
158 | padding: 0;
159 | margin-bottom: 0;
160 | border-left: 0; }
161 |
162 | .card-img {
163 | border-radius: calc(0.25rem - 1px); }
164 |
165 | .card-img-overlay {
166 | position: absolute;
167 | top: 0;
168 | right: 0;
169 | bottom: 0;
170 | left: 0;
171 | padding: 1.25rem; }
172 |
173 | .card-img-top {
174 | border-top-right-radius: calc(0.25rem - 1px);
175 | border-top-left-radius: calc(0.25rem - 1px); }
176 |
177 | .card-img-bottom {
178 | border-bottom-right-radius: calc(0.25rem - 1px);
179 | border-bottom-left-radius: calc(0.25rem - 1px); }
180 |
181 | @media (min-width: 576px) {
182 | .card-deck {
183 | display: flex;
184 | flex-flow: row wrap; }
185 | .card-deck .card {
186 | display: flex;
187 | flex: 1 0 0;
188 | flex-direction: column; }
189 | .card-deck .card:not(:first-child) {
190 | margin-left: 15px; }
191 | .card-deck .card:not(:last-child) {
192 | margin-right: 15px; } }
193 |
194 | @media (min-width: 576px) {
195 | .card-group {
196 | display: flex;
197 | flex-flow: row wrap; }
198 | .card-group .card {
199 | flex: 1 0 0; }
200 | .card-group .card + .card {
201 | margin-left: 0;
202 | border-left: 0; }
203 | .card-group .card:first-child {
204 | border-bottom-right-radius: 0;
205 | border-top-right-radius: 0; }
206 | .card-group .card:first-child .card-img-top {
207 | border-top-right-radius: 0; }
208 | .card-group .card:first-child .card-img-bottom {
209 | border-bottom-right-radius: 0; }
210 | .card-group .card:last-child {
211 | border-bottom-left-radius: 0;
212 | border-top-left-radius: 0; }
213 | .card-group .card:last-child .card-img-top {
214 | border-top-left-radius: 0; }
215 | .card-group .card:last-child .card-img-bottom {
216 | border-bottom-left-radius: 0; }
217 | .card-group .card:not(:first-child):not(:last-child) {
218 | border-radius: 0; }
219 | .card-group .card:not(:first-child):not(:last-child) .card-img-top,
220 | .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
221 | border-radius: 0; } }
222 |
223 | @media (min-width: 576px) {
224 | .card-columns {
225 | column-count: 3;
226 | column-gap: 1.25rem; }
227 | .card-columns .card {
228 | display: inline-block;
229 | width: 100%;
230 | margin-bottom: 0.75rem; } }
231 |
--------------------------------------------------------------------------------
/lib/forms.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .form-control {
8 | display: block;
9 | width: 100%;
10 | padding: 0.5rem 0.75rem;
11 | font-size: 1rem;
12 | line-height: 1.25;
13 | color: #464a4c;
14 | background-color: #fff;
15 | background-image: none;
16 | background-clip: padding-box;
17 | border: 1px solid rgba(0, 0, 0, 0.15);
18 | border-radius: 0.25rem;
19 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
20 |
21 | .form-control::-ms-expand {
22 | background-color: transparent;
23 | border: 0; }
24 |
25 | .form-control:focus {
26 | color: #464a4c;
27 | background-color: #fff;
28 | border-color: #5cb3fd;
29 | outline: none; }
30 |
31 | .form-control::placeholder {
32 | color: #636c72;
33 | opacity: 1; }
34 |
35 | .form-control:disabled, .form-control[readonly] {
36 | background-color: #eceeef;
37 | opacity: 1; }
38 |
39 | .form-control:disabled {
40 | cursor: not-allowed; }
41 |
42 | select.form-control:not([size]):not([multiple]) {
43 | height: calc(2.25rem + 2px); }
44 |
45 | select.form-control:focus::-ms-value {
46 | color: #464a4c;
47 | background-color: #fff; }
48 |
49 | .form-control-file,
50 | .form-control-range {
51 | display: block; }
52 |
53 | .col-form-label {
54 | padding-top: calc(0.5rem - 1px * 2);
55 | padding-bottom: calc(0.5rem - 1px * 2);
56 | margin-bottom: 0; }
57 |
58 | .col-form-label-lg {
59 | padding-top: calc(0.75rem - 1px * 2);
60 | padding-bottom: calc(0.75rem - 1px * 2);
61 | font-size: 1.25rem; }
62 |
63 | .col-form-label-sm {
64 | padding-top: calc(0.25rem - 1px * 2);
65 | padding-bottom: calc(0.25rem - 1px * 2);
66 | font-size: 0.875rem; }
67 |
68 | .col-form-legend {
69 | padding-top: 0.5rem;
70 | padding-bottom: 0.5rem;
71 | margin-bottom: 0;
72 | font-size: 1rem; }
73 |
74 | .form-control-static {
75 | padding-top: 0.5rem;
76 | padding-bottom: 0.5rem;
77 | margin-bottom: 0;
78 | line-height: 1.25;
79 | border: solid transparent;
80 | border-width: 1px 0; }
81 |
82 | .form-control-static.form-control-sm, .form-control-static.form-control-lg {
83 | padding-right: 0;
84 | padding-left: 0; }
85 |
86 | .form-control-sm {
87 | padding: 0.25rem 0.5rem;
88 | font-size: 0.875rem;
89 | border-radius: 0.2rem; }
90 |
91 | select.form-control-sm:not([size]):not([multiple]) {
92 | height: 1.8125rem; }
93 |
94 | .form-control-lg {
95 | padding: 0.75rem 1.5rem;
96 | font-size: 1.25rem;
97 | border-radius: 0.3rem; }
98 |
99 | select.form-control-lg:not([size]):not([multiple]) {
100 | height: 3.16667rem; }
101 |
102 | .form-group {
103 | margin-bottom: 1rem; }
104 |
105 | .form-text {
106 | display: block;
107 | margin-top: 0.25rem; }
108 |
109 | .form-check {
110 | position: relative;
111 | display: block;
112 | margin-bottom: 0.5rem; }
113 |
114 | .form-check.disabled .form-check-label {
115 | color: #636c72;
116 | cursor: not-allowed; }
117 |
118 | .form-check-label {
119 | padding-left: 1.25rem;
120 | margin-bottom: 0;
121 | cursor: pointer; }
122 |
123 | .form-check-input {
124 | position: absolute;
125 | margin-top: 0.25rem;
126 | margin-left: -1.25rem; }
127 |
128 | .form-check-input:only-child {
129 | position: static; }
130 |
131 | .form-check-inline {
132 | display: inline-block; }
133 |
134 | .form-check-inline .form-check-label {
135 | vertical-align: middle; }
136 |
137 | .form-check-inline + .form-check-inline {
138 | margin-left: 0.75rem; }
139 |
140 | .form-control-feedback {
141 | margin-top: 0.25rem; }
142 |
143 | .form-control-success,
144 | .form-control-warning,
145 | .form-control-danger {
146 | padding-right: 2.25rem;
147 | background-repeat: no-repeat;
148 | background-position: center right 0.5625rem;
149 | background-size: 1.125rem 1.125rem; }
150 |
151 | .has-success .form-control-feedback,
152 | .has-success .form-control-label,
153 | .has-success .col-form-label,
154 | .has-success .form-check-label,
155 | .has-success .custom-control {
156 | color: #5cb85c; }
157 |
158 | .has-success .form-control {
159 | border-color: #5cb85c; }
160 |
161 | .has-success .input-group-addon {
162 | color: #5cb85c;
163 | border-color: #5cb85c;
164 | background-color: #eaf6ea; }
165 |
166 | .has-success .form-control-success {
167 | 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"); }
168 |
169 | .has-warning .form-control-feedback,
170 | .has-warning .form-control-label,
171 | .has-warning .col-form-label,
172 | .has-warning .form-check-label,
173 | .has-warning .custom-control {
174 | color: #f0ad4e; }
175 |
176 | .has-warning .form-control {
177 | border-color: #f0ad4e; }
178 |
179 | .has-warning .input-group-addon {
180 | color: #f0ad4e;
181 | border-color: #f0ad4e;
182 | background-color: white; }
183 |
184 | .has-warning .form-control-warning {
185 | 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"); }
186 |
187 | .has-danger .form-control-feedback,
188 | .has-danger .form-control-label,
189 | .has-danger .col-form-label,
190 | .has-danger .form-check-label,
191 | .has-danger .custom-control {
192 | color: #d9534f; }
193 |
194 | .has-danger .form-control {
195 | border-color: #d9534f; }
196 |
197 | .has-danger .input-group-addon {
198 | color: #d9534f;
199 | border-color: #d9534f;
200 | background-color: #fdf7f7; }
201 |
202 | .has-danger .form-control-danger {
203 | 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"); }
204 |
205 | .form-inline {
206 | display: flex;
207 | flex-flow: row wrap;
208 | align-items: center; }
209 |
210 | .form-inline .form-check {
211 | width: 100%; }
212 |
213 | @media (min-width: 576px) {
214 | .form-inline label {
215 | display: flex;
216 | align-items: center;
217 | justify-content: center;
218 | margin-bottom: 0; }
219 | .form-inline .form-group {
220 | display: flex;
221 | flex: 0 0 auto;
222 | flex-flow: row wrap;
223 | align-items: center;
224 | margin-bottom: 0; }
225 | .form-inline .form-control {
226 | display: inline-block;
227 | width: auto;
228 | vertical-align: middle; }
229 | .form-inline .form-control-static {
230 | display: inline-block; }
231 | .form-inline .input-group {
232 | width: auto; }
233 | .form-inline .form-control-label {
234 | margin-bottom: 0;
235 | vertical-align: middle; }
236 | .form-inline .form-check {
237 | display: flex;
238 | align-items: center;
239 | justify-content: center;
240 | width: auto;
241 | margin-top: 0;
242 | margin-bottom: 0; }
243 | .form-inline .form-check-label {
244 | padding-left: 0; }
245 | .form-inline .form-check-input {
246 | position: relative;
247 | margin-top: 0;
248 | margin-right: 0.25rem;
249 | margin-left: 0; }
250 | .form-inline .custom-control {
251 | display: flex;
252 | align-items: center;
253 | justify-content: center;
254 | padding-left: 0; }
255 | .form-inline .custom-control-indicator {
256 | position: static;
257 | display: inline-block;
258 | margin-right: 0.25rem;
259 | vertical-align: text-bottom; }
260 | .form-inline .has-feedback .form-control-feedback {
261 | top: 0; } }
262 |
--------------------------------------------------------------------------------
/lib/navbar.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .navbar {
8 | position: relative;
9 | display: flex;
10 | flex-direction: column;
11 | padding: 0.5rem 1rem; }
12 |
13 | .navbar-brand {
14 | display: inline-block;
15 | padding-top: .25rem;
16 | padding-bottom: .25rem;
17 | margin-right: 1rem;
18 | font-size: 1.25rem;
19 | line-height: inherit;
20 | white-space: nowrap; }
21 |
22 | .navbar-brand:focus, .navbar-brand:hover {
23 | text-decoration: none; }
24 |
25 | .navbar-nav {
26 | display: flex;
27 | flex-direction: column;
28 | padding-left: 0;
29 | margin-bottom: 0;
30 | list-style: none; }
31 |
32 | .navbar-nav .nav-link {
33 | padding-right: 0;
34 | padding-left: 0; }
35 |
36 | .navbar-text {
37 | display: inline-block;
38 | padding-top: .425rem;
39 | padding-bottom: .425rem; }
40 |
41 | .navbar-toggler {
42 | align-self: flex-start;
43 | padding: 0.25rem 0.75rem;
44 | font-size: 1.25rem;
45 | line-height: 1;
46 | background: transparent;
47 | border: 1px solid transparent;
48 | border-radius: 0.25rem; }
49 |
50 | .navbar-toggler:focus, .navbar-toggler:hover {
51 | text-decoration: none; }
52 |
53 | .navbar-toggler-icon {
54 | display: inline-block;
55 | width: 1.5em;
56 | height: 1.5em;
57 | vertical-align: middle;
58 | content: "";
59 | background: no-repeat center center;
60 | background-size: 100% 100%; }
61 |
62 | .navbar-toggler-left {
63 | position: absolute;
64 | left: 1rem; }
65 |
66 | .navbar-toggler-right {
67 | position: absolute;
68 | right: 1rem; }
69 |
70 | @media (max-width: 575px) {
71 | .navbar-toggleable .navbar-nav .dropdown-menu {
72 | position: static;
73 | float: none; }
74 | .navbar-toggleable > .container {
75 | padding-right: 0;
76 | padding-left: 0; } }
77 |
78 | @media (min-width: 576px) {
79 | .navbar-toggleable {
80 | flex-direction: row;
81 | flex-wrap: nowrap;
82 | align-items: center; }
83 | .navbar-toggleable .navbar-nav {
84 | flex-direction: row; }
85 | .navbar-toggleable .navbar-nav .nav-link {
86 | padding-right: .5rem;
87 | padding-left: .5rem; }
88 | .navbar-toggleable > .container {
89 | display: flex;
90 | flex-wrap: nowrap;
91 | align-items: center; }
92 | .navbar-toggleable .navbar-collapse {
93 | display: flex !important;
94 | width: 100%; }
95 | .navbar-toggleable .navbar-toggler {
96 | display: none; } }
97 |
98 | @media (max-width: 767px) {
99 | .navbar-toggleable-sm .navbar-nav .dropdown-menu {
100 | position: static;
101 | float: none; }
102 | .navbar-toggleable-sm > .container {
103 | padding-right: 0;
104 | padding-left: 0; } }
105 |
106 | @media (min-width: 768px) {
107 | .navbar-toggleable-sm {
108 | flex-direction: row;
109 | flex-wrap: nowrap;
110 | align-items: center; }
111 | .navbar-toggleable-sm .navbar-nav {
112 | flex-direction: row; }
113 | .navbar-toggleable-sm .navbar-nav .nav-link {
114 | padding-right: .5rem;
115 | padding-left: .5rem; }
116 | .navbar-toggleable-sm > .container {
117 | display: flex;
118 | flex-wrap: nowrap;
119 | align-items: center; }
120 | .navbar-toggleable-sm .navbar-collapse {
121 | display: flex !important;
122 | width: 100%; }
123 | .navbar-toggleable-sm .navbar-toggler {
124 | display: none; } }
125 |
126 | @media (max-width: 991px) {
127 | .navbar-toggleable-md .navbar-nav .dropdown-menu {
128 | position: static;
129 | float: none; }
130 | .navbar-toggleable-md > .container {
131 | padding-right: 0;
132 | padding-left: 0; } }
133 |
134 | @media (min-width: 992px) {
135 | .navbar-toggleable-md {
136 | flex-direction: row;
137 | flex-wrap: nowrap;
138 | align-items: center; }
139 | .navbar-toggleable-md .navbar-nav {
140 | flex-direction: row; }
141 | .navbar-toggleable-md .navbar-nav .nav-link {
142 | padding-right: .5rem;
143 | padding-left: .5rem; }
144 | .navbar-toggleable-md > .container {
145 | display: flex;
146 | flex-wrap: nowrap;
147 | align-items: center; }
148 | .navbar-toggleable-md .navbar-collapse {
149 | display: flex !important;
150 | width: 100%; }
151 | .navbar-toggleable-md .navbar-toggler {
152 | display: none; } }
153 |
154 | @media (max-width: 1199px) {
155 | .navbar-toggleable-lg .navbar-nav .dropdown-menu {
156 | position: static;
157 | float: none; }
158 | .navbar-toggleable-lg > .container {
159 | padding-right: 0;
160 | padding-left: 0; } }
161 |
162 | @media (min-width: 1200px) {
163 | .navbar-toggleable-lg {
164 | flex-direction: row;
165 | flex-wrap: nowrap;
166 | align-items: center; }
167 | .navbar-toggleable-lg .navbar-nav {
168 | flex-direction: row; }
169 | .navbar-toggleable-lg .navbar-nav .nav-link {
170 | padding-right: .5rem;
171 | padding-left: .5rem; }
172 | .navbar-toggleable-lg > .container {
173 | display: flex;
174 | flex-wrap: nowrap;
175 | align-items: center; }
176 | .navbar-toggleable-lg .navbar-collapse {
177 | display: flex !important;
178 | width: 100%; }
179 | .navbar-toggleable-lg .navbar-toggler {
180 | display: none; } }
181 |
182 | .navbar-toggleable-xl {
183 | flex-direction: row;
184 | flex-wrap: nowrap;
185 | align-items: center; }
186 |
187 | .navbar-toggleable-xl .navbar-nav .dropdown-menu {
188 | position: static;
189 | float: none; }
190 |
191 | .navbar-toggleable-xl > .container {
192 | padding-right: 0;
193 | padding-left: 0; }
194 |
195 | .navbar-toggleable-xl .navbar-nav {
196 | flex-direction: row; }
197 |
198 | .navbar-toggleable-xl .navbar-nav .nav-link {
199 | padding-right: .5rem;
200 | padding-left: .5rem; }
201 |
202 | .navbar-toggleable-xl > .container {
203 | display: flex;
204 | flex-wrap: nowrap;
205 | align-items: center; }
206 |
207 | .navbar-toggleable-xl .navbar-collapse {
208 | display: flex !important;
209 | width: 100%; }
210 |
211 | .navbar-toggleable-xl .navbar-toggler {
212 | display: none; }
213 |
214 | .navbar-light .navbar-brand,
215 | .navbar-light .navbar-toggler {
216 | color: rgba(0, 0, 0, 0.9); }
217 |
218 | .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
219 | .navbar-light .navbar-toggler:focus,
220 | .navbar-light .navbar-toggler:hover {
221 | color: rgba(0, 0, 0, 0.9); }
222 |
223 | .navbar-light .navbar-nav .nav-link {
224 | color: rgba(0, 0, 0, 0.5); }
225 |
226 | .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
227 | color: rgba(0, 0, 0, 0.7); }
228 |
229 | .navbar-light .navbar-nav .nav-link.disabled {
230 | color: rgba(0, 0, 0, 0.3); }
231 |
232 | .navbar-light .navbar-nav .open > .nav-link,
233 | .navbar-light .navbar-nav .active > .nav-link,
234 | .navbar-light .navbar-nav .nav-link.open,
235 | .navbar-light .navbar-nav .nav-link.active {
236 | color: rgba(0, 0, 0, 0.9); }
237 |
238 | .navbar-light .navbar-toggler {
239 | border-color: rgba(0, 0, 0, 0.1); }
240 |
241 | .navbar-light .navbar-toggler-icon {
242 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
243 |
244 | .navbar-light .navbar-text {
245 | color: rgba(0, 0, 0, 0.5); }
246 |
247 | .navbar-inverse .navbar-brand,
248 | .navbar-inverse .navbar-toggler {
249 | color: white; }
250 |
251 | .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
252 | .navbar-inverse .navbar-toggler:focus,
253 | .navbar-inverse .navbar-toggler:hover {
254 | color: white; }
255 |
256 | .navbar-inverse .navbar-nav .nav-link {
257 | color: rgba(255, 255, 255, 0.5); }
258 |
259 | .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
260 | color: rgba(255, 255, 255, 0.75); }
261 |
262 | .navbar-inverse .navbar-nav .nav-link.disabled {
263 | color: rgba(255, 255, 255, 0.25); }
264 |
265 | .navbar-inverse .navbar-nav .open > .nav-link,
266 | .navbar-inverse .navbar-nav .active > .nav-link,
267 | .navbar-inverse .navbar-nav .nav-link.open,
268 | .navbar-inverse .navbar-nav .nav-link.active {
269 | color: white; }
270 |
271 | .navbar-inverse .navbar-toggler {
272 | border-color: rgba(255, 255, 255, 0.1); }
273 |
274 | .navbar-inverse .navbar-toggler-icon {
275 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
276 |
277 | .navbar-inverse .navbar-text {
278 | color: rgba(255, 255, 255, 0.5); }
279 |
--------------------------------------------------------------------------------
/lib/buttons.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .btn {
8 | display: inline-block;
9 | font-weight: normal;
10 | line-height: 1.25;
11 | text-align: center;
12 | white-space: nowrap;
13 | vertical-align: middle;
14 | user-select: none;
15 | border: 1px solid transparent;
16 | padding: 0.5rem 1rem;
17 | font-size: 1rem;
18 | border-radius: 0.25rem;
19 | transition: all 0.2s ease-in-out; }
20 |
21 | .btn:focus, .btn:hover {
22 | text-decoration: none; }
23 |
24 | .btn:focus, .btn.focus {
25 | outline: 0;
26 | box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); }
27 |
28 | .btn.disabled, .btn:disabled {
29 | cursor: not-allowed;
30 | opacity: .65; }
31 |
32 | .btn:active, .btn.active {
33 | background-image: none; }
34 |
35 | a.btn.disabled,
36 | fieldset[disabled] a.btn {
37 | pointer-events: none; }
38 |
39 | .btn-primary {
40 | color: #fff;
41 | background-color: #0275d8;
42 | border-color: #0275d8; }
43 |
44 | .btn-primary:hover {
45 | color: #fff;
46 | background-color: #025aa5;
47 | border-color: #01549b; }
48 |
49 | .btn-primary:focus, .btn-primary.focus {
50 | box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); }
51 |
52 | .btn-primary.disabled, .btn-primary:disabled {
53 | background-color: #0275d8;
54 | border-color: #0275d8; }
55 |
56 | .btn-primary:active, .btn-primary.active,
57 | .show > .btn-primary.dropdown-toggle {
58 | color: #fff;
59 | background-color: #025aa5;
60 | background-image: none;
61 | border-color: #01549b; }
62 |
63 | .btn-secondary {
64 | color: #292b2c;
65 | background-color: #fff;
66 | border-color: #ccc; }
67 |
68 | .btn-secondary:hover {
69 | color: #292b2c;
70 | background-color: #e6e6e6;
71 | border-color: #adadad; }
72 |
73 | .btn-secondary:focus, .btn-secondary.focus {
74 | box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
75 |
76 | .btn-secondary.disabled, .btn-secondary:disabled {
77 | background-color: #fff;
78 | border-color: #ccc; }
79 |
80 | .btn-secondary:active, .btn-secondary.active,
81 | .show > .btn-secondary.dropdown-toggle {
82 | color: #292b2c;
83 | background-color: #e6e6e6;
84 | background-image: none;
85 | border-color: #adadad; }
86 |
87 | .btn-info {
88 | color: #fff;
89 | background-color: #5bc0de;
90 | border-color: #5bc0de; }
91 |
92 | .btn-info:hover {
93 | color: #fff;
94 | background-color: #31b0d5;
95 | border-color: #2aabd2; }
96 |
97 | .btn-info:focus, .btn-info.focus {
98 | box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
99 |
100 | .btn-info.disabled, .btn-info:disabled {
101 | background-color: #5bc0de;
102 | border-color: #5bc0de; }
103 |
104 | .btn-info:active, .btn-info.active,
105 | .show > .btn-info.dropdown-toggle {
106 | color: #fff;
107 | background-color: #31b0d5;
108 | background-image: none;
109 | border-color: #2aabd2; }
110 |
111 | .btn-success {
112 | color: #fff;
113 | background-color: #5cb85c;
114 | border-color: #5cb85c; }
115 |
116 | .btn-success:hover {
117 | color: #fff;
118 | background-color: #449d44;
119 | border-color: #419641; }
120 |
121 | .btn-success:focus, .btn-success.focus {
122 | box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
123 |
124 | .btn-success.disabled, .btn-success:disabled {
125 | background-color: #5cb85c;
126 | border-color: #5cb85c; }
127 |
128 | .btn-success:active, .btn-success.active,
129 | .show > .btn-success.dropdown-toggle {
130 | color: #fff;
131 | background-color: #449d44;
132 | background-image: none;
133 | border-color: #419641; }
134 |
135 | .btn-warning {
136 | color: #fff;
137 | background-color: #f0ad4e;
138 | border-color: #f0ad4e; }
139 |
140 | .btn-warning:hover {
141 | color: #fff;
142 | background-color: #ec971f;
143 | border-color: #eb9316; }
144 |
145 | .btn-warning:focus, .btn-warning.focus {
146 | box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
147 |
148 | .btn-warning.disabled, .btn-warning:disabled {
149 | background-color: #f0ad4e;
150 | border-color: #f0ad4e; }
151 |
152 | .btn-warning:active, .btn-warning.active,
153 | .show > .btn-warning.dropdown-toggle {
154 | color: #fff;
155 | background-color: #ec971f;
156 | background-image: none;
157 | border-color: #eb9316; }
158 |
159 | .btn-danger {
160 | color: #fff;
161 | background-color: #d9534f;
162 | border-color: #d9534f; }
163 |
164 | .btn-danger:hover {
165 | color: #fff;
166 | background-color: #c9302c;
167 | border-color: #c12e2a; }
168 |
169 | .btn-danger:focus, .btn-danger.focus {
170 | box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
171 |
172 | .btn-danger.disabled, .btn-danger:disabled {
173 | background-color: #d9534f;
174 | border-color: #d9534f; }
175 |
176 | .btn-danger:active, .btn-danger.active,
177 | .show > .btn-danger.dropdown-toggle {
178 | color: #fff;
179 | background-color: #c9302c;
180 | background-image: none;
181 | border-color: #c12e2a; }
182 |
183 | .btn-outline-primary {
184 | color: #0275d8;
185 | background-image: none;
186 | background-color: transparent;
187 | border-color: #0275d8; }
188 |
189 | .btn-outline-primary:hover {
190 | color: #fff;
191 | background-color: #0275d8;
192 | border-color: #0275d8; }
193 |
194 | .btn-outline-primary:focus, .btn-outline-primary.focus {
195 | box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); }
196 |
197 | .btn-outline-primary.disabled, .btn-outline-primary:disabled {
198 | color: #0275d8;
199 | background-color: transparent; }
200 |
201 | .btn-outline-primary:active, .btn-outline-primary.active,
202 | .show > .btn-outline-primary.dropdown-toggle {
203 | color: #fff;
204 | background-color: #0275d8;
205 | border-color: #0275d8; }
206 |
207 | .btn-outline-secondary {
208 | color: #ccc;
209 | background-image: none;
210 | background-color: transparent;
211 | border-color: #ccc; }
212 |
213 | .btn-outline-secondary:hover {
214 | color: #fff;
215 | background-color: #ccc;
216 | border-color: #ccc; }
217 |
218 | .btn-outline-secondary:focus, .btn-outline-secondary.focus {
219 | box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
220 |
221 | .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
222 | color: #ccc;
223 | background-color: transparent; }
224 |
225 | .btn-outline-secondary:active, .btn-outline-secondary.active,
226 | .show > .btn-outline-secondary.dropdown-toggle {
227 | color: #fff;
228 | background-color: #ccc;
229 | border-color: #ccc; }
230 |
231 | .btn-outline-info {
232 | color: #5bc0de;
233 | background-image: none;
234 | background-color: transparent;
235 | border-color: #5bc0de; }
236 |
237 | .btn-outline-info:hover {
238 | color: #fff;
239 | background-color: #5bc0de;
240 | border-color: #5bc0de; }
241 |
242 | .btn-outline-info:focus, .btn-outline-info.focus {
243 | box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
244 |
245 | .btn-outline-info.disabled, .btn-outline-info:disabled {
246 | color: #5bc0de;
247 | background-color: transparent; }
248 |
249 | .btn-outline-info:active, .btn-outline-info.active,
250 | .show > .btn-outline-info.dropdown-toggle {
251 | color: #fff;
252 | background-color: #5bc0de;
253 | border-color: #5bc0de; }
254 |
255 | .btn-outline-success {
256 | color: #5cb85c;
257 | background-image: none;
258 | background-color: transparent;
259 | border-color: #5cb85c; }
260 |
261 | .btn-outline-success:hover {
262 | color: #fff;
263 | background-color: #5cb85c;
264 | border-color: #5cb85c; }
265 |
266 | .btn-outline-success:focus, .btn-outline-success.focus {
267 | box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
268 |
269 | .btn-outline-success.disabled, .btn-outline-success:disabled {
270 | color: #5cb85c;
271 | background-color: transparent; }
272 |
273 | .btn-outline-success:active, .btn-outline-success.active,
274 | .show > .btn-outline-success.dropdown-toggle {
275 | color: #fff;
276 | background-color: #5cb85c;
277 | border-color: #5cb85c; }
278 |
279 | .btn-outline-warning {
280 | color: #f0ad4e;
281 | background-image: none;
282 | background-color: transparent;
283 | border-color: #f0ad4e; }
284 |
285 | .btn-outline-warning:hover {
286 | color: #fff;
287 | background-color: #f0ad4e;
288 | border-color: #f0ad4e; }
289 |
290 | .btn-outline-warning:focus, .btn-outline-warning.focus {
291 | box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
292 |
293 | .btn-outline-warning.disabled, .btn-outline-warning:disabled {
294 | color: #f0ad4e;
295 | background-color: transparent; }
296 |
297 | .btn-outline-warning:active, .btn-outline-warning.active,
298 | .show > .btn-outline-warning.dropdown-toggle {
299 | color: #fff;
300 | background-color: #f0ad4e;
301 | border-color: #f0ad4e; }
302 |
303 | .btn-outline-danger {
304 | color: #d9534f;
305 | background-image: none;
306 | background-color: transparent;
307 | border-color: #d9534f; }
308 |
309 | .btn-outline-danger:hover {
310 | color: #fff;
311 | background-color: #d9534f;
312 | border-color: #d9534f; }
313 |
314 | .btn-outline-danger:focus, .btn-outline-danger.focus {
315 | box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
316 |
317 | .btn-outline-danger.disabled, .btn-outline-danger:disabled {
318 | color: #d9534f;
319 | background-color: transparent; }
320 |
321 | .btn-outline-danger:active, .btn-outline-danger.active,
322 | .show > .btn-outline-danger.dropdown-toggle {
323 | color: #fff;
324 | background-color: #d9534f;
325 | border-color: #d9534f; }
326 |
327 | .btn-link {
328 | font-weight: normal;
329 | color: #0275d8;
330 | border-radius: 0; }
331 |
332 | .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
333 | background-color: transparent; }
334 |
335 | .btn-link, .btn-link:focus, .btn-link:active {
336 | border-color: transparent; }
337 |
338 | .btn-link:hover {
339 | border-color: transparent; }
340 |
341 | .btn-link:focus, .btn-link:hover {
342 | color: #014c8c;
343 | text-decoration: underline;
344 | background-color: transparent; }
345 |
346 | .btn-link:disabled {
347 | color: #636c72; }
348 |
349 | .btn-link:disabled:focus, .btn-link:disabled:hover {
350 | text-decoration: none; }
351 |
352 | .btn-lg {
353 | padding: 0.75rem 1.5rem;
354 | font-size: 1.25rem;
355 | border-radius: 0.3rem; }
356 |
357 | .btn-sm {
358 | padding: 0.25rem 0.5rem;
359 | font-size: 0.875rem;
360 | border-radius: 0.2rem; }
361 |
362 | .btn-block {
363 | display: block;
364 | width: 100%; }
365 |
366 | .btn-block + .btn-block {
367 | margin-top: 0.5rem; }
368 |
369 | input[type="submit"].btn-block,
370 | input[type="reset"].btn-block,
371 | input[type="button"].btn-block {
372 | width: 100%; }
373 |
--------------------------------------------------------------------------------
/lib/grid.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .container {
8 | position: relative;
9 | margin-left: auto;
10 | margin-right: auto;
11 | padding-right: 15px;
12 | padding-left: 15px; }
13 |
14 | @media (min-width: 576px) {
15 | .container {
16 | padding-right: 15px;
17 | padding-left: 15px; } }
18 |
19 | @media (min-width: 768px) {
20 | .container {
21 | padding-right: 15px;
22 | padding-left: 15px; } }
23 |
24 | @media (min-width: 992px) {
25 | .container {
26 | padding-right: 15px;
27 | padding-left: 15px; } }
28 |
29 | @media (min-width: 1200px) {
30 | .container {
31 | padding-right: 15px;
32 | padding-left: 15px; } }
33 |
34 | @media (min-width: 576px) {
35 | .container {
36 | width: 540px;
37 | max-width: 100%; } }
38 |
39 | @media (min-width: 768px) {
40 | .container {
41 | width: 720px;
42 | max-width: 100%; } }
43 |
44 | @media (min-width: 992px) {
45 | .container {
46 | width: 960px;
47 | max-width: 100%; } }
48 |
49 | @media (min-width: 1200px) {
50 | .container {
51 | width: 1140px;
52 | max-width: 100%; } }
53 |
54 | .container-fluid {
55 | position: relative;
56 | margin-left: auto;
57 | margin-right: auto;
58 | padding-right: 15px;
59 | padding-left: 15px; }
60 |
61 | @media (min-width: 576px) {
62 | .container-fluid {
63 | padding-right: 15px;
64 | padding-left: 15px; } }
65 |
66 | @media (min-width: 768px) {
67 | .container-fluid {
68 | padding-right: 15px;
69 | padding-left: 15px; } }
70 |
71 | @media (min-width: 992px) {
72 | .container-fluid {
73 | padding-right: 15px;
74 | padding-left: 15px; } }
75 |
76 | @media (min-width: 1200px) {
77 | .container-fluid {
78 | padding-right: 15px;
79 | padding-left: 15px; } }
80 |
81 | .row {
82 | display: flex;
83 | flex-wrap: wrap;
84 | margin-right: -15px;
85 | margin-left: -15px; }
86 |
87 | @media (min-width: 576px) {
88 | .row {
89 | margin-right: -15px;
90 | margin-left: -15px; } }
91 |
92 | @media (min-width: 768px) {
93 | .row {
94 | margin-right: -15px;
95 | margin-left: -15px; } }
96 |
97 | @media (min-width: 992px) {
98 | .row {
99 | margin-right: -15px;
100 | margin-left: -15px; } }
101 |
102 | @media (min-width: 1200px) {
103 | .row {
104 | margin-right: -15px;
105 | margin-left: -15px; } }
106 |
107 | .no-gutters {
108 | margin-right: 0;
109 | margin-left: 0; }
110 |
111 | .no-gutters > .col,
112 | .no-gutters > [class*="col-"] {
113 | padding-right: 0;
114 | padding-left: 0; }
115 |
116 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
117 | position: relative;
118 | width: 100%;
119 | min-height: 1px;
120 | padding-right: 15px;
121 | padding-left: 15px; }
122 |
123 | @media (min-width: 576px) {
124 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
125 | padding-right: 15px;
126 | padding-left: 15px; } }
127 |
128 | @media (min-width: 768px) {
129 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
130 | padding-right: 15px;
131 | padding-left: 15px; } }
132 |
133 | @media (min-width: 992px) {
134 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
135 | padding-right: 15px;
136 | padding-left: 15px; } }
137 |
138 | @media (min-width: 1200px) {
139 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
140 | padding-right: 15px;
141 | padding-left: 15px; } }
142 |
143 | .col {
144 | flex-basis: 0;
145 | flex-grow: 1;
146 | max-width: 100%; }
147 |
148 | .col-auto {
149 | flex: 0 0 auto;
150 | width: auto; }
151 |
152 | .col-1 {
153 | flex: 0 0 8.33333%;
154 | max-width: 8.33333%; }
155 |
156 | .col-2 {
157 | flex: 0 0 16.66667%;
158 | max-width: 16.66667%; }
159 |
160 | .col-3 {
161 | flex: 0 0 25%;
162 | max-width: 25%; }
163 |
164 | .col-4 {
165 | flex: 0 0 33.33333%;
166 | max-width: 33.33333%; }
167 |
168 | .col-5 {
169 | flex: 0 0 41.66667%;
170 | max-width: 41.66667%; }
171 |
172 | .col-6 {
173 | flex: 0 0 50%;
174 | max-width: 50%; }
175 |
176 | .col-7 {
177 | flex: 0 0 58.33333%;
178 | max-width: 58.33333%; }
179 |
180 | .col-8 {
181 | flex: 0 0 66.66667%;
182 | max-width: 66.66667%; }
183 |
184 | .col-9 {
185 | flex: 0 0 75%;
186 | max-width: 75%; }
187 |
188 | .col-10 {
189 | flex: 0 0 83.33333%;
190 | max-width: 83.33333%; }
191 |
192 | .col-11 {
193 | flex: 0 0 91.66667%;
194 | max-width: 91.66667%; }
195 |
196 | .col-12 {
197 | flex: 0 0 100%;
198 | max-width: 100%; }
199 |
200 | .pull-0 {
201 | right: auto; }
202 |
203 | .pull-1 {
204 | right: 8.33333%; }
205 |
206 | .pull-2 {
207 | right: 16.66667%; }
208 |
209 | .pull-3 {
210 | right: 25%; }
211 |
212 | .pull-4 {
213 | right: 33.33333%; }
214 |
215 | .pull-5 {
216 | right: 41.66667%; }
217 |
218 | .pull-6 {
219 | right: 50%; }
220 |
221 | .pull-7 {
222 | right: 58.33333%; }
223 |
224 | .pull-8 {
225 | right: 66.66667%; }
226 |
227 | .pull-9 {
228 | right: 75%; }
229 |
230 | .pull-10 {
231 | right: 83.33333%; }
232 |
233 | .pull-11 {
234 | right: 91.66667%; }
235 |
236 | .pull-12 {
237 | right: 100%; }
238 |
239 | .push-0 {
240 | left: auto; }
241 |
242 | .push-1 {
243 | left: 8.33333%; }
244 |
245 | .push-2 {
246 | left: 16.66667%; }
247 |
248 | .push-3 {
249 | left: 25%; }
250 |
251 | .push-4 {
252 | left: 33.33333%; }
253 |
254 | .push-5 {
255 | left: 41.66667%; }
256 |
257 | .push-6 {
258 | left: 50%; }
259 |
260 | .push-7 {
261 | left: 58.33333%; }
262 |
263 | .push-8 {
264 | left: 66.66667%; }
265 |
266 | .push-9 {
267 | left: 75%; }
268 |
269 | .push-10 {
270 | left: 83.33333%; }
271 |
272 | .push-11 {
273 | left: 91.66667%; }
274 |
275 | .push-12 {
276 | left: 100%; }
277 |
278 | .offset-1 {
279 | margin-left: 8.33333%; }
280 |
281 | .offset-2 {
282 | margin-left: 16.66667%; }
283 |
284 | .offset-3 {
285 | margin-left: 25%; }
286 |
287 | .offset-4 {
288 | margin-left: 33.33333%; }
289 |
290 | .offset-5 {
291 | margin-left: 41.66667%; }
292 |
293 | .offset-6 {
294 | margin-left: 50%; }
295 |
296 | .offset-7 {
297 | margin-left: 58.33333%; }
298 |
299 | .offset-8 {
300 | margin-left: 66.66667%; }
301 |
302 | .offset-9 {
303 | margin-left: 75%; }
304 |
305 | .offset-10 {
306 | margin-left: 83.33333%; }
307 |
308 | .offset-11 {
309 | margin-left: 91.66667%; }
310 |
311 | @media (min-width: 576px) {
312 | .col-sm {
313 | flex-basis: 0;
314 | flex-grow: 1;
315 | max-width: 100%; }
316 | .col-sm-auto {
317 | flex: 0 0 auto;
318 | width: auto; }
319 | .col-sm-1 {
320 | flex: 0 0 8.33333%;
321 | max-width: 8.33333%; }
322 | .col-sm-2 {
323 | flex: 0 0 16.66667%;
324 | max-width: 16.66667%; }
325 | .col-sm-3 {
326 | flex: 0 0 25%;
327 | max-width: 25%; }
328 | .col-sm-4 {
329 | flex: 0 0 33.33333%;
330 | max-width: 33.33333%; }
331 | .col-sm-5 {
332 | flex: 0 0 41.66667%;
333 | max-width: 41.66667%; }
334 | .col-sm-6 {
335 | flex: 0 0 50%;
336 | max-width: 50%; }
337 | .col-sm-7 {
338 | flex: 0 0 58.33333%;
339 | max-width: 58.33333%; }
340 | .col-sm-8 {
341 | flex: 0 0 66.66667%;
342 | max-width: 66.66667%; }
343 | .col-sm-9 {
344 | flex: 0 0 75%;
345 | max-width: 75%; }
346 | .col-sm-10 {
347 | flex: 0 0 83.33333%;
348 | max-width: 83.33333%; }
349 | .col-sm-11 {
350 | flex: 0 0 91.66667%;
351 | max-width: 91.66667%; }
352 | .col-sm-12 {
353 | flex: 0 0 100%;
354 | max-width: 100%; }
355 | .pull-sm-0 {
356 | right: auto; }
357 | .pull-sm-1 {
358 | right: 8.33333%; }
359 | .pull-sm-2 {
360 | right: 16.66667%; }
361 | .pull-sm-3 {
362 | right: 25%; }
363 | .pull-sm-4 {
364 | right: 33.33333%; }
365 | .pull-sm-5 {
366 | right: 41.66667%; }
367 | .pull-sm-6 {
368 | right: 50%; }
369 | .pull-sm-7 {
370 | right: 58.33333%; }
371 | .pull-sm-8 {
372 | right: 66.66667%; }
373 | .pull-sm-9 {
374 | right: 75%; }
375 | .pull-sm-10 {
376 | right: 83.33333%; }
377 | .pull-sm-11 {
378 | right: 91.66667%; }
379 | .pull-sm-12 {
380 | right: 100%; }
381 | .push-sm-0 {
382 | left: auto; }
383 | .push-sm-1 {
384 | left: 8.33333%; }
385 | .push-sm-2 {
386 | left: 16.66667%; }
387 | .push-sm-3 {
388 | left: 25%; }
389 | .push-sm-4 {
390 | left: 33.33333%; }
391 | .push-sm-5 {
392 | left: 41.66667%; }
393 | .push-sm-6 {
394 | left: 50%; }
395 | .push-sm-7 {
396 | left: 58.33333%; }
397 | .push-sm-8 {
398 | left: 66.66667%; }
399 | .push-sm-9 {
400 | left: 75%; }
401 | .push-sm-10 {
402 | left: 83.33333%; }
403 | .push-sm-11 {
404 | left: 91.66667%; }
405 | .push-sm-12 {
406 | left: 100%; }
407 | .offset-sm-0 {
408 | margin-left: 0%; }
409 | .offset-sm-1 {
410 | margin-left: 8.33333%; }
411 | .offset-sm-2 {
412 | margin-left: 16.66667%; }
413 | .offset-sm-3 {
414 | margin-left: 25%; }
415 | .offset-sm-4 {
416 | margin-left: 33.33333%; }
417 | .offset-sm-5 {
418 | margin-left: 41.66667%; }
419 | .offset-sm-6 {
420 | margin-left: 50%; }
421 | .offset-sm-7 {
422 | margin-left: 58.33333%; }
423 | .offset-sm-8 {
424 | margin-left: 66.66667%; }
425 | .offset-sm-9 {
426 | margin-left: 75%; }
427 | .offset-sm-10 {
428 | margin-left: 83.33333%; }
429 | .offset-sm-11 {
430 | margin-left: 91.66667%; } }
431 |
432 | @media (min-width: 768px) {
433 | .col-md {
434 | flex-basis: 0;
435 | flex-grow: 1;
436 | max-width: 100%; }
437 | .col-md-auto {
438 | flex: 0 0 auto;
439 | width: auto; }
440 | .col-md-1 {
441 | flex: 0 0 8.33333%;
442 | max-width: 8.33333%; }
443 | .col-md-2 {
444 | flex: 0 0 16.66667%;
445 | max-width: 16.66667%; }
446 | .col-md-3 {
447 | flex: 0 0 25%;
448 | max-width: 25%; }
449 | .col-md-4 {
450 | flex: 0 0 33.33333%;
451 | max-width: 33.33333%; }
452 | .col-md-5 {
453 | flex: 0 0 41.66667%;
454 | max-width: 41.66667%; }
455 | .col-md-6 {
456 | flex: 0 0 50%;
457 | max-width: 50%; }
458 | .col-md-7 {
459 | flex: 0 0 58.33333%;
460 | max-width: 58.33333%; }
461 | .col-md-8 {
462 | flex: 0 0 66.66667%;
463 | max-width: 66.66667%; }
464 | .col-md-9 {
465 | flex: 0 0 75%;
466 | max-width: 75%; }
467 | .col-md-10 {
468 | flex: 0 0 83.33333%;
469 | max-width: 83.33333%; }
470 | .col-md-11 {
471 | flex: 0 0 91.66667%;
472 | max-width: 91.66667%; }
473 | .col-md-12 {
474 | flex: 0 0 100%;
475 | max-width: 100%; }
476 | .pull-md-0 {
477 | right: auto; }
478 | .pull-md-1 {
479 | right: 8.33333%; }
480 | .pull-md-2 {
481 | right: 16.66667%; }
482 | .pull-md-3 {
483 | right: 25%; }
484 | .pull-md-4 {
485 | right: 33.33333%; }
486 | .pull-md-5 {
487 | right: 41.66667%; }
488 | .pull-md-6 {
489 | right: 50%; }
490 | .pull-md-7 {
491 | right: 58.33333%; }
492 | .pull-md-8 {
493 | right: 66.66667%; }
494 | .pull-md-9 {
495 | right: 75%; }
496 | .pull-md-10 {
497 | right: 83.33333%; }
498 | .pull-md-11 {
499 | right: 91.66667%; }
500 | .pull-md-12 {
501 | right: 100%; }
502 | .push-md-0 {
503 | left: auto; }
504 | .push-md-1 {
505 | left: 8.33333%; }
506 | .push-md-2 {
507 | left: 16.66667%; }
508 | .push-md-3 {
509 | left: 25%; }
510 | .push-md-4 {
511 | left: 33.33333%; }
512 | .push-md-5 {
513 | left: 41.66667%; }
514 | .push-md-6 {
515 | left: 50%; }
516 | .push-md-7 {
517 | left: 58.33333%; }
518 | .push-md-8 {
519 | left: 66.66667%; }
520 | .push-md-9 {
521 | left: 75%; }
522 | .push-md-10 {
523 | left: 83.33333%; }
524 | .push-md-11 {
525 | left: 91.66667%; }
526 | .push-md-12 {
527 | left: 100%; }
528 | .offset-md-0 {
529 | margin-left: 0%; }
530 | .offset-md-1 {
531 | margin-left: 8.33333%; }
532 | .offset-md-2 {
533 | margin-left: 16.66667%; }
534 | .offset-md-3 {
535 | margin-left: 25%; }
536 | .offset-md-4 {
537 | margin-left: 33.33333%; }
538 | .offset-md-5 {
539 | margin-left: 41.66667%; }
540 | .offset-md-6 {
541 | margin-left: 50%; }
542 | .offset-md-7 {
543 | margin-left: 58.33333%; }
544 | .offset-md-8 {
545 | margin-left: 66.66667%; }
546 | .offset-md-9 {
547 | margin-left: 75%; }
548 | .offset-md-10 {
549 | margin-left: 83.33333%; }
550 | .offset-md-11 {
551 | margin-left: 91.66667%; } }
552 |
553 | @media (min-width: 992px) {
554 | .col-lg {
555 | flex-basis: 0;
556 | flex-grow: 1;
557 | max-width: 100%; }
558 | .col-lg-auto {
559 | flex: 0 0 auto;
560 | width: auto; }
561 | .col-lg-1 {
562 | flex: 0 0 8.33333%;
563 | max-width: 8.33333%; }
564 | .col-lg-2 {
565 | flex: 0 0 16.66667%;
566 | max-width: 16.66667%; }
567 | .col-lg-3 {
568 | flex: 0 0 25%;
569 | max-width: 25%; }
570 | .col-lg-4 {
571 | flex: 0 0 33.33333%;
572 | max-width: 33.33333%; }
573 | .col-lg-5 {
574 | flex: 0 0 41.66667%;
575 | max-width: 41.66667%; }
576 | .col-lg-6 {
577 | flex: 0 0 50%;
578 | max-width: 50%; }
579 | .col-lg-7 {
580 | flex: 0 0 58.33333%;
581 | max-width: 58.33333%; }
582 | .col-lg-8 {
583 | flex: 0 0 66.66667%;
584 | max-width: 66.66667%; }
585 | .col-lg-9 {
586 | flex: 0 0 75%;
587 | max-width: 75%; }
588 | .col-lg-10 {
589 | flex: 0 0 83.33333%;
590 | max-width: 83.33333%; }
591 | .col-lg-11 {
592 | flex: 0 0 91.66667%;
593 | max-width: 91.66667%; }
594 | .col-lg-12 {
595 | flex: 0 0 100%;
596 | max-width: 100%; }
597 | .pull-lg-0 {
598 | right: auto; }
599 | .pull-lg-1 {
600 | right: 8.33333%; }
601 | .pull-lg-2 {
602 | right: 16.66667%; }
603 | .pull-lg-3 {
604 | right: 25%; }
605 | .pull-lg-4 {
606 | right: 33.33333%; }
607 | .pull-lg-5 {
608 | right: 41.66667%; }
609 | .pull-lg-6 {
610 | right: 50%; }
611 | .pull-lg-7 {
612 | right: 58.33333%; }
613 | .pull-lg-8 {
614 | right: 66.66667%; }
615 | .pull-lg-9 {
616 | right: 75%; }
617 | .pull-lg-10 {
618 | right: 83.33333%; }
619 | .pull-lg-11 {
620 | right: 91.66667%; }
621 | .pull-lg-12 {
622 | right: 100%; }
623 | .push-lg-0 {
624 | left: auto; }
625 | .push-lg-1 {
626 | left: 8.33333%; }
627 | .push-lg-2 {
628 | left: 16.66667%; }
629 | .push-lg-3 {
630 | left: 25%; }
631 | .push-lg-4 {
632 | left: 33.33333%; }
633 | .push-lg-5 {
634 | left: 41.66667%; }
635 | .push-lg-6 {
636 | left: 50%; }
637 | .push-lg-7 {
638 | left: 58.33333%; }
639 | .push-lg-8 {
640 | left: 66.66667%; }
641 | .push-lg-9 {
642 | left: 75%; }
643 | .push-lg-10 {
644 | left: 83.33333%; }
645 | .push-lg-11 {
646 | left: 91.66667%; }
647 | .push-lg-12 {
648 | left: 100%; }
649 | .offset-lg-0 {
650 | margin-left: 0%; }
651 | .offset-lg-1 {
652 | margin-left: 8.33333%; }
653 | .offset-lg-2 {
654 | margin-left: 16.66667%; }
655 | .offset-lg-3 {
656 | margin-left: 25%; }
657 | .offset-lg-4 {
658 | margin-left: 33.33333%; }
659 | .offset-lg-5 {
660 | margin-left: 41.66667%; }
661 | .offset-lg-6 {
662 | margin-left: 50%; }
663 | .offset-lg-7 {
664 | margin-left: 58.33333%; }
665 | .offset-lg-8 {
666 | margin-left: 66.66667%; }
667 | .offset-lg-9 {
668 | margin-left: 75%; }
669 | .offset-lg-10 {
670 | margin-left: 83.33333%; }
671 | .offset-lg-11 {
672 | margin-left: 91.66667%; } }
673 |
674 | @media (min-width: 1200px) {
675 | .col-xl {
676 | flex-basis: 0;
677 | flex-grow: 1;
678 | max-width: 100%; }
679 | .col-xl-auto {
680 | flex: 0 0 auto;
681 | width: auto; }
682 | .col-xl-1 {
683 | flex: 0 0 8.33333%;
684 | max-width: 8.33333%; }
685 | .col-xl-2 {
686 | flex: 0 0 16.66667%;
687 | max-width: 16.66667%; }
688 | .col-xl-3 {
689 | flex: 0 0 25%;
690 | max-width: 25%; }
691 | .col-xl-4 {
692 | flex: 0 0 33.33333%;
693 | max-width: 33.33333%; }
694 | .col-xl-5 {
695 | flex: 0 0 41.66667%;
696 | max-width: 41.66667%; }
697 | .col-xl-6 {
698 | flex: 0 0 50%;
699 | max-width: 50%; }
700 | .col-xl-7 {
701 | flex: 0 0 58.33333%;
702 | max-width: 58.33333%; }
703 | .col-xl-8 {
704 | flex: 0 0 66.66667%;
705 | max-width: 66.66667%; }
706 | .col-xl-9 {
707 | flex: 0 0 75%;
708 | max-width: 75%; }
709 | .col-xl-10 {
710 | flex: 0 0 83.33333%;
711 | max-width: 83.33333%; }
712 | .col-xl-11 {
713 | flex: 0 0 91.66667%;
714 | max-width: 91.66667%; }
715 | .col-xl-12 {
716 | flex: 0 0 100%;
717 | max-width: 100%; }
718 | .pull-xl-0 {
719 | right: auto; }
720 | .pull-xl-1 {
721 | right: 8.33333%; }
722 | .pull-xl-2 {
723 | right: 16.66667%; }
724 | .pull-xl-3 {
725 | right: 25%; }
726 | .pull-xl-4 {
727 | right: 33.33333%; }
728 | .pull-xl-5 {
729 | right: 41.66667%; }
730 | .pull-xl-6 {
731 | right: 50%; }
732 | .pull-xl-7 {
733 | right: 58.33333%; }
734 | .pull-xl-8 {
735 | right: 66.66667%; }
736 | .pull-xl-9 {
737 | right: 75%; }
738 | .pull-xl-10 {
739 | right: 83.33333%; }
740 | .pull-xl-11 {
741 | right: 91.66667%; }
742 | .pull-xl-12 {
743 | right: 100%; }
744 | .push-xl-0 {
745 | left: auto; }
746 | .push-xl-1 {
747 | left: 8.33333%; }
748 | .push-xl-2 {
749 | left: 16.66667%; }
750 | .push-xl-3 {
751 | left: 25%; }
752 | .push-xl-4 {
753 | left: 33.33333%; }
754 | .push-xl-5 {
755 | left: 41.66667%; }
756 | .push-xl-6 {
757 | left: 50%; }
758 | .push-xl-7 {
759 | left: 58.33333%; }
760 | .push-xl-8 {
761 | left: 66.66667%; }
762 | .push-xl-9 {
763 | left: 75%; }
764 | .push-xl-10 {
765 | left: 83.33333%; }
766 | .push-xl-11 {
767 | left: 91.66667%; }
768 | .push-xl-12 {
769 | left: 100%; }
770 | .offset-xl-0 {
771 | margin-left: 0%; }
772 | .offset-xl-1 {
773 | margin-left: 8.33333%; }
774 | .offset-xl-2 {
775 | margin-left: 16.66667%; }
776 | .offset-xl-3 {
777 | margin-left: 25%; }
778 | .offset-xl-4 {
779 | margin-left: 33.33333%; }
780 | .offset-xl-5 {
781 | margin-left: 41.66667%; }
782 | .offset-xl-6 {
783 | margin-left: 50%; }
784 | .offset-xl-7 {
785 | margin-left: 58.33333%; }
786 | .offset-xl-8 {
787 | margin-left: 66.66667%; }
788 | .offset-xl-9 {
789 | margin-left: 75%; }
790 | .offset-xl-10 {
791 | margin-left: 83.33333%; }
792 | .offset-xl-11 {
793 | margin-left: 91.66667%; } }
794 |
--------------------------------------------------------------------------------
/lib/utilities.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
3 | * Copyright (c) 2011-2017 Twitter, Inc.
4 | * Copyright (c) 2011-2017 The Bootstrap Authors
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 | */
7 | .align-baseline {
8 | vertical-align: baseline !important; }
9 |
10 | .align-top {
11 | vertical-align: top !important; }
12 |
13 | .align-middle {
14 | vertical-align: middle !important; }
15 |
16 | .align-bottom {
17 | vertical-align: bottom !important; }
18 |
19 | .align-text-bottom {
20 | vertical-align: text-bottom !important; }
21 |
22 | .align-text-top {
23 | vertical-align: text-top !important; }
24 |
25 | .bg-faded {
26 | background-color: #f7f7f7; }
27 |
28 | .bg-primary {
29 | background-color: #0275d8 !important; }
30 |
31 | a.bg-primary:focus, a.bg-primary:hover {
32 | background-color: #025aa5 !important; }
33 |
34 | .bg-success {
35 | background-color: #5cb85c !important; }
36 |
37 | a.bg-success:focus, a.bg-success:hover {
38 | background-color: #449d44 !important; }
39 |
40 | .bg-info {
41 | background-color: #5bc0de !important; }
42 |
43 | a.bg-info:focus, a.bg-info:hover {
44 | background-color: #31b0d5 !important; }
45 |
46 | .bg-warning {
47 | background-color: #f0ad4e !important; }
48 |
49 | a.bg-warning:focus, a.bg-warning:hover {
50 | background-color: #ec971f !important; }
51 |
52 | .bg-danger {
53 | background-color: #d9534f !important; }
54 |
55 | a.bg-danger:focus, a.bg-danger:hover {
56 | background-color: #c9302c !important; }
57 |
58 | .bg-inverse {
59 | background-color: #292b2c !important; }
60 |
61 | a.bg-inverse:focus, a.bg-inverse:hover {
62 | background-color: #101112 !important; }
63 |
64 | .border-0 {
65 | border: 0 !important; }
66 |
67 | .border-top-0 {
68 | border-top: 0 !important; }
69 |
70 | .border-right-0 {
71 | border-right: 0 !important; }
72 |
73 | .border-bottom-0 {
74 | border-bottom: 0 !important; }
75 |
76 | .border-left-0 {
77 | border-left: 0 !important; }
78 |
79 | .rounded {
80 | border-radius: 0.25rem; }
81 |
82 | .rounded-top {
83 | border-top-right-radius: 0.25rem;
84 | border-top-left-radius: 0.25rem; }
85 |
86 | .rounded-right {
87 | border-bottom-right-radius: 0.25rem;
88 | border-top-right-radius: 0.25rem; }
89 |
90 | .rounded-bottom {
91 | border-bottom-right-radius: 0.25rem;
92 | border-bottom-left-radius: 0.25rem; }
93 |
94 | .rounded-left {
95 | border-bottom-left-radius: 0.25rem;
96 | border-top-left-radius: 0.25rem; }
97 |
98 | .rounded-circle {
99 | border-radius: 50%; }
100 |
101 | .rounded-0 {
102 | border-radius: 0; }
103 |
104 | .clearfix::after {
105 | display: block;
106 | content: "";
107 | clear: both; }
108 |
109 | .d-none {
110 | display: none !important; }
111 |
112 | .d-inline {
113 | display: inline !important; }
114 |
115 | .d-inline-block {
116 | display: inline-block !important; }
117 |
118 | .d-block {
119 | display: block !important; }
120 |
121 | .d-table {
122 | display: table !important; }
123 |
124 | .d-table-cell {
125 | display: table-cell !important; }
126 |
127 | .d-flex {
128 | display: flex !important; }
129 |
130 | .d-inline-flex {
131 | display: inline-flex !important; }
132 |
133 | @media (min-width: 576px) {
134 | .d-sm-none {
135 | display: none !important; }
136 | .d-sm-inline {
137 | display: inline !important; }
138 | .d-sm-inline-block {
139 | display: inline-block !important; }
140 | .d-sm-block {
141 | display: block !important; }
142 | .d-sm-table {
143 | display: table !important; }
144 | .d-sm-table-cell {
145 | display: table-cell !important; }
146 | .d-sm-flex {
147 | display: flex !important; }
148 | .d-sm-inline-flex {
149 | display: inline-flex !important; } }
150 |
151 | @media (min-width: 768px) {
152 | .d-md-none {
153 | display: none !important; }
154 | .d-md-inline {
155 | display: inline !important; }
156 | .d-md-inline-block {
157 | display: inline-block !important; }
158 | .d-md-block {
159 | display: block !important; }
160 | .d-md-table {
161 | display: table !important; }
162 | .d-md-table-cell {
163 | display: table-cell !important; }
164 | .d-md-flex {
165 | display: flex !important; }
166 | .d-md-inline-flex {
167 | display: inline-flex !important; } }
168 |
169 | @media (min-width: 992px) {
170 | .d-lg-none {
171 | display: none !important; }
172 | .d-lg-inline {
173 | display: inline !important; }
174 | .d-lg-inline-block {
175 | display: inline-block !important; }
176 | .d-lg-block {
177 | display: block !important; }
178 | .d-lg-table {
179 | display: table !important; }
180 | .d-lg-table-cell {
181 | display: table-cell !important; }
182 | .d-lg-flex {
183 | display: flex !important; }
184 | .d-lg-inline-flex {
185 | display: inline-flex !important; } }
186 |
187 | @media (min-width: 1200px) {
188 | .d-xl-none {
189 | display: none !important; }
190 | .d-xl-inline {
191 | display: inline !important; }
192 | .d-xl-inline-block {
193 | display: inline-block !important; }
194 | .d-xl-block {
195 | display: block !important; }
196 | .d-xl-table {
197 | display: table !important; }
198 | .d-xl-table-cell {
199 | display: table-cell !important; }
200 | .d-xl-flex {
201 | display: flex !important; }
202 | .d-xl-inline-flex {
203 | display: inline-flex !important; } }
204 |
205 | .flex-first {
206 | order: -1; }
207 |
208 | .flex-last {
209 | order: 1; }
210 |
211 | .flex-unordered {
212 | order: 0; }
213 |
214 | .flex-row {
215 | flex-direction: row !important; }
216 |
217 | .flex-column {
218 | flex-direction: column !important; }
219 |
220 | .flex-row-reverse {
221 | flex-direction: row-reverse !important; }
222 |
223 | .flex-column-reverse {
224 | flex-direction: column-reverse !important; }
225 |
226 | .flex-wrap {
227 | flex-wrap: wrap !important; }
228 |
229 | .flex-nowrap {
230 | flex-wrap: nowrap !important; }
231 |
232 | .flex-wrap-reverse {
233 | flex-wrap: wrap-reverse !important; }
234 |
235 | .justify-content-start {
236 | justify-content: flex-start !important; }
237 |
238 | .justify-content-end {
239 | justify-content: flex-end !important; }
240 |
241 | .justify-content-center {
242 | justify-content: center !important; }
243 |
244 | .justify-content-between {
245 | justify-content: space-between !important; }
246 |
247 | .justify-content-around {
248 | justify-content: space-around !important; }
249 |
250 | .align-items-start {
251 | align-items: flex-start !important; }
252 |
253 | .align-items-end {
254 | align-items: flex-end !important; }
255 |
256 | .align-items-center {
257 | align-items: center !important; }
258 |
259 | .align-items-baseline {
260 | align-items: baseline !important; }
261 |
262 | .align-items-stretch {
263 | align-items: stretch !important; }
264 |
265 | .align-content-start {
266 | align-content: flex-start !important; }
267 |
268 | .align-content-end {
269 | align-content: flex-end !important; }
270 |
271 | .align-content-center {
272 | align-content: center !important; }
273 |
274 | .align-content-between {
275 | align-content: space-between !important; }
276 |
277 | .align-content-around {
278 | align-content: space-around !important; }
279 |
280 | .align-content-stretch {
281 | align-content: stretch !important; }
282 |
283 | .align-self-auto {
284 | align-self: auto !important; }
285 |
286 | .align-self-start {
287 | align-self: flex-start !important; }
288 |
289 | .align-self-end {
290 | align-self: flex-end !important; }
291 |
292 | .align-self-center {
293 | align-self: center !important; }
294 |
295 | .align-self-baseline {
296 | align-self: baseline !important; }
297 |
298 | .align-self-stretch {
299 | align-self: stretch !important; }
300 |
301 | @media (min-width: 576px) {
302 | .flex-sm-first {
303 | order: -1; }
304 | .flex-sm-last {
305 | order: 1; }
306 | .flex-sm-unordered {
307 | order: 0; }
308 | .flex-sm-row {
309 | flex-direction: row !important; }
310 | .flex-sm-column {
311 | flex-direction: column !important; }
312 | .flex-sm-row-reverse {
313 | flex-direction: row-reverse !important; }
314 | .flex-sm-column-reverse {
315 | flex-direction: column-reverse !important; }
316 | .flex-sm-wrap {
317 | flex-wrap: wrap !important; }
318 | .flex-sm-nowrap {
319 | flex-wrap: nowrap !important; }
320 | .flex-sm-wrap-reverse {
321 | flex-wrap: wrap-reverse !important; }
322 | .justify-content-sm-start {
323 | justify-content: flex-start !important; }
324 | .justify-content-sm-end {
325 | justify-content: flex-end !important; }
326 | .justify-content-sm-center {
327 | justify-content: center !important; }
328 | .justify-content-sm-between {
329 | justify-content: space-between !important; }
330 | .justify-content-sm-around {
331 | justify-content: space-around !important; }
332 | .align-items-sm-start {
333 | align-items: flex-start !important; }
334 | .align-items-sm-end {
335 | align-items: flex-end !important; }
336 | .align-items-sm-center {
337 | align-items: center !important; }
338 | .align-items-sm-baseline {
339 | align-items: baseline !important; }
340 | .align-items-sm-stretch {
341 | align-items: stretch !important; }
342 | .align-content-sm-start {
343 | align-content: flex-start !important; }
344 | .align-content-sm-end {
345 | align-content: flex-end !important; }
346 | .align-content-sm-center {
347 | align-content: center !important; }
348 | .align-content-sm-between {
349 | align-content: space-between !important; }
350 | .align-content-sm-around {
351 | align-content: space-around !important; }
352 | .align-content-sm-stretch {
353 | align-content: stretch !important; }
354 | .align-self-sm-auto {
355 | align-self: auto !important; }
356 | .align-self-sm-start {
357 | align-self: flex-start !important; }
358 | .align-self-sm-end {
359 | align-self: flex-end !important; }
360 | .align-self-sm-center {
361 | align-self: center !important; }
362 | .align-self-sm-baseline {
363 | align-self: baseline !important; }
364 | .align-self-sm-stretch {
365 | align-self: stretch !important; } }
366 |
367 | @media (min-width: 768px) {
368 | .flex-md-first {
369 | order: -1; }
370 | .flex-md-last {
371 | order: 1; }
372 | .flex-md-unordered {
373 | order: 0; }
374 | .flex-md-row {
375 | flex-direction: row !important; }
376 | .flex-md-column {
377 | flex-direction: column !important; }
378 | .flex-md-row-reverse {
379 | flex-direction: row-reverse !important; }
380 | .flex-md-column-reverse {
381 | flex-direction: column-reverse !important; }
382 | .flex-md-wrap {
383 | flex-wrap: wrap !important; }
384 | .flex-md-nowrap {
385 | flex-wrap: nowrap !important; }
386 | .flex-md-wrap-reverse {
387 | flex-wrap: wrap-reverse !important; }
388 | .justify-content-md-start {
389 | justify-content: flex-start !important; }
390 | .justify-content-md-end {
391 | justify-content: flex-end !important; }
392 | .justify-content-md-center {
393 | justify-content: center !important; }
394 | .justify-content-md-between {
395 | justify-content: space-between !important; }
396 | .justify-content-md-around {
397 | justify-content: space-around !important; }
398 | .align-items-md-start {
399 | align-items: flex-start !important; }
400 | .align-items-md-end {
401 | align-items: flex-end !important; }
402 | .align-items-md-center {
403 | align-items: center !important; }
404 | .align-items-md-baseline {
405 | align-items: baseline !important; }
406 | .align-items-md-stretch {
407 | align-items: stretch !important; }
408 | .align-content-md-start {
409 | align-content: flex-start !important; }
410 | .align-content-md-end {
411 | align-content: flex-end !important; }
412 | .align-content-md-center {
413 | align-content: center !important; }
414 | .align-content-md-between {
415 | align-content: space-between !important; }
416 | .align-content-md-around {
417 | align-content: space-around !important; }
418 | .align-content-md-stretch {
419 | align-content: stretch !important; }
420 | .align-self-md-auto {
421 | align-self: auto !important; }
422 | .align-self-md-start {
423 | align-self: flex-start !important; }
424 | .align-self-md-end {
425 | align-self: flex-end !important; }
426 | .align-self-md-center {
427 | align-self: center !important; }
428 | .align-self-md-baseline {
429 | align-self: baseline !important; }
430 | .align-self-md-stretch {
431 | align-self: stretch !important; } }
432 |
433 | @media (min-width: 992px) {
434 | .flex-lg-first {
435 | order: -1; }
436 | .flex-lg-last {
437 | order: 1; }
438 | .flex-lg-unordered {
439 | order: 0; }
440 | .flex-lg-row {
441 | flex-direction: row !important; }
442 | .flex-lg-column {
443 | flex-direction: column !important; }
444 | .flex-lg-row-reverse {
445 | flex-direction: row-reverse !important; }
446 | .flex-lg-column-reverse {
447 | flex-direction: column-reverse !important; }
448 | .flex-lg-wrap {
449 | flex-wrap: wrap !important; }
450 | .flex-lg-nowrap {
451 | flex-wrap: nowrap !important; }
452 | .flex-lg-wrap-reverse {
453 | flex-wrap: wrap-reverse !important; }
454 | .justify-content-lg-start {
455 | justify-content: flex-start !important; }
456 | .justify-content-lg-end {
457 | justify-content: flex-end !important; }
458 | .justify-content-lg-center {
459 | justify-content: center !important; }
460 | .justify-content-lg-between {
461 | justify-content: space-between !important; }
462 | .justify-content-lg-around {
463 | justify-content: space-around !important; }
464 | .align-items-lg-start {
465 | align-items: flex-start !important; }
466 | .align-items-lg-end {
467 | align-items: flex-end !important; }
468 | .align-items-lg-center {
469 | align-items: center !important; }
470 | .align-items-lg-baseline {
471 | align-items: baseline !important; }
472 | .align-items-lg-stretch {
473 | align-items: stretch !important; }
474 | .align-content-lg-start {
475 | align-content: flex-start !important; }
476 | .align-content-lg-end {
477 | align-content: flex-end !important; }
478 | .align-content-lg-center {
479 | align-content: center !important; }
480 | .align-content-lg-between {
481 | align-content: space-between !important; }
482 | .align-content-lg-around {
483 | align-content: space-around !important; }
484 | .align-content-lg-stretch {
485 | align-content: stretch !important; }
486 | .align-self-lg-auto {
487 | align-self: auto !important; }
488 | .align-self-lg-start {
489 | align-self: flex-start !important; }
490 | .align-self-lg-end {
491 | align-self: flex-end !important; }
492 | .align-self-lg-center {
493 | align-self: center !important; }
494 | .align-self-lg-baseline {
495 | align-self: baseline !important; }
496 | .align-self-lg-stretch {
497 | align-self: stretch !important; } }
498 |
499 | @media (min-width: 1200px) {
500 | .flex-xl-first {
501 | order: -1; }
502 | .flex-xl-last {
503 | order: 1; }
504 | .flex-xl-unordered {
505 | order: 0; }
506 | .flex-xl-row {
507 | flex-direction: row !important; }
508 | .flex-xl-column {
509 | flex-direction: column !important; }
510 | .flex-xl-row-reverse {
511 | flex-direction: row-reverse !important; }
512 | .flex-xl-column-reverse {
513 | flex-direction: column-reverse !important; }
514 | .flex-xl-wrap {
515 | flex-wrap: wrap !important; }
516 | .flex-xl-nowrap {
517 | flex-wrap: nowrap !important; }
518 | .flex-xl-wrap-reverse {
519 | flex-wrap: wrap-reverse !important; }
520 | .justify-content-xl-start {
521 | justify-content: flex-start !important; }
522 | .justify-content-xl-end {
523 | justify-content: flex-end !important; }
524 | .justify-content-xl-center {
525 | justify-content: center !important; }
526 | .justify-content-xl-between {
527 | justify-content: space-between !important; }
528 | .justify-content-xl-around {
529 | justify-content: space-around !important; }
530 | .align-items-xl-start {
531 | align-items: flex-start !important; }
532 | .align-items-xl-end {
533 | align-items: flex-end !important; }
534 | .align-items-xl-center {
535 | align-items: center !important; }
536 | .align-items-xl-baseline {
537 | align-items: baseline !important; }
538 | .align-items-xl-stretch {
539 | align-items: stretch !important; }
540 | .align-content-xl-start {
541 | align-content: flex-start !important; }
542 | .align-content-xl-end {
543 | align-content: flex-end !important; }
544 | .align-content-xl-center {
545 | align-content: center !important; }
546 | .align-content-xl-between {
547 | align-content: space-between !important; }
548 | .align-content-xl-around {
549 | align-content: space-around !important; }
550 | .align-content-xl-stretch {
551 | align-content: stretch !important; }
552 | .align-self-xl-auto {
553 | align-self: auto !important; }
554 | .align-self-xl-start {
555 | align-self: flex-start !important; }
556 | .align-self-xl-end {
557 | align-self: flex-end !important; }
558 | .align-self-xl-center {
559 | align-self: center !important; }
560 | .align-self-xl-baseline {
561 | align-self: baseline !important; }
562 | .align-self-xl-stretch {
563 | align-self: stretch !important; } }
564 |
565 | .float-left {
566 | float: left !important; }
567 |
568 | .float-right {
569 | float: right !important; }
570 |
571 | .float-none {
572 | float: none !important; }
573 |
574 | @media (min-width: 576px) {
575 | .float-sm-left {
576 | float: left !important; }
577 | .float-sm-right {
578 | float: right !important; }
579 | .float-sm-none {
580 | float: none !important; } }
581 |
582 | @media (min-width: 768px) {
583 | .float-md-left {
584 | float: left !important; }
585 | .float-md-right {
586 | float: right !important; }
587 | .float-md-none {
588 | float: none !important; } }
589 |
590 | @media (min-width: 992px) {
591 | .float-lg-left {
592 | float: left !important; }
593 | .float-lg-right {
594 | float: right !important; }
595 | .float-lg-none {
596 | float: none !important; } }
597 |
598 | @media (min-width: 1200px) {
599 | .float-xl-left {
600 | float: left !important; }
601 | .float-xl-right {
602 | float: right !important; }
603 | .float-xl-none {
604 | float: none !important; } }
605 |
606 | .fixed-top {
607 | position: fixed;
608 | top: 0;
609 | right: 0;
610 | left: 0;
611 | z-index: 1030; }
612 |
613 | .fixed-bottom {
614 | position: fixed;
615 | right: 0;
616 | bottom: 0;
617 | left: 0;
618 | z-index: 1030; }
619 |
620 | .sticky-top {
621 | position: sticky;
622 | top: 0;
623 | z-index: 1030; }
624 |
625 | .sr-only {
626 | position: absolute;
627 | width: 1px;
628 | height: 1px;
629 | padding: 0;
630 | margin: -1px;
631 | overflow: hidden;
632 | clip: rect(0, 0, 0, 0);
633 | border: 0; }
634 |
635 | .sr-only-focusable:active, .sr-only-focusable:focus {
636 | position: static;
637 | width: auto;
638 | height: auto;
639 | margin: 0;
640 | overflow: visible;
641 | clip: auto; }
642 |
643 | .w-25 {
644 | width: 25% !important; }
645 |
646 | .w-50 {
647 | width: 50% !important; }
648 |
649 | .w-75 {
650 | width: 75% !important; }
651 |
652 | .w-100 {
653 | width: 100% !important; }
654 |
655 | .h-25 {
656 | height: 25% !important; }
657 |
658 | .h-50 {
659 | height: 50% !important; }
660 |
661 | .h-75 {
662 | height: 75% !important; }
663 |
664 | .h-100 {
665 | height: 100% !important; }
666 |
667 | .mw-100 {
668 | max-width: 100% !important; }
669 |
670 | .mh-100 {
671 | max-height: 100% !important; }
672 |
673 | .m-0 {
674 | margin: 0 0 !important; }
675 |
676 | .mt-0 {
677 | margin-top: 0 !important; }
678 |
679 | .mr-0 {
680 | margin-right: 0 !important; }
681 |
682 | .mb-0 {
683 | margin-bottom: 0 !important; }
684 |
685 | .ml-0 {
686 | margin-left: 0 !important; }
687 |
688 | .mx-0 {
689 | margin-right: 0 !important;
690 | margin-left: 0 !important; }
691 |
692 | .my-0 {
693 | margin-top: 0 !important;
694 | margin-bottom: 0 !important; }
695 |
696 | .m-1 {
697 | margin: 0.25rem 0.25rem !important; }
698 |
699 | .mt-1 {
700 | margin-top: 0.25rem !important; }
701 |
702 | .mr-1 {
703 | margin-right: 0.25rem !important; }
704 |
705 | .mb-1 {
706 | margin-bottom: 0.25rem !important; }
707 |
708 | .ml-1 {
709 | margin-left: 0.25rem !important; }
710 |
711 | .mx-1 {
712 | margin-right: 0.25rem !important;
713 | margin-left: 0.25rem !important; }
714 |
715 | .my-1 {
716 | margin-top: 0.25rem !important;
717 | margin-bottom: 0.25rem !important; }
718 |
719 | .m-2 {
720 | margin: 0.5rem 0.5rem !important; }
721 |
722 | .mt-2 {
723 | margin-top: 0.5rem !important; }
724 |
725 | .mr-2 {
726 | margin-right: 0.5rem !important; }
727 |
728 | .mb-2 {
729 | margin-bottom: 0.5rem !important; }
730 |
731 | .ml-2 {
732 | margin-left: 0.5rem !important; }
733 |
734 | .mx-2 {
735 | margin-right: 0.5rem !important;
736 | margin-left: 0.5rem !important; }
737 |
738 | .my-2 {
739 | margin-top: 0.5rem !important;
740 | margin-bottom: 0.5rem !important; }
741 |
742 | .m-3 {
743 | margin: 1rem 1rem !important; }
744 |
745 | .mt-3 {
746 | margin-top: 1rem !important; }
747 |
748 | .mr-3 {
749 | margin-right: 1rem !important; }
750 |
751 | .mb-3 {
752 | margin-bottom: 1rem !important; }
753 |
754 | .ml-3 {
755 | margin-left: 1rem !important; }
756 |
757 | .mx-3 {
758 | margin-right: 1rem !important;
759 | margin-left: 1rem !important; }
760 |
761 | .my-3 {
762 | margin-top: 1rem !important;
763 | margin-bottom: 1rem !important; }
764 |
765 | .m-4 {
766 | margin: 1.5rem 1.5rem !important; }
767 |
768 | .mt-4 {
769 | margin-top: 1.5rem !important; }
770 |
771 | .mr-4 {
772 | margin-right: 1.5rem !important; }
773 |
774 | .mb-4 {
775 | margin-bottom: 1.5rem !important; }
776 |
777 | .ml-4 {
778 | margin-left: 1.5rem !important; }
779 |
780 | .mx-4 {
781 | margin-right: 1.5rem !important;
782 | margin-left: 1.5rem !important; }
783 |
784 | .my-4 {
785 | margin-top: 1.5rem !important;
786 | margin-bottom: 1.5rem !important; }
787 |
788 | .m-5 {
789 | margin: 3rem 3rem !important; }
790 |
791 | .mt-5 {
792 | margin-top: 3rem !important; }
793 |
794 | .mr-5 {
795 | margin-right: 3rem !important; }
796 |
797 | .mb-5 {
798 | margin-bottom: 3rem !important; }
799 |
800 | .ml-5 {
801 | margin-left: 3rem !important; }
802 |
803 | .mx-5 {
804 | margin-right: 3rem !important;
805 | margin-left: 3rem !important; }
806 |
807 | .my-5 {
808 | margin-top: 3rem !important;
809 | margin-bottom: 3rem !important; }
810 |
811 | .p-0 {
812 | padding: 0 0 !important; }
813 |
814 | .pt-0 {
815 | padding-top: 0 !important; }
816 |
817 | .pr-0 {
818 | padding-right: 0 !important; }
819 |
820 | .pb-0 {
821 | padding-bottom: 0 !important; }
822 |
823 | .pl-0 {
824 | padding-left: 0 !important; }
825 |
826 | .px-0 {
827 | padding-right: 0 !important;
828 | padding-left: 0 !important; }
829 |
830 | .py-0 {
831 | padding-top: 0 !important;
832 | padding-bottom: 0 !important; }
833 |
834 | .p-1 {
835 | padding: 0.25rem 0.25rem !important; }
836 |
837 | .pt-1 {
838 | padding-top: 0.25rem !important; }
839 |
840 | .pr-1 {
841 | padding-right: 0.25rem !important; }
842 |
843 | .pb-1 {
844 | padding-bottom: 0.25rem !important; }
845 |
846 | .pl-1 {
847 | padding-left: 0.25rem !important; }
848 |
849 | .px-1 {
850 | padding-right: 0.25rem !important;
851 | padding-left: 0.25rem !important; }
852 |
853 | .py-1 {
854 | padding-top: 0.25rem !important;
855 | padding-bottom: 0.25rem !important; }
856 |
857 | .p-2 {
858 | padding: 0.5rem 0.5rem !important; }
859 |
860 | .pt-2 {
861 | padding-top: 0.5rem !important; }
862 |
863 | .pr-2 {
864 | padding-right: 0.5rem !important; }
865 |
866 | .pb-2 {
867 | padding-bottom: 0.5rem !important; }
868 |
869 | .pl-2 {
870 | padding-left: 0.5rem !important; }
871 |
872 | .px-2 {
873 | padding-right: 0.5rem !important;
874 | padding-left: 0.5rem !important; }
875 |
876 | .py-2 {
877 | padding-top: 0.5rem !important;
878 | padding-bottom: 0.5rem !important; }
879 |
880 | .p-3 {
881 | padding: 1rem 1rem !important; }
882 |
883 | .pt-3 {
884 | padding-top: 1rem !important; }
885 |
886 | .pr-3 {
887 | padding-right: 1rem !important; }
888 |
889 | .pb-3 {
890 | padding-bottom: 1rem !important; }
891 |
892 | .pl-3 {
893 | padding-left: 1rem !important; }
894 |
895 | .px-3 {
896 | padding-right: 1rem !important;
897 | padding-left: 1rem !important; }
898 |
899 | .py-3 {
900 | padding-top: 1rem !important;
901 | padding-bottom: 1rem !important; }
902 |
903 | .p-4 {
904 | padding: 1.5rem 1.5rem !important; }
905 |
906 | .pt-4 {
907 | padding-top: 1.5rem !important; }
908 |
909 | .pr-4 {
910 | padding-right: 1.5rem !important; }
911 |
912 | .pb-4 {
913 | padding-bottom: 1.5rem !important; }
914 |
915 | .pl-4 {
916 | padding-left: 1.5rem !important; }
917 |
918 | .px-4 {
919 | padding-right: 1.5rem !important;
920 | padding-left: 1.5rem !important; }
921 |
922 | .py-4 {
923 | padding-top: 1.5rem !important;
924 | padding-bottom: 1.5rem !important; }
925 |
926 | .p-5 {
927 | padding: 3rem 3rem !important; }
928 |
929 | .pt-5 {
930 | padding-top: 3rem !important; }
931 |
932 | .pr-5 {
933 | padding-right: 3rem !important; }
934 |
935 | .pb-5 {
936 | padding-bottom: 3rem !important; }
937 |
938 | .pl-5 {
939 | padding-left: 3rem !important; }
940 |
941 | .px-5 {
942 | padding-right: 3rem !important;
943 | padding-left: 3rem !important; }
944 |
945 | .py-5 {
946 | padding-top: 3rem !important;
947 | padding-bottom: 3rem !important; }
948 |
949 | .m-auto {
950 | margin: auto !important; }
951 |
952 | .mt-auto {
953 | margin-top: auto !important; }
954 |
955 | .mr-auto {
956 | margin-right: auto !important; }
957 |
958 | .mb-auto {
959 | margin-bottom: auto !important; }
960 |
961 | .ml-auto {
962 | margin-left: auto !important; }
963 |
964 | .mx-auto {
965 | margin-right: auto !important;
966 | margin-left: auto !important; }
967 |
968 | .my-auto {
969 | margin-top: auto !important;
970 | margin-bottom: auto !important; }
971 |
972 | @media (min-width: 576px) {
973 | .m-sm-0 {
974 | margin: 0 0 !important; }
975 | .mt-sm-0 {
976 | margin-top: 0 !important; }
977 | .mr-sm-0 {
978 | margin-right: 0 !important; }
979 | .mb-sm-0 {
980 | margin-bottom: 0 !important; }
981 | .ml-sm-0 {
982 | margin-left: 0 !important; }
983 | .mx-sm-0 {
984 | margin-right: 0 !important;
985 | margin-left: 0 !important; }
986 | .my-sm-0 {
987 | margin-top: 0 !important;
988 | margin-bottom: 0 !important; }
989 | .m-sm-1 {
990 | margin: 0.25rem 0.25rem !important; }
991 | .mt-sm-1 {
992 | margin-top: 0.25rem !important; }
993 | .mr-sm-1 {
994 | margin-right: 0.25rem !important; }
995 | .mb-sm-1 {
996 | margin-bottom: 0.25rem !important; }
997 | .ml-sm-1 {
998 | margin-left: 0.25rem !important; }
999 | .mx-sm-1 {
1000 | margin-right: 0.25rem !important;
1001 | margin-left: 0.25rem !important; }
1002 | .my-sm-1 {
1003 | margin-top: 0.25rem !important;
1004 | margin-bottom: 0.25rem !important; }
1005 | .m-sm-2 {
1006 | margin: 0.5rem 0.5rem !important; }
1007 | .mt-sm-2 {
1008 | margin-top: 0.5rem !important; }
1009 | .mr-sm-2 {
1010 | margin-right: 0.5rem !important; }
1011 | .mb-sm-2 {
1012 | margin-bottom: 0.5rem !important; }
1013 | .ml-sm-2 {
1014 | margin-left: 0.5rem !important; }
1015 | .mx-sm-2 {
1016 | margin-right: 0.5rem !important;
1017 | margin-left: 0.5rem !important; }
1018 | .my-sm-2 {
1019 | margin-top: 0.5rem !important;
1020 | margin-bottom: 0.5rem !important; }
1021 | .m-sm-3 {
1022 | margin: 1rem 1rem !important; }
1023 | .mt-sm-3 {
1024 | margin-top: 1rem !important; }
1025 | .mr-sm-3 {
1026 | margin-right: 1rem !important; }
1027 | .mb-sm-3 {
1028 | margin-bottom: 1rem !important; }
1029 | .ml-sm-3 {
1030 | margin-left: 1rem !important; }
1031 | .mx-sm-3 {
1032 | margin-right: 1rem !important;
1033 | margin-left: 1rem !important; }
1034 | .my-sm-3 {
1035 | margin-top: 1rem !important;
1036 | margin-bottom: 1rem !important; }
1037 | .m-sm-4 {
1038 | margin: 1.5rem 1.5rem !important; }
1039 | .mt-sm-4 {
1040 | margin-top: 1.5rem !important; }
1041 | .mr-sm-4 {
1042 | margin-right: 1.5rem !important; }
1043 | .mb-sm-4 {
1044 | margin-bottom: 1.5rem !important; }
1045 | .ml-sm-4 {
1046 | margin-left: 1.5rem !important; }
1047 | .mx-sm-4 {
1048 | margin-right: 1.5rem !important;
1049 | margin-left: 1.5rem !important; }
1050 | .my-sm-4 {
1051 | margin-top: 1.5rem !important;
1052 | margin-bottom: 1.5rem !important; }
1053 | .m-sm-5 {
1054 | margin: 3rem 3rem !important; }
1055 | .mt-sm-5 {
1056 | margin-top: 3rem !important; }
1057 | .mr-sm-5 {
1058 | margin-right: 3rem !important; }
1059 | .mb-sm-5 {
1060 | margin-bottom: 3rem !important; }
1061 | .ml-sm-5 {
1062 | margin-left: 3rem !important; }
1063 | .mx-sm-5 {
1064 | margin-right: 3rem !important;
1065 | margin-left: 3rem !important; }
1066 | .my-sm-5 {
1067 | margin-top: 3rem !important;
1068 | margin-bottom: 3rem !important; }
1069 | .p-sm-0 {
1070 | padding: 0 0 !important; }
1071 | .pt-sm-0 {
1072 | padding-top: 0 !important; }
1073 | .pr-sm-0 {
1074 | padding-right: 0 !important; }
1075 | .pb-sm-0 {
1076 | padding-bottom: 0 !important; }
1077 | .pl-sm-0 {
1078 | padding-left: 0 !important; }
1079 | .px-sm-0 {
1080 | padding-right: 0 !important;
1081 | padding-left: 0 !important; }
1082 | .py-sm-0 {
1083 | padding-top: 0 !important;
1084 | padding-bottom: 0 !important; }
1085 | .p-sm-1 {
1086 | padding: 0.25rem 0.25rem !important; }
1087 | .pt-sm-1 {
1088 | padding-top: 0.25rem !important; }
1089 | .pr-sm-1 {
1090 | padding-right: 0.25rem !important; }
1091 | .pb-sm-1 {
1092 | padding-bottom: 0.25rem !important; }
1093 | .pl-sm-1 {
1094 | padding-left: 0.25rem !important; }
1095 | .px-sm-1 {
1096 | padding-right: 0.25rem !important;
1097 | padding-left: 0.25rem !important; }
1098 | .py-sm-1 {
1099 | padding-top: 0.25rem !important;
1100 | padding-bottom: 0.25rem !important; }
1101 | .p-sm-2 {
1102 | padding: 0.5rem 0.5rem !important; }
1103 | .pt-sm-2 {
1104 | padding-top: 0.5rem !important; }
1105 | .pr-sm-2 {
1106 | padding-right: 0.5rem !important; }
1107 | .pb-sm-2 {
1108 | padding-bottom: 0.5rem !important; }
1109 | .pl-sm-2 {
1110 | padding-left: 0.5rem !important; }
1111 | .px-sm-2 {
1112 | padding-right: 0.5rem !important;
1113 | padding-left: 0.5rem !important; }
1114 | .py-sm-2 {
1115 | padding-top: 0.5rem !important;
1116 | padding-bottom: 0.5rem !important; }
1117 | .p-sm-3 {
1118 | padding: 1rem 1rem !important; }
1119 | .pt-sm-3 {
1120 | padding-top: 1rem !important; }
1121 | .pr-sm-3 {
1122 | padding-right: 1rem !important; }
1123 | .pb-sm-3 {
1124 | padding-bottom: 1rem !important; }
1125 | .pl-sm-3 {
1126 | padding-left: 1rem !important; }
1127 | .px-sm-3 {
1128 | padding-right: 1rem !important;
1129 | padding-left: 1rem !important; }
1130 | .py-sm-3 {
1131 | padding-top: 1rem !important;
1132 | padding-bottom: 1rem !important; }
1133 | .p-sm-4 {
1134 | padding: 1.5rem 1.5rem !important; }
1135 | .pt-sm-4 {
1136 | padding-top: 1.5rem !important; }
1137 | .pr-sm-4 {
1138 | padding-right: 1.5rem !important; }
1139 | .pb-sm-4 {
1140 | padding-bottom: 1.5rem !important; }
1141 | .pl-sm-4 {
1142 | padding-left: 1.5rem !important; }
1143 | .px-sm-4 {
1144 | padding-right: 1.5rem !important;
1145 | padding-left: 1.5rem !important; }
1146 | .py-sm-4 {
1147 | padding-top: 1.5rem !important;
1148 | padding-bottom: 1.5rem !important; }
1149 | .p-sm-5 {
1150 | padding: 3rem 3rem !important; }
1151 | .pt-sm-5 {
1152 | padding-top: 3rem !important; }
1153 | .pr-sm-5 {
1154 | padding-right: 3rem !important; }
1155 | .pb-sm-5 {
1156 | padding-bottom: 3rem !important; }
1157 | .pl-sm-5 {
1158 | padding-left: 3rem !important; }
1159 | .px-sm-5 {
1160 | padding-right: 3rem !important;
1161 | padding-left: 3rem !important; }
1162 | .py-sm-5 {
1163 | padding-top: 3rem !important;
1164 | padding-bottom: 3rem !important; }
1165 | .m-sm-auto {
1166 | margin: auto !important; }
1167 | .mt-sm-auto {
1168 | margin-top: auto !important; }
1169 | .mr-sm-auto {
1170 | margin-right: auto !important; }
1171 | .mb-sm-auto {
1172 | margin-bottom: auto !important; }
1173 | .ml-sm-auto {
1174 | margin-left: auto !important; }
1175 | .mx-sm-auto {
1176 | margin-right: auto !important;
1177 | margin-left: auto !important; }
1178 | .my-sm-auto {
1179 | margin-top: auto !important;
1180 | margin-bottom: auto !important; } }
1181 |
1182 | @media (min-width: 768px) {
1183 | .m-md-0 {
1184 | margin: 0 0 !important; }
1185 | .mt-md-0 {
1186 | margin-top: 0 !important; }
1187 | .mr-md-0 {
1188 | margin-right: 0 !important; }
1189 | .mb-md-0 {
1190 | margin-bottom: 0 !important; }
1191 | .ml-md-0 {
1192 | margin-left: 0 !important; }
1193 | .mx-md-0 {
1194 | margin-right: 0 !important;
1195 | margin-left: 0 !important; }
1196 | .my-md-0 {
1197 | margin-top: 0 !important;
1198 | margin-bottom: 0 !important; }
1199 | .m-md-1 {
1200 | margin: 0.25rem 0.25rem !important; }
1201 | .mt-md-1 {
1202 | margin-top: 0.25rem !important; }
1203 | .mr-md-1 {
1204 | margin-right: 0.25rem !important; }
1205 | .mb-md-1 {
1206 | margin-bottom: 0.25rem !important; }
1207 | .ml-md-1 {
1208 | margin-left: 0.25rem !important; }
1209 | .mx-md-1 {
1210 | margin-right: 0.25rem !important;
1211 | margin-left: 0.25rem !important; }
1212 | .my-md-1 {
1213 | margin-top: 0.25rem !important;
1214 | margin-bottom: 0.25rem !important; }
1215 | .m-md-2 {
1216 | margin: 0.5rem 0.5rem !important; }
1217 | .mt-md-2 {
1218 | margin-top: 0.5rem !important; }
1219 | .mr-md-2 {
1220 | margin-right: 0.5rem !important; }
1221 | .mb-md-2 {
1222 | margin-bottom: 0.5rem !important; }
1223 | .ml-md-2 {
1224 | margin-left: 0.5rem !important; }
1225 | .mx-md-2 {
1226 | margin-right: 0.5rem !important;
1227 | margin-left: 0.5rem !important; }
1228 | .my-md-2 {
1229 | margin-top: 0.5rem !important;
1230 | margin-bottom: 0.5rem !important; }
1231 | .m-md-3 {
1232 | margin: 1rem 1rem !important; }
1233 | .mt-md-3 {
1234 | margin-top: 1rem !important; }
1235 | .mr-md-3 {
1236 | margin-right: 1rem !important; }
1237 | .mb-md-3 {
1238 | margin-bottom: 1rem !important; }
1239 | .ml-md-3 {
1240 | margin-left: 1rem !important; }
1241 | .mx-md-3 {
1242 | margin-right: 1rem !important;
1243 | margin-left: 1rem !important; }
1244 | .my-md-3 {
1245 | margin-top: 1rem !important;
1246 | margin-bottom: 1rem !important; }
1247 | .m-md-4 {
1248 | margin: 1.5rem 1.5rem !important; }
1249 | .mt-md-4 {
1250 | margin-top: 1.5rem !important; }
1251 | .mr-md-4 {
1252 | margin-right: 1.5rem !important; }
1253 | .mb-md-4 {
1254 | margin-bottom: 1.5rem !important; }
1255 | .ml-md-4 {
1256 | margin-left: 1.5rem !important; }
1257 | .mx-md-4 {
1258 | margin-right: 1.5rem !important;
1259 | margin-left: 1.5rem !important; }
1260 | .my-md-4 {
1261 | margin-top: 1.5rem !important;
1262 | margin-bottom: 1.5rem !important; }
1263 | .m-md-5 {
1264 | margin: 3rem 3rem !important; }
1265 | .mt-md-5 {
1266 | margin-top: 3rem !important; }
1267 | .mr-md-5 {
1268 | margin-right: 3rem !important; }
1269 | .mb-md-5 {
1270 | margin-bottom: 3rem !important; }
1271 | .ml-md-5 {
1272 | margin-left: 3rem !important; }
1273 | .mx-md-5 {
1274 | margin-right: 3rem !important;
1275 | margin-left: 3rem !important; }
1276 | .my-md-5 {
1277 | margin-top: 3rem !important;
1278 | margin-bottom: 3rem !important; }
1279 | .p-md-0 {
1280 | padding: 0 0 !important; }
1281 | .pt-md-0 {
1282 | padding-top: 0 !important; }
1283 | .pr-md-0 {
1284 | padding-right: 0 !important; }
1285 | .pb-md-0 {
1286 | padding-bottom: 0 !important; }
1287 | .pl-md-0 {
1288 | padding-left: 0 !important; }
1289 | .px-md-0 {
1290 | padding-right: 0 !important;
1291 | padding-left: 0 !important; }
1292 | .py-md-0 {
1293 | padding-top: 0 !important;
1294 | padding-bottom: 0 !important; }
1295 | .p-md-1 {
1296 | padding: 0.25rem 0.25rem !important; }
1297 | .pt-md-1 {
1298 | padding-top: 0.25rem !important; }
1299 | .pr-md-1 {
1300 | padding-right: 0.25rem !important; }
1301 | .pb-md-1 {
1302 | padding-bottom: 0.25rem !important; }
1303 | .pl-md-1 {
1304 | padding-left: 0.25rem !important; }
1305 | .px-md-1 {
1306 | padding-right: 0.25rem !important;
1307 | padding-left: 0.25rem !important; }
1308 | .py-md-1 {
1309 | padding-top: 0.25rem !important;
1310 | padding-bottom: 0.25rem !important; }
1311 | .p-md-2 {
1312 | padding: 0.5rem 0.5rem !important; }
1313 | .pt-md-2 {
1314 | padding-top: 0.5rem !important; }
1315 | .pr-md-2 {
1316 | padding-right: 0.5rem !important; }
1317 | .pb-md-2 {
1318 | padding-bottom: 0.5rem !important; }
1319 | .pl-md-2 {
1320 | padding-left: 0.5rem !important; }
1321 | .px-md-2 {
1322 | padding-right: 0.5rem !important;
1323 | padding-left: 0.5rem !important; }
1324 | .py-md-2 {
1325 | padding-top: 0.5rem !important;
1326 | padding-bottom: 0.5rem !important; }
1327 | .p-md-3 {
1328 | padding: 1rem 1rem !important; }
1329 | .pt-md-3 {
1330 | padding-top: 1rem !important; }
1331 | .pr-md-3 {
1332 | padding-right: 1rem !important; }
1333 | .pb-md-3 {
1334 | padding-bottom: 1rem !important; }
1335 | .pl-md-3 {
1336 | padding-left: 1rem !important; }
1337 | .px-md-3 {
1338 | padding-right: 1rem !important;
1339 | padding-left: 1rem !important; }
1340 | .py-md-3 {
1341 | padding-top: 1rem !important;
1342 | padding-bottom: 1rem !important; }
1343 | .p-md-4 {
1344 | padding: 1.5rem 1.5rem !important; }
1345 | .pt-md-4 {
1346 | padding-top: 1.5rem !important; }
1347 | .pr-md-4 {
1348 | padding-right: 1.5rem !important; }
1349 | .pb-md-4 {
1350 | padding-bottom: 1.5rem !important; }
1351 | .pl-md-4 {
1352 | padding-left: 1.5rem !important; }
1353 | .px-md-4 {
1354 | padding-right: 1.5rem !important;
1355 | padding-left: 1.5rem !important; }
1356 | .py-md-4 {
1357 | padding-top: 1.5rem !important;
1358 | padding-bottom: 1.5rem !important; }
1359 | .p-md-5 {
1360 | padding: 3rem 3rem !important; }
1361 | .pt-md-5 {
1362 | padding-top: 3rem !important; }
1363 | .pr-md-5 {
1364 | padding-right: 3rem !important; }
1365 | .pb-md-5 {
1366 | padding-bottom: 3rem !important; }
1367 | .pl-md-5 {
1368 | padding-left: 3rem !important; }
1369 | .px-md-5 {
1370 | padding-right: 3rem !important;
1371 | padding-left: 3rem !important; }
1372 | .py-md-5 {
1373 | padding-top: 3rem !important;
1374 | padding-bottom: 3rem !important; }
1375 | .m-md-auto {
1376 | margin: auto !important; }
1377 | .mt-md-auto {
1378 | margin-top: auto !important; }
1379 | .mr-md-auto {
1380 | margin-right: auto !important; }
1381 | .mb-md-auto {
1382 | margin-bottom: auto !important; }
1383 | .ml-md-auto {
1384 | margin-left: auto !important; }
1385 | .mx-md-auto {
1386 | margin-right: auto !important;
1387 | margin-left: auto !important; }
1388 | .my-md-auto {
1389 | margin-top: auto !important;
1390 | margin-bottom: auto !important; } }
1391 |
1392 | @media (min-width: 992px) {
1393 | .m-lg-0 {
1394 | margin: 0 0 !important; }
1395 | .mt-lg-0 {
1396 | margin-top: 0 !important; }
1397 | .mr-lg-0 {
1398 | margin-right: 0 !important; }
1399 | .mb-lg-0 {
1400 | margin-bottom: 0 !important; }
1401 | .ml-lg-0 {
1402 | margin-left: 0 !important; }
1403 | .mx-lg-0 {
1404 | margin-right: 0 !important;
1405 | margin-left: 0 !important; }
1406 | .my-lg-0 {
1407 | margin-top: 0 !important;
1408 | margin-bottom: 0 !important; }
1409 | .m-lg-1 {
1410 | margin: 0.25rem 0.25rem !important; }
1411 | .mt-lg-1 {
1412 | margin-top: 0.25rem !important; }
1413 | .mr-lg-1 {
1414 | margin-right: 0.25rem !important; }
1415 | .mb-lg-1 {
1416 | margin-bottom: 0.25rem !important; }
1417 | .ml-lg-1 {
1418 | margin-left: 0.25rem !important; }
1419 | .mx-lg-1 {
1420 | margin-right: 0.25rem !important;
1421 | margin-left: 0.25rem !important; }
1422 | .my-lg-1 {
1423 | margin-top: 0.25rem !important;
1424 | margin-bottom: 0.25rem !important; }
1425 | .m-lg-2 {
1426 | margin: 0.5rem 0.5rem !important; }
1427 | .mt-lg-2 {
1428 | margin-top: 0.5rem !important; }
1429 | .mr-lg-2 {
1430 | margin-right: 0.5rem !important; }
1431 | .mb-lg-2 {
1432 | margin-bottom: 0.5rem !important; }
1433 | .ml-lg-2 {
1434 | margin-left: 0.5rem !important; }
1435 | .mx-lg-2 {
1436 | margin-right: 0.5rem !important;
1437 | margin-left: 0.5rem !important; }
1438 | .my-lg-2 {
1439 | margin-top: 0.5rem !important;
1440 | margin-bottom: 0.5rem !important; }
1441 | .m-lg-3 {
1442 | margin: 1rem 1rem !important; }
1443 | .mt-lg-3 {
1444 | margin-top: 1rem !important; }
1445 | .mr-lg-3 {
1446 | margin-right: 1rem !important; }
1447 | .mb-lg-3 {
1448 | margin-bottom: 1rem !important; }
1449 | .ml-lg-3 {
1450 | margin-left: 1rem !important; }
1451 | .mx-lg-3 {
1452 | margin-right: 1rem !important;
1453 | margin-left: 1rem !important; }
1454 | .my-lg-3 {
1455 | margin-top: 1rem !important;
1456 | margin-bottom: 1rem !important; }
1457 | .m-lg-4 {
1458 | margin: 1.5rem 1.5rem !important; }
1459 | .mt-lg-4 {
1460 | margin-top: 1.5rem !important; }
1461 | .mr-lg-4 {
1462 | margin-right: 1.5rem !important; }
1463 | .mb-lg-4 {
1464 | margin-bottom: 1.5rem !important; }
1465 | .ml-lg-4 {
1466 | margin-left: 1.5rem !important; }
1467 | .mx-lg-4 {
1468 | margin-right: 1.5rem !important;
1469 | margin-left: 1.5rem !important; }
1470 | .my-lg-4 {
1471 | margin-top: 1.5rem !important;
1472 | margin-bottom: 1.5rem !important; }
1473 | .m-lg-5 {
1474 | margin: 3rem 3rem !important; }
1475 | .mt-lg-5 {
1476 | margin-top: 3rem !important; }
1477 | .mr-lg-5 {
1478 | margin-right: 3rem !important; }
1479 | .mb-lg-5 {
1480 | margin-bottom: 3rem !important; }
1481 | .ml-lg-5 {
1482 | margin-left: 3rem !important; }
1483 | .mx-lg-5 {
1484 | margin-right: 3rem !important;
1485 | margin-left: 3rem !important; }
1486 | .my-lg-5 {
1487 | margin-top: 3rem !important;
1488 | margin-bottom: 3rem !important; }
1489 | .p-lg-0 {
1490 | padding: 0 0 !important; }
1491 | .pt-lg-0 {
1492 | padding-top: 0 !important; }
1493 | .pr-lg-0 {
1494 | padding-right: 0 !important; }
1495 | .pb-lg-0 {
1496 | padding-bottom: 0 !important; }
1497 | .pl-lg-0 {
1498 | padding-left: 0 !important; }
1499 | .px-lg-0 {
1500 | padding-right: 0 !important;
1501 | padding-left: 0 !important; }
1502 | .py-lg-0 {
1503 | padding-top: 0 !important;
1504 | padding-bottom: 0 !important; }
1505 | .p-lg-1 {
1506 | padding: 0.25rem 0.25rem !important; }
1507 | .pt-lg-1 {
1508 | padding-top: 0.25rem !important; }
1509 | .pr-lg-1 {
1510 | padding-right: 0.25rem !important; }
1511 | .pb-lg-1 {
1512 | padding-bottom: 0.25rem !important; }
1513 | .pl-lg-1 {
1514 | padding-left: 0.25rem !important; }
1515 | .px-lg-1 {
1516 | padding-right: 0.25rem !important;
1517 | padding-left: 0.25rem !important; }
1518 | .py-lg-1 {
1519 | padding-top: 0.25rem !important;
1520 | padding-bottom: 0.25rem !important; }
1521 | .p-lg-2 {
1522 | padding: 0.5rem 0.5rem !important; }
1523 | .pt-lg-2 {
1524 | padding-top: 0.5rem !important; }
1525 | .pr-lg-2 {
1526 | padding-right: 0.5rem !important; }
1527 | .pb-lg-2 {
1528 | padding-bottom: 0.5rem !important; }
1529 | .pl-lg-2 {
1530 | padding-left: 0.5rem !important; }
1531 | .px-lg-2 {
1532 | padding-right: 0.5rem !important;
1533 | padding-left: 0.5rem !important; }
1534 | .py-lg-2 {
1535 | padding-top: 0.5rem !important;
1536 | padding-bottom: 0.5rem !important; }
1537 | .p-lg-3 {
1538 | padding: 1rem 1rem !important; }
1539 | .pt-lg-3 {
1540 | padding-top: 1rem !important; }
1541 | .pr-lg-3 {
1542 | padding-right: 1rem !important; }
1543 | .pb-lg-3 {
1544 | padding-bottom: 1rem !important; }
1545 | .pl-lg-3 {
1546 | padding-left: 1rem !important; }
1547 | .px-lg-3 {
1548 | padding-right: 1rem !important;
1549 | padding-left: 1rem !important; }
1550 | .py-lg-3 {
1551 | padding-top: 1rem !important;
1552 | padding-bottom: 1rem !important; }
1553 | .p-lg-4 {
1554 | padding: 1.5rem 1.5rem !important; }
1555 | .pt-lg-4 {
1556 | padding-top: 1.5rem !important; }
1557 | .pr-lg-4 {
1558 | padding-right: 1.5rem !important; }
1559 | .pb-lg-4 {
1560 | padding-bottom: 1.5rem !important; }
1561 | .pl-lg-4 {
1562 | padding-left: 1.5rem !important; }
1563 | .px-lg-4 {
1564 | padding-right: 1.5rem !important;
1565 | padding-left: 1.5rem !important; }
1566 | .py-lg-4 {
1567 | padding-top: 1.5rem !important;
1568 | padding-bottom: 1.5rem !important; }
1569 | .p-lg-5 {
1570 | padding: 3rem 3rem !important; }
1571 | .pt-lg-5 {
1572 | padding-top: 3rem !important; }
1573 | .pr-lg-5 {
1574 | padding-right: 3rem !important; }
1575 | .pb-lg-5 {
1576 | padding-bottom: 3rem !important; }
1577 | .pl-lg-5 {
1578 | padding-left: 3rem !important; }
1579 | .px-lg-5 {
1580 | padding-right: 3rem !important;
1581 | padding-left: 3rem !important; }
1582 | .py-lg-5 {
1583 | padding-top: 3rem !important;
1584 | padding-bottom: 3rem !important; }
1585 | .m-lg-auto {
1586 | margin: auto !important; }
1587 | .mt-lg-auto {
1588 | margin-top: auto !important; }
1589 | .mr-lg-auto {
1590 | margin-right: auto !important; }
1591 | .mb-lg-auto {
1592 | margin-bottom: auto !important; }
1593 | .ml-lg-auto {
1594 | margin-left: auto !important; }
1595 | .mx-lg-auto {
1596 | margin-right: auto !important;
1597 | margin-left: auto !important; }
1598 | .my-lg-auto {
1599 | margin-top: auto !important;
1600 | margin-bottom: auto !important; } }
1601 |
1602 | @media (min-width: 1200px) {
1603 | .m-xl-0 {
1604 | margin: 0 0 !important; }
1605 | .mt-xl-0 {
1606 | margin-top: 0 !important; }
1607 | .mr-xl-0 {
1608 | margin-right: 0 !important; }
1609 | .mb-xl-0 {
1610 | margin-bottom: 0 !important; }
1611 | .ml-xl-0 {
1612 | margin-left: 0 !important; }
1613 | .mx-xl-0 {
1614 | margin-right: 0 !important;
1615 | margin-left: 0 !important; }
1616 | .my-xl-0 {
1617 | margin-top: 0 !important;
1618 | margin-bottom: 0 !important; }
1619 | .m-xl-1 {
1620 | margin: 0.25rem 0.25rem !important; }
1621 | .mt-xl-1 {
1622 | margin-top: 0.25rem !important; }
1623 | .mr-xl-1 {
1624 | margin-right: 0.25rem !important; }
1625 | .mb-xl-1 {
1626 | margin-bottom: 0.25rem !important; }
1627 | .ml-xl-1 {
1628 | margin-left: 0.25rem !important; }
1629 | .mx-xl-1 {
1630 | margin-right: 0.25rem !important;
1631 | margin-left: 0.25rem !important; }
1632 | .my-xl-1 {
1633 | margin-top: 0.25rem !important;
1634 | margin-bottom: 0.25rem !important; }
1635 | .m-xl-2 {
1636 | margin: 0.5rem 0.5rem !important; }
1637 | .mt-xl-2 {
1638 | margin-top: 0.5rem !important; }
1639 | .mr-xl-2 {
1640 | margin-right: 0.5rem !important; }
1641 | .mb-xl-2 {
1642 | margin-bottom: 0.5rem !important; }
1643 | .ml-xl-2 {
1644 | margin-left: 0.5rem !important; }
1645 | .mx-xl-2 {
1646 | margin-right: 0.5rem !important;
1647 | margin-left: 0.5rem !important; }
1648 | .my-xl-2 {
1649 | margin-top: 0.5rem !important;
1650 | margin-bottom: 0.5rem !important; }
1651 | .m-xl-3 {
1652 | margin: 1rem 1rem !important; }
1653 | .mt-xl-3 {
1654 | margin-top: 1rem !important; }
1655 | .mr-xl-3 {
1656 | margin-right: 1rem !important; }
1657 | .mb-xl-3 {
1658 | margin-bottom: 1rem !important; }
1659 | .ml-xl-3 {
1660 | margin-left: 1rem !important; }
1661 | .mx-xl-3 {
1662 | margin-right: 1rem !important;
1663 | margin-left: 1rem !important; }
1664 | .my-xl-3 {
1665 | margin-top: 1rem !important;
1666 | margin-bottom: 1rem !important; }
1667 | .m-xl-4 {
1668 | margin: 1.5rem 1.5rem !important; }
1669 | .mt-xl-4 {
1670 | margin-top: 1.5rem !important; }
1671 | .mr-xl-4 {
1672 | margin-right: 1.5rem !important; }
1673 | .mb-xl-4 {
1674 | margin-bottom: 1.5rem !important; }
1675 | .ml-xl-4 {
1676 | margin-left: 1.5rem !important; }
1677 | .mx-xl-4 {
1678 | margin-right: 1.5rem !important;
1679 | margin-left: 1.5rem !important; }
1680 | .my-xl-4 {
1681 | margin-top: 1.5rem !important;
1682 | margin-bottom: 1.5rem !important; }
1683 | .m-xl-5 {
1684 | margin: 3rem 3rem !important; }
1685 | .mt-xl-5 {
1686 | margin-top: 3rem !important; }
1687 | .mr-xl-5 {
1688 | margin-right: 3rem !important; }
1689 | .mb-xl-5 {
1690 | margin-bottom: 3rem !important; }
1691 | .ml-xl-5 {
1692 | margin-left: 3rem !important; }
1693 | .mx-xl-5 {
1694 | margin-right: 3rem !important;
1695 | margin-left: 3rem !important; }
1696 | .my-xl-5 {
1697 | margin-top: 3rem !important;
1698 | margin-bottom: 3rem !important; }
1699 | .p-xl-0 {
1700 | padding: 0 0 !important; }
1701 | .pt-xl-0 {
1702 | padding-top: 0 !important; }
1703 | .pr-xl-0 {
1704 | padding-right: 0 !important; }
1705 | .pb-xl-0 {
1706 | padding-bottom: 0 !important; }
1707 | .pl-xl-0 {
1708 | padding-left: 0 !important; }
1709 | .px-xl-0 {
1710 | padding-right: 0 !important;
1711 | padding-left: 0 !important; }
1712 | .py-xl-0 {
1713 | padding-top: 0 !important;
1714 | padding-bottom: 0 !important; }
1715 | .p-xl-1 {
1716 | padding: 0.25rem 0.25rem !important; }
1717 | .pt-xl-1 {
1718 | padding-top: 0.25rem !important; }
1719 | .pr-xl-1 {
1720 | padding-right: 0.25rem !important; }
1721 | .pb-xl-1 {
1722 | padding-bottom: 0.25rem !important; }
1723 | .pl-xl-1 {
1724 | padding-left: 0.25rem !important; }
1725 | .px-xl-1 {
1726 | padding-right: 0.25rem !important;
1727 | padding-left: 0.25rem !important; }
1728 | .py-xl-1 {
1729 | padding-top: 0.25rem !important;
1730 | padding-bottom: 0.25rem !important; }
1731 | .p-xl-2 {
1732 | padding: 0.5rem 0.5rem !important; }
1733 | .pt-xl-2 {
1734 | padding-top: 0.5rem !important; }
1735 | .pr-xl-2 {
1736 | padding-right: 0.5rem !important; }
1737 | .pb-xl-2 {
1738 | padding-bottom: 0.5rem !important; }
1739 | .pl-xl-2 {
1740 | padding-left: 0.5rem !important; }
1741 | .px-xl-2 {
1742 | padding-right: 0.5rem !important;
1743 | padding-left: 0.5rem !important; }
1744 | .py-xl-2 {
1745 | padding-top: 0.5rem !important;
1746 | padding-bottom: 0.5rem !important; }
1747 | .p-xl-3 {
1748 | padding: 1rem 1rem !important; }
1749 | .pt-xl-3 {
1750 | padding-top: 1rem !important; }
1751 | .pr-xl-3 {
1752 | padding-right: 1rem !important; }
1753 | .pb-xl-3 {
1754 | padding-bottom: 1rem !important; }
1755 | .pl-xl-3 {
1756 | padding-left: 1rem !important; }
1757 | .px-xl-3 {
1758 | padding-right: 1rem !important;
1759 | padding-left: 1rem !important; }
1760 | .py-xl-3 {
1761 | padding-top: 1rem !important;
1762 | padding-bottom: 1rem !important; }
1763 | .p-xl-4 {
1764 | padding: 1.5rem 1.5rem !important; }
1765 | .pt-xl-4 {
1766 | padding-top: 1.5rem !important; }
1767 | .pr-xl-4 {
1768 | padding-right: 1.5rem !important; }
1769 | .pb-xl-4 {
1770 | padding-bottom: 1.5rem !important; }
1771 | .pl-xl-4 {
1772 | padding-left: 1.5rem !important; }
1773 | .px-xl-4 {
1774 | padding-right: 1.5rem !important;
1775 | padding-left: 1.5rem !important; }
1776 | .py-xl-4 {
1777 | padding-top: 1.5rem !important;
1778 | padding-bottom: 1.5rem !important; }
1779 | .p-xl-5 {
1780 | padding: 3rem 3rem !important; }
1781 | .pt-xl-5 {
1782 | padding-top: 3rem !important; }
1783 | .pr-xl-5 {
1784 | padding-right: 3rem !important; }
1785 | .pb-xl-5 {
1786 | padding-bottom: 3rem !important; }
1787 | .pl-xl-5 {
1788 | padding-left: 3rem !important; }
1789 | .px-xl-5 {
1790 | padding-right: 3rem !important;
1791 | padding-left: 3rem !important; }
1792 | .py-xl-5 {
1793 | padding-top: 3rem !important;
1794 | padding-bottom: 3rem !important; }
1795 | .m-xl-auto {
1796 | margin: auto !important; }
1797 | .mt-xl-auto {
1798 | margin-top: auto !important; }
1799 | .mr-xl-auto {
1800 | margin-right: auto !important; }
1801 | .mb-xl-auto {
1802 | margin-bottom: auto !important; }
1803 | .ml-xl-auto {
1804 | margin-left: auto !important; }
1805 | .mx-xl-auto {
1806 | margin-right: auto !important;
1807 | margin-left: auto !important; }
1808 | .my-xl-auto {
1809 | margin-top: auto !important;
1810 | margin-bottom: auto !important; } }
1811 |
1812 | .text-justify {
1813 | text-align: justify !important; }
1814 |
1815 | .text-nowrap {
1816 | white-space: nowrap !important; }
1817 |
1818 | .text-truncate {
1819 | overflow: hidden;
1820 | text-overflow: ellipsis;
1821 | white-space: nowrap; }
1822 |
1823 | .text-left {
1824 | text-align: left !important; }
1825 |
1826 | .text-right {
1827 | text-align: right !important; }
1828 |
1829 | .text-center {
1830 | text-align: center !important; }
1831 |
1832 | @media (min-width: 576px) {
1833 | .text-sm-left {
1834 | text-align: left !important; }
1835 | .text-sm-right {
1836 | text-align: right !important; }
1837 | .text-sm-center {
1838 | text-align: center !important; } }
1839 |
1840 | @media (min-width: 768px) {
1841 | .text-md-left {
1842 | text-align: left !important; }
1843 | .text-md-right {
1844 | text-align: right !important; }
1845 | .text-md-center {
1846 | text-align: center !important; } }
1847 |
1848 | @media (min-width: 992px) {
1849 | .text-lg-left {
1850 | text-align: left !important; }
1851 | .text-lg-right {
1852 | text-align: right !important; }
1853 | .text-lg-center {
1854 | text-align: center !important; } }
1855 |
1856 | @media (min-width: 1200px) {
1857 | .text-xl-left {
1858 | text-align: left !important; }
1859 | .text-xl-right {
1860 | text-align: right !important; }
1861 | .text-xl-center {
1862 | text-align: center !important; } }
1863 |
1864 | .text-lowercase {
1865 | text-transform: lowercase !important; }
1866 |
1867 | .text-uppercase {
1868 | text-transform: uppercase !important; }
1869 |
1870 | .text-capitalize {
1871 | text-transform: capitalize !important; }
1872 |
1873 | .font-weight-normal {
1874 | font-weight: normal; }
1875 |
1876 | .font-weight-bold {
1877 | font-weight: bold; }
1878 |
1879 | .font-italic {
1880 | font-style: italic; }
1881 |
1882 | .text-white {
1883 | color: #fff !important; }
1884 |
1885 | .text-muted {
1886 | color: #636c72 !important; }
1887 |
1888 | a.text-muted:focus, a.text-muted:hover {
1889 | color: #4b5257 !important; }
1890 |
1891 | .text-primary {
1892 | color: #0275d8 !important; }
1893 |
1894 | a.text-primary:focus, a.text-primary:hover {
1895 | color: #025aa5 !important; }
1896 |
1897 | .text-success {
1898 | color: #5cb85c !important; }
1899 |
1900 | a.text-success:focus, a.text-success:hover {
1901 | color: #449d44 !important; }
1902 |
1903 | .text-info {
1904 | color: #5bc0de !important; }
1905 |
1906 | a.text-info:focus, a.text-info:hover {
1907 | color: #31b0d5 !important; }
1908 |
1909 | .text-warning {
1910 | color: #f0ad4e !important; }
1911 |
1912 | a.text-warning:focus, a.text-warning:hover {
1913 | color: #ec971f !important; }
1914 |
1915 | .text-danger {
1916 | color: #d9534f !important; }
1917 |
1918 | a.text-danger:focus, a.text-danger:hover {
1919 | color: #c9302c !important; }
1920 |
1921 | .text-gray-dark {
1922 | color: #292b2c !important; }
1923 |
1924 | a.text-gray-dark:focus, a.text-gray-dark:hover {
1925 | color: #101112 !important; }
1926 |
1927 | .text-hide {
1928 | font: 0/0 a;
1929 | color: transparent;
1930 | text-shadow: none;
1931 | background-color: transparent;
1932 | border: 0; }
1933 |
1934 | .invisible {
1935 | visibility: hidden !important; }
1936 |
1937 | .hidden-xs-up {
1938 | display: none !important; }
1939 |
1940 | @media (max-width: 575px) {
1941 | .hidden-xs-down {
1942 | display: none !important; } }
1943 |
1944 | @media (min-width: 576px) {
1945 | .hidden-sm-up {
1946 | display: none !important; } }
1947 |
1948 | @media (max-width: 767px) {
1949 | .hidden-sm-down {
1950 | display: none !important; } }
1951 |
1952 | @media (min-width: 768px) {
1953 | .hidden-md-up {
1954 | display: none !important; } }
1955 |
1956 | @media (max-width: 991px) {
1957 | .hidden-md-down {
1958 | display: none !important; } }
1959 |
1960 | @media (min-width: 992px) {
1961 | .hidden-lg-up {
1962 | display: none !important; } }
1963 |
1964 | @media (max-width: 1199px) {
1965 | .hidden-lg-down {
1966 | display: none !important; } }
1967 |
1968 | @media (min-width: 1200px) {
1969 | .hidden-xl-up {
1970 | display: none !important; } }
1971 |
1972 | .hidden-xl-down {
1973 | display: none !important; }
1974 |
1975 | .visible-print-block {
1976 | display: none !important; }
1977 |
1978 | @media print {
1979 | .visible-print-block {
1980 | display: block !important; } }
1981 |
1982 | .visible-print-inline {
1983 | display: none !important; }
1984 |
1985 | @media print {
1986 | .visible-print-inline {
1987 | display: inline !important; } }
1988 |
1989 | .visible-print-inline-block {
1990 | display: none !important; }
1991 |
1992 | @media print {
1993 | .visible-print-inline-block {
1994 | display: inline-block !important; } }
1995 |
1996 | @media print {
1997 | .hidden-print {
1998 | display: none !important; } }
1999 |
--------------------------------------------------------------------------------