├── .gitignore
├── LICENSE.md
├── README.md
├── gulpfile.js
├── package-lock.json
├── package.json
└── src
├── .DS_Store
├── assets
├── img
│ ├── brand
│ │ ├── dark.svg
│ │ └── light.svg
│ ├── favicon
│ │ ├── android-chrome-192x192.png
│ │ ├── android-chrome-512x512.png
│ │ ├── apple-touch-icon.png
│ │ ├── browserconfig.xml
│ │ ├── favicon-16x16.png
│ │ ├── favicon-32x32.png
│ │ ├── favicon.ico
│ │ ├── manifest.json
│ │ ├── mstile-150x150.png
│ │ ├── safari-pinned-tab.svg
│ │ └── site.webmanifest
│ ├── flags
│ │ ├── aland-islands.svg
│ │ ├── albania.svg
│ │ ├── algeria.svg
│ │ ├── american-samoa.svg
│ │ ├── anguilla.svg
│ │ ├── argentina.svg
│ │ ├── armenia.svg
│ │ ├── australia.svg
│ │ ├── austria.svg
│ │ ├── azerbaijan.svg
│ │ ├── bahrain.svg
│ │ ├── belarus.svg
│ │ ├── belgium.svg
│ │ ├── bolivia.svg
│ │ ├── bosnia-and-herzegovina.svg
│ │ ├── botswana.svg
│ │ ├── brazil.svg
│ │ ├── bulgaria.svg
│ │ ├── cambodia.svg
│ │ ├── cameroon.svg
│ │ ├── canada.svg
│ │ ├── chile.svg
│ │ ├── china.svg
│ │ ├── colombia.svg
│ │ ├── costa-rica.svg
│ │ ├── croatia.svg
│ │ ├── cuba.svg
│ │ ├── cyprus.svg
│ │ ├── czech-republic.svg
│ │ ├── denmark.svg
│ │ ├── ecuador.svg
│ │ ├── egypt.svg
│ │ ├── estonia.svg
│ │ ├── ethiopia.svg
│ │ ├── finland.svg
│ │ ├── france.svg
│ │ ├── georgia.svg
│ │ ├── germany.svg
│ │ ├── greece.svg
│ │ ├── haiti.svg
│ │ ├── hong-kong.svg
│ │ ├── hungary.svg
│ │ ├── iceland.svg
│ │ ├── india.svg
│ │ ├── indonesia.svg
│ │ ├── iran.svg
│ │ ├── iraq.svg
│ │ ├── ireland.svg
│ │ ├── israel.svg
│ │ ├── italy.svg
│ │ ├── ivory-coast.svg
│ │ ├── japan.svg
│ │ ├── kazakhstan.svg
│ │ ├── kuwait.svg
│ │ ├── latvia.svg
│ │ ├── liechtenstein.svg
│ │ ├── lithuania.svg
│ │ ├── luxembourg.svg
│ │ ├── malaysia.svg
│ │ ├── mexico.svg
│ │ ├── mongolia.svg
│ │ ├── montenegro.svg
│ │ ├── nauru.svg
│ │ ├── netherlands.svg
│ │ ├── nicaragua.svg
│ │ ├── nigeria.svg
│ │ ├── norway.svg
│ │ ├── pakistan.svg
│ │ ├── panama.svg
│ │ ├── paraguay.svg
│ │ ├── peru.svg
│ │ ├── philippines.svg
│ │ ├── portugal.svg
│ │ ├── puerto-rico.svg
│ │ ├── republic-of-macedonia.svg
│ │ ├── republic-of-poland.svg
│ │ ├── romania.svg
│ │ ├── russia.svg
│ │ ├── serbia.svg
│ │ ├── singapore.svg
│ │ ├── slovakia.svg
│ │ ├── slovenia.svg
│ │ ├── south-africa.svg
│ │ ├── south-korea.svg
│ │ ├── spain.svg
│ │ ├── sri-lanka.svg
│ │ ├── sweden.svg
│ │ ├── switzerland.svg
│ │ ├── taiwan.svg
│ │ ├── thailand.svg
│ │ ├── tunisia.svg
│ │ ├── turkey.svg
│ │ ├── ukraine.svg
│ │ ├── united-arab-emirates.svg
│ │ ├── united-kingdom.svg
│ │ ├── united-states-of-america.svg
│ │ ├── united-states.svg
│ │ ├── uruguay.svg
│ │ ├── venezuela.svg
│ │ └── vietnam.svg
│ ├── icons
│ │ ├── github.svg
│ │ ├── google-tag-manager.svg
│ │ └── google_analytics.svg
│ ├── illustrations
│ │ ├── 404.svg
│ │ ├── 500.svg
│ │ ├── bs5-illustrations.svg
│ │ └── signin.svg
│ ├── marker.svg
│ ├── mockup-calendar-presentation.png
│ ├── mockup-kanban-presentation.png
│ ├── mockup-map-presentation.png
│ ├── mockup-presentation.png
│ ├── pages
│ │ ├── 404.jpg
│ │ ├── 500.jpg
│ │ ├── forgot-password.jpg
│ │ ├── lock.jpg
│ │ ├── mockup-presentation.png
│ │ ├── overview.jpg
│ │ ├── reset-password.jpg
│ │ ├── settings.jpg
│ │ ├── sign-in.jpg
│ │ ├── sign-up.jpg
│ │ └── transactions.jpg
│ ├── paypal-logo.svg
│ ├── profile-cover.jpg
│ ├── team
│ │ ├── profile-picture-1.jpg
│ │ ├── profile-picture-2.jpg
│ │ ├── profile-picture-3.jpg
│ │ ├── profile-picture-4.jpg
│ │ ├── profile-picture-5.jpg
│ │ └── profile-picture-6.jpg
│ ├── technologies
│ │ ├── bootstrap-5-logo.svg
│ │ ├── react-logo-primary.svg
│ │ ├── react-logo.svg
│ │ └── vuejs-logo.svg
│ ├── themesberg-logo-alt.svg
│ ├── themesberg-mockup.jpg
│ └── themesberg.svg
└── js
│ └── volt.js
├── index.html
├── pages
├── .DS_Store
├── components
│ ├── buttons.html
│ ├── forms.html
│ ├── modals.html
│ ├── notifications.html
│ └── typography.html
├── dashboard
│ └── dashboard.html
├── examples
│ ├── .DS_Store
│ ├── 404.html
│ ├── 500.html
│ ├── forgot-password.html
│ ├── lock.html
│ ├── reset-password.html
│ ├── sign-in.html
│ └── sign-up.html
├── settings.html
├── tables
│ └── bootstrap-tables.html
├── transactions.html
└── upgrade-to-pro.html
├── partials
├── _analytics.html
├── _analytics_body.html
├── _footer.html
├── _head.html
├── _navigation.html
├── _pages-preview.html
├── _scripts.html
└── dashboard
│ ├── _footer.html
│ ├── _nav.html
│ ├── _sidenav.html
│ └── _topbar.html
└── scss
├── .DS_Store
├── custom
└── _variables.scss
├── volt.scss
└── volt
├── _components.scss
├── _forms.scss
├── _functions.scss
├── _layout.scss
├── _mixins.scss
├── _utilities.scss
├── _variables.scss
├── _vendor.scss
├── components
├── _accordions.scss
├── _alerts.scss
├── _animations.scss
├── _avatars.scss
├── _badge.scss
├── _body.scss
├── _breadcrumb.scss
├── _buttons.scss
├── _card.scss
├── _carousel.scss
├── _charts.scss
├── _close.scss
├── _custom-forms.scss
├── _datepicker.scss
├── _dropdown.scss
├── _icons.scss
├── _images.scss
├── _list-group.scss
├── _modal.scss
├── _nav.scss
├── _pagination.scss
├── _popover.scss
├── _progress.scss
├── _scrollbar.scss
├── _shapes.scss
├── _steps.scss
├── _tables.scss
├── _timelines.scss
├── _tooltip.scss
└── _type.scss
├── forms
├── _form-check.scss
├── _form-control.scss
├── _form-select.scss
└── _input-group.scss
├── layout
├── _footer.scss
├── _navbar.scss
├── _section.scss
├── _sidebar.scss
└── _sidenav.scss
└── mixins
├── _animations.scss
├── _background-variant.scss
├── _icon.scss
├── _modals.scss
├── _popover.scss
├── _transform.scss
└── _utilities.scss
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .temp/
3 | html&css/
4 | dist/
5 | *.zip
6 | docs/
7 | .DS_Store
8 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright 2021 Themesberg (Crafty Dwarf LLC)
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@themesberg/volt-bootstrap-5-dashboard",
3 | "version": "1.4.1",
4 | "description": "Volt - Bootstrap 5 Dashboard",
5 | "main": "gulpfile.js",
6 | "author": "Themesberg",
7 | "keywords": [
8 | "bootstrap",
9 | "bootstrap5",
10 | "bootstrap-5",
11 | "bootstrap 5",
12 | "bootstrap 5 dashboard",
13 | "bootstrap 5 admin dashboard",
14 | "dashboard vanilla js",
15 | "admin dashboard vanilla js",
16 | "bootstrap template vanilla js",
17 | "bootstrap 5 chart",
18 | "bootstrap 5 datepicker",
19 | "bootstrap 5 beta 1"
20 | ],
21 | "homepage": "https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard",
22 | "bugs": {
23 | "url": "https://github.com/themesberg/volt-bootstrap-5-dashboard/issues"
24 | },
25 | "repository": {
26 | "type": "git",
27 | "url": "https://github.com/themesberg/volt-bootstrap-5-dashboard"
28 | },
29 | "license": "https://github.com/themesberg/volt-bootstrap-5-dashboard/blob/master/LICENSE.md",
30 | "dependencies": {
31 | "@popperjs/core": "^2.9.2",
32 | "bootstrap": "^5.0.2",
33 | "chartist": "^0.11.4",
34 | "chartist-plugin-tooltips": "^0.0.17",
35 | "notyf": "^3.10.0",
36 | "nouislider": "^15.2.0",
37 | "onscreen": "^1.4.0",
38 | "sass": "^1.47.0",
39 | "simplebar": "^5.3.4",
40 | "smooth-scroll": "^16.1.3",
41 | "sweetalert2": "^11.0.18",
42 | "vanillajs-datepicker": "^1.2.0",
43 | "waypoints": "^4.0.1"
44 | },
45 | "devDependencies": {
46 | "browser-sync": "^2.27.4",
47 | "del": "^6.0.0",
48 | "gulp": "^4.0.2",
49 | "gulp-autoprefixer": "^8.0.0",
50 | "gulp-clean-css": "^4.3.0",
51 | "gulp-cssbeautify": "^3.0.0",
52 | "gulp-file-include": "^2.3.0",
53 | "gulp-header": "^2.0.9",
54 | "gulp-htmlmin": "^5.0.1",
55 | "gulp-npm-dist": "^1.0.3",
56 | "gulp-plumber": "^1.2.1",
57 | "gulp-rename": "^2.0.0",
58 | "gulp-sass": "^5.0.0",
59 | "gulp-sourcemaps": "^3.0.0",
60 | "gulp-uglify": "^3.0.2",
61 | "gulp-wait": "^0.0.2",
62 | "merge-stream": "^2.0.0"
63 | }
64 | }
65 |
--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/.DS_Store
--------------------------------------------------------------------------------
/src/assets/img/brand/dark.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
--------------------------------------------------------------------------------
/src/assets/img/brand/light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/img/favicon/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/android-chrome-192x192.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/android-chrome-512x512.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/apple-touch-icon.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | #ffffff
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/assets/img/favicon/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/favicon-16x16.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/favicon-32x32.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/favicon.ico
--------------------------------------------------------------------------------
/src/assets/img/favicon/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Bootstrap",
3 | "short_name": "Bootstrap",
4 | "icons": [
5 | {
6 | "src": "/docs/4.3/assets/img/favicons/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/docs/4.3/assets/img/favicons/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "start_url": "/?utm_source=a2hs",
17 | "theme_color": "#563d7c",
18 | "background_color": "#563d7c",
19 | "display": "standalone"
20 | }
21 |
--------------------------------------------------------------------------------
/src/assets/img/favicon/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/favicon/mstile-150x150.png
--------------------------------------------------------------------------------
/src/assets/img/favicon/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/favicon/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Themesberg",
3 | "short_name": "Themesberg",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/src/assets/img/flags/aland-islands.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
50 |
--------------------------------------------------------------------------------
/src/assets/img/flags/albania.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/algeria.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/american-samoa.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
--------------------------------------------------------------------------------
/src/assets/img/flags/argentina.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/armenia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/austria.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
42 |
--------------------------------------------------------------------------------
/src/assets/img/flags/azerbaijan.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
48 |
--------------------------------------------------------------------------------
/src/assets/img/flags/bahrain.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/belarus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
51 |
--------------------------------------------------------------------------------
/src/assets/img/flags/belgium.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/bolivia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/bosnia-and-herzegovina.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
52 |
--------------------------------------------------------------------------------
/src/assets/img/flags/botswana.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/brazil.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
46 |
--------------------------------------------------------------------------------
/src/assets/img/flags/bulgaria.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/cambodia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/cameroon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
42 |
--------------------------------------------------------------------------------
/src/assets/img/flags/canada.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/chile.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/china.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
--------------------------------------------------------------------------------
/src/assets/img/flags/colombia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/costa-rica.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/cuba.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
50 |
--------------------------------------------------------------------------------
/src/assets/img/flags/cyprus.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/czech-republic.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/denmark.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
46 |
--------------------------------------------------------------------------------
/src/assets/img/flags/ecuador.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/egypt.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/estonia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/ethiopia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
--------------------------------------------------------------------------------
/src/assets/img/flags/finland.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/france.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/georgia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
51 |
--------------------------------------------------------------------------------
/src/assets/img/flags/germany.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/greece.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/haiti.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/hong-kong.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
51 |
--------------------------------------------------------------------------------
/src/assets/img/flags/hungary.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/iceland.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
48 |
--------------------------------------------------------------------------------
/src/assets/img/flags/india.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/indonesia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
38 |
--------------------------------------------------------------------------------
/src/assets/img/flags/iran.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/iraq.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
--------------------------------------------------------------------------------
/src/assets/img/flags/ireland.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/israel.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
48 |
--------------------------------------------------------------------------------
/src/assets/img/flags/italy.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/ivory-coast.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/japan.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
38 |
--------------------------------------------------------------------------------
/src/assets/img/flags/kazakhstan.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/kuwait.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/latvia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/liechtenstein.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
42 |
--------------------------------------------------------------------------------
/src/assets/img/flags/lithuania.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/luxembourg.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/malaysia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
53 |
--------------------------------------------------------------------------------
/src/assets/img/flags/mexico.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/mongolia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
52 |
--------------------------------------------------------------------------------
/src/assets/img/flags/montenegro.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
53 |
--------------------------------------------------------------------------------
/src/assets/img/flags/nauru.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/netherlands.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/nicaragua.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/nigeria.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/norway.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
48 |
--------------------------------------------------------------------------------
/src/assets/img/flags/pakistan.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
50 |
--------------------------------------------------------------------------------
/src/assets/img/flags/panama.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/paraguay.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/peru.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/philippines.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
52 |
--------------------------------------------------------------------------------
/src/assets/img/flags/portugal.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/puerto-rico.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/republic-of-macedonia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
--------------------------------------------------------------------------------
/src/assets/img/flags/republic-of-poland.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
38 |
--------------------------------------------------------------------------------
/src/assets/img/flags/romania.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/russia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
40 |
--------------------------------------------------------------------------------
/src/assets/img/flags/serbia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
56 |
--------------------------------------------------------------------------------
/src/assets/img/flags/singapore.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
53 |
--------------------------------------------------------------------------------
/src/assets/img/flags/slovakia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
51 |
--------------------------------------------------------------------------------
/src/assets/img/flags/slovenia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
42 |
--------------------------------------------------------------------------------
/src/assets/img/flags/south-africa.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
47 |
--------------------------------------------------------------------------------
/src/assets/img/flags/spain.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
42 |
--------------------------------------------------------------------------------
/src/assets/img/flags/sri-lanka.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
49 |
--------------------------------------------------------------------------------
/src/assets/img/flags/sweden.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
46 |
--------------------------------------------------------------------------------
/src/assets/img/flags/switzerland.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/flags/taiwan.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/thailand.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
43 |
--------------------------------------------------------------------------------
/src/assets/img/flags/tunisia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/assets/img/flags/turkey.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
44 |
--------------------------------------------------------------------------------
/src/assets/img/flags/ukraine.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
38 |
--------------------------------------------------------------------------------
/src/assets/img/flags/united-arab-emirates.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/assets/img/flags/united-states-of-america.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
54 |
--------------------------------------------------------------------------------
/src/assets/img/flags/united-states.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
54 |
--------------------------------------------------------------------------------
/src/assets/img/flags/uruguay.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
52 |
--------------------------------------------------------------------------------
/src/assets/img/flags/vietnam.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
39 |
--------------------------------------------------------------------------------
/src/assets/img/icons/google-tag-manager.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
19 |
--------------------------------------------------------------------------------
/src/assets/img/icons/google_analytics.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/img/marker.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/assets/img/mockup-calendar-presentation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/mockup-calendar-presentation.png
--------------------------------------------------------------------------------
/src/assets/img/mockup-kanban-presentation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/mockup-kanban-presentation.png
--------------------------------------------------------------------------------
/src/assets/img/mockup-map-presentation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/mockup-map-presentation.png
--------------------------------------------------------------------------------
/src/assets/img/mockup-presentation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/mockup-presentation.png
--------------------------------------------------------------------------------
/src/assets/img/pages/404.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/404.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/500.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/500.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/forgot-password.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/forgot-password.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/lock.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/lock.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/mockup-presentation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/mockup-presentation.png
--------------------------------------------------------------------------------
/src/assets/img/pages/overview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/overview.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/reset-password.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/reset-password.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/settings.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/settings.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/sign-in.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/sign-in.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/sign-up.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/sign-up.jpg
--------------------------------------------------------------------------------
/src/assets/img/pages/transactions.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/pages/transactions.jpg
--------------------------------------------------------------------------------
/src/assets/img/profile-cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/profile-cover.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-1.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-2.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-3.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-4.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-5.jpg
--------------------------------------------------------------------------------
/src/assets/img/team/profile-picture-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/team/profile-picture-6.jpg
--------------------------------------------------------------------------------
/src/assets/img/technologies/bootstrap-5-logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/img/technologies/react-logo-primary.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/img/technologies/react-logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/img/technologies/vuejs-logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
9 |
--------------------------------------------------------------------------------
/src/assets/img/themesberg-mockup.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/assets/img/themesberg-mockup.jpg
--------------------------------------------------------------------------------
/src/assets/img/themesberg.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/pages/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/pages/.DS_Store
--------------------------------------------------------------------------------
/src/pages/examples/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/pages/examples/.DS_Store
--------------------------------------------------------------------------------
/src/partials/_analytics.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
20 |
--------------------------------------------------------------------------------
/src/partials/_analytics_body.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/partials/_scripts.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/src/partials/dashboard/_nav.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/scss/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/themesberg/volt-bootstrap-5-dashboard/733061d47060d761254df349b17e2abd02de6c74/src/scss/.DS_Store
--------------------------------------------------------------------------------
/src/scss/custom/_variables.scss:
--------------------------------------------------------------------------------
1 | // $primary: blue;
2 |
--------------------------------------------------------------------------------
/src/scss/volt/_components.scss:
--------------------------------------------------------------------------------
1 | @import "components/body";
2 | @import "components/accordions";
3 | @import "components/animations";
4 | @import "components/alerts";
5 | @import "components/avatars";
6 | @import "components/badge";
7 | @import "components/buttons";
8 | @import "components/breadcrumb";
9 | @import "components/card";
10 | @import "components/carousel";
11 | @import "components/close";
12 | @import "components/custom-forms";
13 | @import "components/charts";
14 | @import "components/dropdown";
15 | @import "components/icons";
16 | @import "components/images";
17 | @import "components/list-group";
18 | @import "components/modal";
19 | @import "components/nav";
20 | @import "components/pagination";
21 | @import "components/popover";
22 | @import "components/progress";
23 | @import "components/shapes";
24 | @import "components/datepicker";
25 | @import "components/steps";
26 | @import "components/tables";
27 | @import "components/type";
28 | @import "components/timelines";
29 | @import "components/tooltip";
30 | @import "components/scrollbar";
31 |
--------------------------------------------------------------------------------
/src/scss/volt/_forms.scss:
--------------------------------------------------------------------------------
1 | @import "forms/form-control";
2 | @import "forms/form-check";
3 | @import "forms/input-group";
4 | @import "forms/form-select";
--------------------------------------------------------------------------------
/src/scss/volt/_functions.scss:
--------------------------------------------------------------------------------
1 | // Retrieve color Sass maps
2 |
3 | @function section-color($key: "primary") {
4 | @return map-get($section-colors, $key);
5 | }
6 |
7 | // Lines colors
8 |
9 | @function shapes-primary-color($key: "step-1-gradient-bg") {
10 | @return map-get($shapes-primary-colors, $key);
11 | }
12 |
13 | @function shapes-default-color($key: "step-1-gradient-bg") {
14 | @return map-get($shapes-default-colors, $key);
15 | }
16 |
17 | @function lines-light-color($key: "step-1-gradient-bg") {
18 | @return map-get($shapes-light-colors, $key);
19 | }
20 |
21 | @function shapes-dark-color($key: "step-1-gradient-bg") {
22 | @return map-get($shapes-dark-colors, $key);
23 | }
--------------------------------------------------------------------------------
/src/scss/volt/_layout.scss:
--------------------------------------------------------------------------------
1 | @import "layout/navbar";
2 | @import "layout/section";
3 | @import "layout/footer";
4 | @import "layout/sidebar";
5 | @import "layout/sidenav";
6 |
--------------------------------------------------------------------------------
/src/scss/volt/_mixins.scss:
--------------------------------------------------------------------------------
1 | @import "mixins/animations";
2 | @import "mixins/background-variant";
3 | @import "mixins/icon";
4 | @import "mixins/modals";
5 | @import "mixins/popover";
6 | @import "mixins/transform";
7 | @import "mixins/utilities";
8 |
--------------------------------------------------------------------------------
/src/scss/volt/_utilities.scss:
--------------------------------------------------------------------------------
1 | // check docs https://v5.getbootstrap.com/docs/5.0/utilities/api/
2 |
3 | $utilities: map-merge(
4 | $utilities,
5 | (
6 | "blur": (
7 | property: backdrop-filter,
8 | class: blur,
9 | values: (
10 | 0: blur(0),
11 | 1: blur(1px),
12 | 2: blur(2px),
13 | 3: blur(3px),
14 | 4: blur(4px),
15 | 5: blur(5px),
16 | 6: blur(6px),
17 | 7: blur(7px),
18 | 8: blur(8px),
19 | 9: blur(91px),
20 | 10: blur(10px),
21 | 11: blur(11px),
22 | 12: blur(12px),
23 | 13: blur(13px),
24 | 14: blur(14px),
25 | ),
26 | ),
27 | "opacity": (
28 | property: opacity,
29 | class: o,
30 | values: (
31 | 0: 0,
32 | 25: 0.25,
33 | 50: 0.5,
34 | 75: 0.75,
35 | 100: 1,
36 | ),
37 | ),
38 | "z-index": (
39 | property: z-index,
40 | class: z,
41 | values: (
42 | 0: 0,
43 | 1: 1,
44 | 2: 2,
45 | 3: 3,
46 | 999: 999,
47 | ),
48 | ),
49 | "viewport-height": (
50 | property: height,
51 | class: vh,
52 | responsive: true,
53 | values: (
54 | 100: 100vh,
55 | ),
56 | ),
57 | "font-weight": (
58 | property: font-weight,
59 | class: fw,
60 | values: (
61 | light: $font-weight-light,
62 | lighter: $font-weight-lighter,
63 | normal: $font-weight-normal,
64 | bold: $font-weight-bold,
65 | bolder: $font-weight-bolder,
66 | extrabold: $font-weight-extrabold,
67 | black: $font-weight-black,
68 | ),
69 | ),
70 | "max-width": (
71 | property: max-width,
72 | class: fmxw,
73 | values: (
74 | 100: 100px,
75 | 200: 200px,
76 | 300: 300px,
77 | 400: 400px,
78 | 500: 500px,
79 | 999: 999px,
80 | ),
81 | ),
82 | "min-height": (
83 | property: min-height,
84 | class: fmxh,
85 | values: (
86 | 100: 100px,
87 | 200: 200px,
88 | 300: 300px,
89 | 400: 400px,
90 | 500: 500px,
91 | 999: 999px,
92 | ),
93 | ),
94 | )
95 | );
96 |
--------------------------------------------------------------------------------
/src/scss/volt/_vendor.scss:
--------------------------------------------------------------------------------
1 | // Vendor
2 | @import "vendor/headroom";
3 | @import "vendor/nouislider";
4 | @import "vendor/prism";
5 | @import "vendor/chartist/chartist";
6 | @import "vendor/datepicker";
7 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_accordions.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Accordions
3 | */
4 |
5 |
6 | .accordion-button {
7 | text-align: left;
8 | &:not(.collapsed) {
9 | &::after {
10 | background-image: none;
11 | @include transform(rotateZ(45deg));
12 | }
13 | }
14 |
15 | // Accordion icon
16 | &::after {
17 | background-image: none;
18 | content: '\f067';
19 | font-family: $font-awesome-5;
20 | font-size: $font-size-base;
21 | font-weight: 900;
22 | }
23 |
24 | &:hover{
25 | background-color: $gray-200;
26 | }
27 | }
28 |
29 |
30 | // Flush accordion items
31 | //
32 | // Remove borders and border-radius to keep accordion items edge-to-edge.
33 |
34 | .accordion-flush {
35 | .accordion-button {
36 | background-color: transparent;
37 | &:not(.collapsed) {
38 | color: $tertiary;
39 | }
40 | &:focus {
41 | border-color: $gray-300;
42 | box-shadow: none;
43 | }
44 | }
45 | .accordion-collapse {
46 | border: 0;
47 | }
48 | }
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_alerts.scss:
--------------------------------------------------------------------------------
1 | .alert-heading{
2 | font-weight: $font-weight-bold;
3 | }
4 |
5 | .alert-icon{
6 | margin-bottom: .5rem;
7 | span{
8 | font-size: $alert-icon-font-size;
9 | }
10 | }
--------------------------------------------------------------------------------
/src/scss/volt/components/_avatars.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Avatars
3 | */
4 |
5 | .avatar + .avatar-content {
6 | display: inline-block;
7 | margin-left: 0.75rem;
8 | }
9 |
10 | .avatar-sm {
11 | width: $avatar-sm-y;
12 | height: $avatar-sm-x;
13 |
14 | img {
15 | width: $avatar-sm-y;
16 | height: $avatar-sm-x;
17 | }
18 | }
19 |
20 | .avatar {
21 | width: $avatar-y;
22 | height: $avatar-x;
23 |
24 | img {
25 | width: $avatar-y;
26 | height: $avatar-x;
27 | }
28 | }
29 |
30 | .avatar-md {
31 | width: $avatar-md-y;
32 | height: $avatar-md-x;
33 |
34 | img {
35 | width: $avatar-md-y;
36 | height: $avatar-md-x;
37 | }
38 | }
39 |
40 | .avatar-lg {
41 | width: $avatar-lg-y;
42 | height: $avatar-lg-x;
43 |
44 | img {
45 | width: $avatar-lg-y;
46 | height: $avatar-lg-x;
47 | }
48 | }
49 |
50 | .avatar-xl {
51 | width: $avatar-xl-y;
52 | height: $avatar-xl-x;
53 |
54 | @include media-breakpoint-down(lg) {
55 | width: $avatar-lg-y;
56 | height: $avatar-lg-x;
57 | }
58 |
59 | }
60 |
61 |
62 | .avatar-offline,
63 | .avatar-online {
64 | &::before {
65 | position: absolute;
66 | border: 2px solid $white;
67 | background-color: $success;
68 | display: block;
69 | top: 2px;
70 | left: 39px;
71 | content: "";
72 | border-radius: 50%;
73 | height: 10px;
74 | width: 10px;
75 | }
76 | }
77 |
78 | .avatar-offline {
79 | &::before {
80 | background-color: $danger;
81 | }
82 | }
83 |
84 | // Overlapped avatars
85 | .avatar-group {
86 | .avatar {
87 | position: relative;
88 | z-index: 0;
89 |
90 | img {
91 | border: 2px solid $white;
92 | }
93 |
94 | &:hover {
95 | z-index: 3;
96 | }
97 | }
98 |
99 | .avatar + .avatar {
100 | margin-left: -1rem;
101 | }
102 | }
103 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_badge.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Badges
3 | */
4 |
5 | .badge {
6 | font-size:$badge-font-size;
7 | font-weight: $badge-font-weight;
8 |
9 | a {
10 | color: $white;
11 | }
12 |
13 | &.super-badge{
14 | vertical-align: super;
15 | }
16 | }
17 |
18 | // Variations
19 | .badge-pill {
20 | padding-right: $badge-pill-padding-x;
21 | padding-left: $badge-pill-padding-x;
22 | }
23 |
24 | // Multiple inline badges
25 | .badge-inline {
26 | margin-right: .625rem;
27 |
28 | & + span {
29 | top: 2px;
30 | position: relative;
31 |
32 | & > a {
33 | text-decoration: underline;
34 | }
35 | }
36 | }
37 |
38 | // Sizes
39 | .badge-sm {
40 | padding: .2rem .6rem;
41 | }
42 |
43 | .badge-lg {
44 | font-size: $font-size-lg;
45 | padding: .35rem .85rem;
46 | }
47 |
48 | //button badges
49 |
50 | .btn{
51 | .badge-corner{
52 | position: absolute;
53 | top: -50%;
54 | right: .5rem;
55 | transform: translate(50%,50%);
56 | margin: 0;
57 | border: 3px solid;
58 | padding-left: .5rem;
59 | padding-right: .5rem;
60 | }
61 | }
62 | //Tags
63 | .wi-tags{
64 | a {
65 | display: inline-block;
66 | padding: 0.125rem 0.875rem;
67 | margin: 0.25rem;
68 | line-height: 2;
69 | font-size: $font-size-sm;
70 | box-shadow: $box-shadow-sm;
71 | background-color: $white;
72 | }
73 | }
74 |
75 | .pixel-pro-badge{
76 | position: relative;
77 | font-size: $font-size-sm;
78 | text-transform: uppercase;
79 | font-weight: $font-weight-bold;
80 | right: -11px;
81 | padding: 4px 12px;
82 | top: -30px;
83 | background: $white;
84 | @include border-radius($border-radius-sm);
85 | @include box-shadow($box-shadow-sm);
86 | @include media-breakpoint-down(sm){
87 | font-size: $font-size-base;
88 | right: -13px;
89 | padding: 5px 10px;
90 | top: -23px;
91 | }
92 | }
93 |
94 | .subscription-badge {
95 | top: -19px;
96 | right: -12px;
97 | font-size: .75rem;
98 | }
99 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_body.scss:
--------------------------------------------------------------------------------
1 | iframe {
2 | border: 0;
3 | }
4 |
5 | figcaption,
6 | figure,
7 | main {
8 | display: block;
9 | margin: 0;
10 | }
11 |
12 | main {
13 | overflow: hidden;
14 | }
15 |
16 | img {
17 | max-width: 100%;
18 | }
19 |
20 | strong{
21 | font-weight: $font-weight-bold;
22 | }
23 |
24 | button:focus {
25 | outline: 0;
26 | }
27 |
28 | label {
29 | font-weight: $font-weight-bold;
30 | margin-bottom:.5rem;
31 | }
--------------------------------------------------------------------------------
/src/scss/volt/components/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Breadcrumbs
3 | */
4 |
5 | .breadcrumb-item {
6 | font-size: $font-size-xs;
7 | &, a {
8 | color: $breadcrumb-item-color;
9 | font-weight: $breadcrumb-font-weight;
10 | font-size: $font-size-xs;
11 | @include media-breakpoint-up(sm){
12 | font-size: $font-size-sm;
13 | }
14 | }
15 |
16 | &.active {
17 | font-weight: $breadcrumb-active-font-weight;
18 | }
19 |
20 | }
21 |
22 | .breadcrumb-transparent {
23 | background: transparent;
24 | padding: 0;
25 | }
26 |
27 | @each $color, $value in $theme-colors {
28 | .breadcrumb-#{$color} {
29 | background: $value;
30 | .breadcrumb-item{
31 | &.active {
32 | color: $white;
33 | }
34 | }
35 | &.breadcrumb-transparent {
36 | background: transparent;
37 | .breadcrumb-item {
38 | &.active {
39 | color: $value;
40 | }
41 | }
42 | }
43 | }
44 | }
45 |
46 | .breadcrumb-text-light {
47 | .breadcrumb-item {
48 | &, a {
49 | color: $breadcrumb-item-light-color;
50 | }
51 |
52 | &:before {
53 | color: $breadcrumb-divider-light-color;
54 | }
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_buttons.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * = Buttons
3 | */
4 |
5 | .btn {
6 | &.btn-circle {
7 | border-radius: $circle-radius;
8 | }
9 | &.btn-md{
10 | padding: 0.65rem 1.25rem;
11 | }
12 | &.btn-xs{
13 | padding: .2rem 0.35rem;
14 | font-size: 0.55rem;
15 | box-shadow: none;
16 | }
17 | &.large-form-btn{
18 | padding: 1.2rem 1rem;
19 | }
20 | &.dashed-outline {
21 | border-style: dashed;
22 | }
23 | }
24 |
25 |
26 | .btn-icon-only {
27 | width: 2.575rem;
28 | height: 2.575rem;
29 | padding: 0;
30 | @include display-flex();
31 | @include justify-content(center);
32 | @include align-items(center);
33 |
34 | &.btn-xs {
35 | width: 1.7rem;
36 | height: 1.7rem;
37 | }
38 | &.btn-sm {
39 | width: 2rem;
40 | height: 2rem;
41 | }
42 | }
43 |
44 | .btn-upgrade-pro {
45 | position: fixed;
46 | bottom: 15px;
47 | right: 15px;
48 | width: 190px;
49 |
50 | @include media-breakpoint-up(md) {
51 | left: 35px;
52 | }
53 | }
54 |
55 | // Fix for darken background color
56 | @each $color, $value in $theme-colors {
57 | .btn-#{$color} {
58 | &:hover{
59 | background-color: darken( $value, 5% );
60 | border-color: darken( $value, 5% );
61 | }
62 | }
63 | }
64 |
65 | // Brand (social) buttons
66 | @each $color, $value in $brand-colors {
67 | .btn-#{$color} {
68 | @include button-variant($value, $value);
69 |
70 | &.btn-link {
71 | color: $value;
72 | background: transparent;
73 | box-shadow: none;
74 | border:0;
75 | border-style: none;
76 | &:hover,
77 | &:focus,
78 | &.active {
79 | background-color: transparent !important;
80 | box-shadow: none;
81 | border: 0;
82 | color: $value;
83 | }
84 | }
85 | }
86 | }
87 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_carousel.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Bootstrap carousels
3 | */
4 |
5 | .carousel-caption {
6 | &, h5 {
7 | color: $white;
8 | }
9 | }
10 |
11 | //Indicators
12 |
13 | .carousel-indicators {
14 | li {
15 | height: 10px;
16 | width:10px;
17 | border-radius:$circle-radius;
18 | background:transparent;
19 | border:2px solid $white;
20 | }
21 | .active {
22 | opacity: 1;
23 | background: $white;
24 | }
25 | }
26 |
27 | //Carousel Controls
28 |
29 | .carousel-control-prev-icon,
30 | .carousel-control-next-icon {
31 | width: auto;
32 | height: auto;
33 | font-weight: 900;
34 | }
35 |
36 | .carousel-control-prev-icon {
37 | background-image: none;
38 | &::before{
39 | content: '\f060';
40 | font-family: $font-awesome-5;
41 | font-size: $font-size-xxl;
42 | }
43 | }
44 |
45 | .carousel-control-next-icon {
46 | background-image: none;
47 | &:before{
48 | font-family: $font-awesome-5;
49 | content: "\f061";
50 | font-size: $font-size-xxl;
51 | }
52 | }
--------------------------------------------------------------------------------
/src/scss/volt/components/_charts.scss:
--------------------------------------------------------------------------------
1 | .ct-bar {
2 | stroke-linecap: round;
3 | stroke-width: 10px;
4 | }
5 | .ct-label {
6 | fill: $body-color;
7 | color: $body-color;
8 | font-size: 0.75rem;
9 | margin-top: 6px;
10 | font-weight: $font-weight-bold;
11 | }
12 |
13 | .ct-slice-pie {
14 | stroke: $white;
15 | stroke-width: 3px;
16 | }
17 |
18 | .ct-chart-donut .ct-series {
19 | stroke: $white;
20 | stroke-width: 3px;
21 | }
22 |
23 | .ct-chart-pie .ct-label, .ct-chart-donut .ct-label {
24 | font-size: 0.75rem;
25 | font-weight: $font-weight-bold;
26 | }
27 |
28 | .small-chart{
29 | margin-left:-1rem;
30 | }
31 |
32 | //Label color Fix for pie chart
33 |
34 | .ct-chart-pie .ct-label, .ct-chart-donut .ct-label {
35 | color: #ffffff;
36 | fill: #ffffff;
37 | font-size: $font-size-base;
38 | font-weight: $font-weight-bold;
39 | }
40 |
41 | .ct-series-g{
42 | .ct-grid {
43 | stroke: #F8BD7A;
44 | stroke-width: 2px;
45 | stroke-dasharray: 2px;
46 | }
47 | .ct-label.ct-horizontal.ct-end {
48 | margin-left:-9px;
49 | margin-top:10px;
50 | color: $primary;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_close.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Close
3 | */
4 |
5 | .close {
6 | @if $enable-transitions {
7 | transition: $transition-base;
8 | }
9 | &>span:not(.sr-only) {
10 | display: block;
11 | height: 1.25rem;
12 | width: 1.25rem;
13 | background-color: $close-bg;
14 | color: $close-color;
15 | line-height: 17px;
16 | border-radius: 50%;
17 | font-size: 1.25rem;
18 | @if $enable-transitions {
19 | transition: $transition-base;
20 | }
21 | }
22 |
23 | &:hover,
24 | &:focus {
25 | background-color: $close-hover-bg;
26 | color: $close-hover-color;
27 | outline: none;
28 |
29 | span:not(.sr-only) {
30 | background-color: $close-hover-bg;
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_custom-forms.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Custom forms
3 | */
4 |
5 | .custom-control-label {
6 | // Background-color and (when enabled) gradient
7 | &:before {
8 | box-shadow: $custom-control-box-shadow;
9 | @if $enable-transitions {
10 | transition: $input-transition;
11 | }
12 | }
13 |
14 | span {
15 | position: relative;
16 | top: 2px;
17 | }
18 | }
19 |
20 | .custom-control-label {
21 | margin-bottom: 0;
22 | }
23 |
24 | .custom-control-input {
25 | &:active~.custom-control-label::before {
26 | border-color: $custom-control-indicator-active-border-color;
27 | }
28 | }
29 |
30 | // Custom File Input
31 |
32 | .custom-file-label {
33 | background-color: #f3f3f5;
34 |
35 | &::after {
36 |
37 | background-color: #f3f3f5;
38 | }
39 | }
40 |
41 |
42 | //Select
43 | .custom-select{
44 | font-size: $input-btn-font-size;
45 | box-shadow:none;
46 |
47 | &.custom-select-shadow {
48 | box-shadow: $input-box-shadow;
49 | transition: box-shadow .15s ease;
50 |
51 | &:focus {
52 | box-shadow: $shadow-input-focus;
53 | }
54 | }
55 |
56 | &:hover {
57 | cursor: pointer;
58 | }
59 | }
60 |
61 | // Inbox star
62 | .rating-star {
63 | &.star-lg{
64 | label{
65 | margin-bottom: .5rem;
66 | &::before{
67 | font-size: $font-size-xl;
68 | }
69 | }
70 | }
71 | label {
72 | position: relative;
73 | margin-bottom: 0;
74 | cursor: pointer;
75 | color: $light;
76 | &:before {
77 | content: "\f005";
78 | font-family: "Font Awesome 5 Free";
79 | font-weight: 900;
80 | transition: all .2s ease;
81 | font-size: 1.0625rem;
82 | }
83 | }
84 | input {
85 | position: absolute;
86 | z-index: -1;
87 | opacity: 0;
88 | }
89 |
90 | >input:checked~label {
91 | color: $warning;
92 | }
93 |
94 | >label {
95 | &:hover {
96 | color: $warning;
97 | }
98 | &:hover~label {
99 | color: $warning;
100 | }
101 | }
102 | }
103 |
104 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_datepicker.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Datepickers
3 | */
4 |
5 | .datepicker {
6 |
7 | .datepicker-cell.selected,
8 | .datepicker-cell.selected:hover {
9 | background: $primary;
10 | }
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_dropdown.scss:
--------------------------------------------------------------------------------
1 | .dropdown-menu {
2 | .dropdown-header,
3 | .dropdown-item {
4 | padding: .5rem 1rem;
5 | font-size: $dropdown-font-size;
6 | .dropdown-icon{
7 | height: 1.25rem;
8 | width: 1.25rem;
9 | }
10 | }
11 |
12 | .dropdown-header {
13 | color: $dropdown-header-color;
14 | font-weight: $dropdown-header-font-weight;
15 | }
16 |
17 | .dropdown-item {
18 | transition: $transition-base;
19 | font-weight: $dropdown-item-font-weight;
20 |
21 | }
22 |
23 | .show & {
24 | animation: show-dropdown .2s ease forwards;
25 | }
26 |
27 | &.dropdown-menu-xs {
28 | min-width: 120px;
29 | max-width: 120px;
30 | @include box-shadow($box-shadow-sm);
31 | }
32 |
33 | }
34 |
35 | // Dropown sizes
36 | .dropdown-menu-sm {
37 | min-width: 100px;
38 | border: $border-radius-lg;
39 | }
40 |
41 | .dropdown-menu-md {
42 | min-width: 180px;
43 | border: $border-radius-lg;
44 | }
45 |
46 | .dropdown-menu-lg {
47 | min-width: 350px;
48 | border-radius: $border-radius-lg;
49 | @include media-breakpoint-down(sm) {
50 | min-width: 300px;
51 | }
52 | }
53 |
54 |
55 |
56 | // this helps when not only the button should toggle a dropdown
57 | [data-toggle]:hover {
58 | cursor: pointer;
59 | }
60 |
61 | // remove the caret from Bootstrap by default
62 | .dropdown-toggle {
63 | &:after, .dropend &:after, .dropstart &:before, .dropup &:after {
64 | display: none;
65 | }
66 | }
67 |
68 |
69 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_images.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Images
3 | */
4 | .image-xl {
5 | height: 20rem;
6 | img{
7 | height: 20rem;
8 | }
9 | }
10 |
11 | .image-lg {
12 | height: 12rem;
13 | img{
14 | height: 12rem;
15 | }
16 | }
17 |
18 | .image-md{
19 | height: 5.5rem;
20 | img{
21 | height: 5.5rem;
22 | }
23 | }
24 |
25 | .image-sm {
26 | height: 3rem;
27 | img{
28 | height: 3rem;
29 | }
30 | }
31 |
32 | .image-xs {
33 | height: 1.5rem;
34 | img{
35 | height: 1.5rem;
36 | }
37 | }
38 |
39 | .image-small {
40 | height: 1rem;
41 | img{
42 | height: 1rem;
43 | }
44 | }
45 |
46 | .full-image{
47 | height:100%;
48 | }
49 |
50 |
51 | .language-flag{
52 | width: auto;
53 | height: 1rem;
54 | margin-right: 0.4rem;
55 | position: relative;
56 | top: -2px;
57 | }
58 |
59 | .home-pattern{
60 | fill: $gray-100;
61 | }
62 |
63 | .form-bg-image {
64 | background-repeat: no-repeat!important;
65 | background-position: top center!important;
66 | }
67 |
68 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_list-group.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = List groups
3 | */
4 |
5 | // Space list items
6 | .list-group-space {
7 | .list-group-item {
8 | margin-bottom: 1.5rem;
9 | @include border-radius($list-group-border-radius);
10 | }
11 | }
12 |
13 |
14 | // List group components
15 | .list-group-item{
16 | border:0;
17 | &.active {
18 | z-index: 2; // Place active items above their siblings for proper border styling
19 | color: $list-group-active-color;
20 | background-color: $list-group-active-bg;
21 | border-color: $list-group-active-border-color;
22 | }
23 |
24 | i{
25 | width: 1rem;
26 | }
27 | }
28 |
29 | .list-group-img {
30 | width: 3rem;
31 | height: 3rem;
32 | border-radius: 50%;
33 | vertical-align: top;
34 | margin: -.1rem 1.2rem 0 -.2rem;
35 | }
36 | .list-group-content {
37 | -webkit-box-flex: 1;
38 | -ms-flex: 1;
39 | flex: 1;
40 | min-width: 0;
41 |
42 | > p {
43 | color: $gray-500;
44 | line-height: 1.5;
45 | margin: .2rem 0 0;
46 | }
47 | }
48 | .list-group-heading {
49 | font-size: $font-size-base;
50 | color: $gray-800;
51 |
52 | > small {
53 | float: right;
54 | color: $gray-500;
55 | font-weight: 500;
56 | }
57 | }
58 |
59 |
60 | .list-group{
61 | &.simple-list{
62 | .list-group-item{
63 | background: transparent;
64 | border: none;
65 | padding: 0.375rem 0.125rem;
66 | i{
67 | vertical-align: middle;
68 | width: 35px;
69 | display: inline-block;
70 | }
71 | }
72 | }
73 |
74 | }
75 |
76 |
77 | //News list for widgets
78 |
79 | .news-list{
80 | .row{
81 | > [class*='col']{
82 | padding: 0 $spacer/4;
83 | }
84 | }
85 |
86 | > li{
87 | &:not(:last-child){
88 | margin-bottom: .75rem;
89 | }
90 | }
91 |
92 | img{
93 | min-height: 100%;
94 | object-fit: cover;
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_modal.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Modals
3 | */
4 |
5 | .modal{
6 | &.static-example{
7 | position: relative;
8 | display: block;
9 | }
10 | }
11 |
12 | .modal-content {
13 | border: 0;
14 | @if $enable-rounded {
15 | border-radius: $modal-content-border-radius;
16 | } @else {
17 | border-radius: 0;
18 | }
19 | }
20 |
21 | .modal-fluid {
22 | .modal-dialog {
23 | margin-top: 0;
24 | margin-bottom: 0;
25 | }
26 | .modal-content {
27 | border-radius: 0;
28 | }
29 | }
30 |
31 | @each $color, $value in $theme-colors {
32 | .modal-#{$color} {
33 | @include modal-variant($value);
34 | }
35 | }
36 |
37 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_pagination.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Paginations
3 | */
4 | .circle-pagination{
5 | .page-link,
6 | span{
7 | @include display-flex();
8 | align-items: center;
9 | justify-content: center;
10 | width: 34px;
11 | height: 34px;
12 | padding: 0;
13 | @include border-radius($circle-radius);
14 | }
15 | }
16 |
17 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_popover.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Popovers
3 | */
4 |
5 | .popover {
6 | border: 0;
7 | }
8 |
9 |
10 | .popover-header {
11 | font-weight: $font-weight-bold;
12 | }
13 |
14 | // Alternative colors
15 | @each $color, $value in $theme-colors {
16 | .popover-#{$color} {
17 | @include popover-variant($value);
18 | }
19 | }
--------------------------------------------------------------------------------
/src/scss/volt/components/_shapes.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Shapes
3 | */
4 |
5 | .avatar-sm {
6 | width: $avatar-sm-y;
7 | height: $avatar-sm-x;
8 | }
9 |
10 | .avatar-md {
11 | width: $avatar-md-y;
12 | height: $avatar-md-x;
13 | }
14 |
15 | .avatar-lg {
16 | width: $avatar-lg-y;
17 | height: $avatar-lg-x;
18 | }
19 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_steps.scss:
--------------------------------------------------------------------------------
1 | /**steps
2 | * = Accordions
3 | */
4 |
5 | .step{
6 | position: relative;
7 | margin-bottom: 4rem;
8 | border-radius: 6px;
9 |
10 | .step-shape{
11 | display: inline-flex;
12 | width: $step-shape-size;
13 | height: $step-shape-size;
14 | text-align: center;
15 | @include align-items(center);
16 | @include justify-content(center);
17 |
18 | i, svg {
19 | font-size: $icon-size;
20 | }
21 |
22 | .step-number{
23 | position: absolute;
24 | font-weight: $font-weight-bold;
25 | top: -10px;
26 | width: 32px;
27 | height: 32px;
28 | border-width: $step-border-width;
29 | border-style: solid;
30 | line-height: 1.7;
31 | }
32 |
33 | &.bordered {
34 | border-width: $step-border-width;
35 | border-style: solid;
36 |
37 | .step-number {
38 | background-color: $white;
39 | top:-12px;
40 | }
41 | }
42 |
43 | &.rounded-circle{
44 | .step-number{
45 | margin-right:1.275rem;
46 | }
47 | }
48 | }
49 |
50 | .icon-lg{
51 | font-size: $step-icon-size;
52 | }
53 |
54 | .back-layer{
55 | @include display-flex();
56 | position: absolute;
57 | font-size: $step-number-size;
58 | z-index: 0;
59 | top: 0;
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_timelines.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Timelines
3 | */
4 |
5 | .list-group-timeline {
6 | .list-group-item {
7 | position: relative;
8 | .col-auto{
9 | z-index: 999;
10 | }
11 | &:not(:last-child){
12 | &::before {
13 | content: '';
14 | position: absolute;
15 | top: 1rem;
16 | left: 2.5rem;
17 | height: 100%;
18 | border-left: 1px solid $light;
19 | }
20 | }
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/scss/volt/components/_tooltip.scss:
--------------------------------------------------------------------------------
1 | // Wrapper for the tooltip content
2 |
3 | .tooltip-inner {
4 | @include box-shadow($box-shadow);
5 | }
6 |
7 | .chartist-tooltip {
8 | position: absolute;
9 | display: inline-block;
10 | opacity: 0;
11 | min-width: 5em;
12 | padding: .5em;
13 | background: $gray-100;
14 | border: 1px solid $gray-100;
15 | border-radius: $border-radius;
16 | color: $dark;
17 | font-weight: $font-weight-bold;
18 | text-align: center;
19 | pointer-events: none;
20 | z-index: 1;
21 | transition: $transition-base;
22 | }
23 |
24 | .chartist-tooltip:before {
25 | content: "";
26 | position: absolute;
27 | top: 100%;
28 | left: 50%;
29 | width: 0;
30 | height: 0;
31 | margin-left: -15px;
32 | border: 15px solid transparent;
33 | border-top-color: $gray-100;
34 | }
35 |
36 | .chartist-tooltip.tooltip-show {
37 | opacity: 1;
38 | }
39 |
40 | .ct-area, .ct-line {
41 | pointer-events: none;
42 | }
43 |
--------------------------------------------------------------------------------
/src/scss/volt/forms/_form-check.scss:
--------------------------------------------------------------------------------
1 | .form-check-input {
2 | &.round-check{
3 | &[type="checkbox"] {
4 | @include border-radius($form-check-radio-border-radius);
5 | }
6 | }
7 | }
8 |
9 | .form-switch {
10 | padding-left: $form-switch-padding-left;
11 |
12 | .form-check-input {
13 | height: 1.275em;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/scss/volt/forms/_form-control.scss:
--------------------------------------------------------------------------------
1 | .form-control{
2 |
3 | @include media-breakpoint-up(lg) {
4 | &.form-control-lg{
5 | padding: $inpu-lg-padding-y $input-padding-x;
6 | }
7 | }
8 |
9 | }
10 |
11 | .search-bar {
12 | .form-control {
13 | width: 280px;
14 | transition: width .2s ease-in-out;
15 |
16 | @include media-breakpoint-down(sm) {
17 | width: 120px;
18 |
19 | &:focus {
20 | width: 150px;
21 | }
22 | }
23 | }
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/src/scss/volt/forms/_form-select.scss:
--------------------------------------------------------------------------------
1 | .form-select {
2 | .form-select-lg{
3 | padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x;
4 | }
5 | }
6 |
7 | //Add File Alternative Style
8 |
9 | .file-field input[type="file"] {
10 | max-width: 230px;
11 | position: absolute;
12 | cursor: pointer;
13 | filter: alpha(opacity=0);
14 | opacity: 0;
15 | padding-bottom: 30px;
16 | }
17 | .file-field svg {
18 | cursor: pointer;
19 | }
20 |
21 | .datepicker-dropdown {
22 | z-index: 9999;
23 | }
--------------------------------------------------------------------------------
/src/scss/volt/forms/_input-group.scss:
--------------------------------------------------------------------------------
1 | .input-group {
2 | .form-control:focus {
3 | border-color: $input-border-color;
4 |
5 | & + .input-group-text {
6 | border-color: $input-border-color;
7 | }
8 | }
9 | }
10 |
11 | .input-group-text{
12 | @include box-shadow($input-box-shadow);
13 | }
--------------------------------------------------------------------------------
/src/scss/volt/layout/_footer.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Footers
3 | */
4 |
5 | .footer{
6 |
7 | ul{
8 | margin-bottom: 0;
9 | padding: 0;
10 | list-style: none;
11 |
12 | li{
13 | display: inline-block;
14 |
15 | a {
16 | text-decoration: none;
17 | position: relative;
18 | display: block;
19 | color: $gray-700;
20 |
21 | &:hover {
22 | color: $primary;
23 | }
24 | }
25 |
26 | .btn {
27 | margin: 0;
28 | }
29 | }
30 |
31 | &.links-horizontal{
32 | &:first-child a{
33 | padding-left: 0;
34 | }
35 |
36 | &:last-child a{
37 | padding-right: 0;
38 | }
39 |
40 | }
41 |
42 | &.links-vertical{
43 | li{
44 | display: block;
45 | margin-left: -5px;
46 | margin-right: -5px;
47 |
48 | a{
49 | padding: 5px;
50 |
51 | &:hover{
52 | color: inherit !important;
53 | }
54 | }
55 | }
56 | }
57 |
58 | &.icon-box{
59 | i{
60 | line-height: 1.7
61 | }
62 | }
63 | }
64 |
65 | .social-buttons{
66 | a,
67 | .btn{
68 | margin-top: 5px;
69 | margin-bottom: 5px;
70 | padding: $padding-footer-sm $padding-footer;
71 | }
72 | }
73 |
74 | .footer-brand{
75 | font-size: $font-size-lg;
76 | font-weight: $font-weight-bold;
77 |
78 | img.common {
79 | height: 40px;
80 | }
81 |
82 | img {
83 | height: 40px;
84 | width: 40px;
85 | }
86 | &:hover,
87 | &:focus{
88 | color: $black;
89 | }
90 | }
91 | .footer-language-link{
92 | font-size:$font-size-sm;
93 | i{
94 | font-size: 0.75rem;
95 | }
96 | }
97 | .copyright{
98 | font-size: $font-size-sm;
99 | }
100 |
101 | .pull-center{
102 | display: inline-block;
103 | float: none;
104 | }
105 | }
--------------------------------------------------------------------------------
/src/scss/volt/layout/_sidebar.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * = Sidebars
3 | */
4 |
5 | #doc-index:not(.collapse.show), .doc-sidebar {
6 | display: none;
7 | }
8 |
9 | @include media-breakpoint-up(lg){
10 | #doc-index{
11 | display: block;
12 | }
13 |
14 | .doc-sidebar {
15 | display: block;
16 | height: calc(100vh - 2rem);
17 | overflow-y: scroll;
18 | position: -webkit-sticky;
19 | position: sticky;
20 | top: 2rem;
21 |
22 | .nav-link[data-toggle="collapse"] > .icon {
23 | transform: rotateZ(-90deg);
24 | position: relative;
25 | right: .25rem;
26 | }
27 |
28 | .nav{
29 | .nav-item{
30 | font-size:$font-size-sm;
31 | }
32 | }
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_animations.scss:
--------------------------------------------------------------------------------
1 | @mixin perspective($value){
2 | -webkit-perspective: $value;
3 | -moz-perspective: $value;
4 | -o-perspective: $value;
5 | -ms-perspective: $value;
6 | perspective: $value;
7 | }
8 | @mixin transitions($time, $type){
9 | -webkit-transition: all $time $type;
10 | -moz-transition: all $time $type;
11 | -o-transition: all $time $type;
12 | -ms-transition: all $time $type;
13 | transition: all $time $type;
14 | }
15 |
16 | @mixin transitions-property($property, $time, $type){
17 | -webkit-transition: $property $time $type;
18 | -moz-transition: $property $time $type;
19 | -o-transition: $property $time $type;
20 | -ms-transition: $property $time $type;
21 | transition: $property $time $type;
22 | }
23 | @mixin transform-style($type){
24 | -webkit-transform-style: $type;
25 | -moz-transform-style: $type;
26 | -o-transform-style: $type;
27 | -ms-transform-style: $type;
28 | transform-style: $type;
29 | }
30 |
31 | @mixin backface-visibility($type){
32 | -webkit-backface-visibility: $type;
33 | -moz-backface-visibility: $type;
34 | -o-backface-visibility: $type;
35 | -ms-backface-visibility: $type;
36 | backface-visibility: $type;
37 | }
38 |
39 | @mixin rotateY-180() {
40 | -webkit-transform: rotateY( 180deg );
41 | -moz-transform: rotateY( 180deg );
42 | -o-transform: rotateY( 180deg );
43 | -ms-transform: rotateY(180deg);
44 | transform: rotateY( 180deg );
45 | }
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_background-variant.scss:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 | @mixin bg-variant($parent, $color) {
3 | #{$parent} {
4 | background-color: $color !important;
5 | }
6 | a#{$parent},
7 | button#{$parent} {
8 | @include hover-focus {
9 | background-color: darken($color, 10%) !important;
10 | }
11 | }
12 | }
13 |
14 | @mixin bg-gradient-variant($parent, $color) {
15 | #{$parent} {
16 | background: linear-gradient(87deg, $color 0, saturate($color, 10%) 100%) !important;
17 | }
18 | }
19 |
20 | @mixin background-image($background-repeat,$background-size) {
21 | background-repeat: $background-repeat;
22 | background-position: top center;
23 | background-size: $background-size;
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_icon.scss:
--------------------------------------------------------------------------------
1 | @mixin icon-shape-variant($color) {
2 | color: $color;
3 | background-color: rgba( $color, .3 );
4 | }
5 |
6 | @mixin icon-parallax-background($background-position,$background-size,$background-attachment,$background-repeat) {
7 | background-position: $background-position;
8 | background-size: $background-size;
9 | background-attachment: $background-attachment;
10 | background-repeat: $background-repeat;
11 | }
12 |
13 | @mixin icon-image-background($background-position,$background-size,$background-repeat) {
14 | background-position: $background-position;
15 | background-size: $background-size;
16 | background-repeat: $background-repeat;
17 | }
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_modals.scss:
--------------------------------------------------------------------------------
1 | @mixin modal-variant($background) {
2 | .modal-title {
3 | color: color-yiq($background);
4 | }
5 | .modal-header,
6 | .modal-footer {
7 | border-color: rgba($background, .075);
8 | }
9 | .modal-content {
10 | background-color: $background;
11 | color: color-yiq($background);
12 |
13 | .heading {
14 | color: color-yiq($background);
15 | }
16 | }
17 |
18 | .close {
19 | &>span:not(.sr-only) {
20 | color: $white;
21 | }
22 | }
23 | }
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_popover.scss:
--------------------------------------------------------------------------------
1 | @mixin popover-variant($background) {
2 |
3 | background-color: $background;
4 |
5 | .popover-header {
6 | background-color: $background;
7 | color: color-yiq($background);
8 | }
9 |
10 | .popover-body {
11 | color: color-yiq($background);
12 | }
13 | .popover-header{
14 | border-color: rgba($background, .2);
15 | }
16 | &.bs-popover-top {
17 | .arrow::after {
18 | border-top-color: $background;
19 | }
20 | }
21 | &.bs-popover-end {
22 | .arrow::after {
23 | border-right-color: $background;
24 | }
25 | }
26 | &.bs-popover-bottom {
27 | .arrow::after {
28 | border-bottom-color: $background;
29 | }
30 | }
31 | &.bs-popover-start {
32 | .arrow::after {
33 | border-left-color: $background;
34 | }
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/src/scss/volt/mixins/_transform.scss:
--------------------------------------------------------------------------------
1 |
2 | @mixin transform($transforms) {
3 | -moz-transform: $transforms;
4 | -o-transform: $transforms;
5 | -ms-transform: $transforms;
6 | -webkit-transform: $transforms;
7 | transform: $transforms;
8 | }
9 |
10 |
11 | // translate
12 | @mixin translate ($x, $y) {
13 | @include transform(translate($x, $y));
14 | }
15 |
16 | // rotate
17 | @mixin rotate ($deg) {
18 | @include transform(rotate(#{$deg}deg));
19 | }
--------------------------------------------------------------------------------