├── .browserslistrc ├── .eslintrc.js ├── .github └── workflows │ └── main.yml ├── .gitignore ├── .postcssrc.js ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── README.md ├── babel.config.js ├── genezio.yaml ├── package.json ├── public ├── favicon.ico ├── favicon.png ├── img │ ├── brand │ │ ├── blue.png │ │ ├── creativetim-white-slim.png │ │ ├── favicon.png │ │ ├── github-white-slim.png │ │ └── white.png │ ├── icons │ │ └── common │ │ │ ├── github.svg │ │ │ └── google.svg │ ├── ill │ │ └── ill-2.svg │ └── theme │ │ ├── img-1-1200x1000.jpg │ │ ├── img-2-1200x1000.jpg │ │ ├── landing.jpg │ │ ├── profile.jpg │ │ ├── promo-1.png │ │ ├── team-1-800x800.jpg │ │ ├── team-2-800x800.jpg │ │ ├── team-3-800x800.jpg │ │ └── team-4-800x800.jpg └── index.html ├── src ├── App.vue ├── assets │ ├── scss │ │ ├── argon.scss │ │ ├── bootstrap │ │ │ ├── _alert.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _button-group.scss │ │ │ ├── _buttons.scss │ │ │ ├── _card.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _code.scss │ │ │ ├── _custom-forms.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _forms.scss │ │ │ ├── _functions.scss │ │ │ ├── _grid.scss │ │ │ ├── _images.scss │ │ │ ├── _input-group.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── _list-group.scss │ │ │ ├── _media.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modal.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popover.scss │ │ │ ├── _print.scss │ │ │ ├── _progress.scss │ │ │ ├── _reboot.scss │ │ │ ├── _root.scss │ │ │ ├── _tables.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _transitions.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── mixins │ │ │ │ ├── _alert.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _breakpoints.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _forms.scss │ │ │ │ ├── _gradients.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _hover.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _text-hide.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _transition.scss │ │ │ │ └── _visibility.scss │ │ │ └── utilities │ │ │ │ ├── _align.scss │ │ │ │ ├── _background.scss │ │ │ │ ├── _borders.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _display.scss │ │ │ │ ├── _embed.scss │ │ │ │ ├── _flex.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _screenreaders.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _spacing.scss │ │ │ │ ├── _text.scss │ │ │ │ └── _visibility.scss │ │ └── custom │ │ │ ├── _accordion.scss │ │ │ ├── _alerts.scss │ │ │ ├── _avatars.scss │ │ │ ├── _badge.scss │ │ │ ├── _buttons.scss │ │ │ ├── _card.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _custom-forms.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _footer.scss │ │ │ ├── _forms.scss │ │ │ ├── _functions.scss │ │ │ ├── _global.scss │ │ │ ├── _grid.scss │ │ │ ├── _icons.scss │ │ │ ├── _input-group.scss │ │ │ ├── _list-group.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modal.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popover.scss │ │ │ ├── _progress.scss │ │ │ ├── _reboot.scss │ │ │ ├── _section.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── mixins │ │ │ ├── _alert.scss │ │ │ ├── _background-variant.scss │ │ │ ├── _badge.scss │ │ │ ├── _buttons.scss │ │ │ ├── _forms.scss │ │ │ ├── _icon.scss │ │ │ ├── _modals.scss │ │ │ └── _popover.scss │ │ │ ├── utilities │ │ │ ├── _backgrounds.scss │ │ │ ├── _floating.scss │ │ │ ├── _helper.scss │ │ │ ├── _shadows.scss │ │ │ ├── _sizing.scss │ │ │ ├── _spacing.scss │ │ │ ├── _text.scss │ │ │ └── _transform.scss │ │ │ └── vendor │ │ │ ├── _flatpickr.scss │ │ │ ├── _headroom.scss │ │ │ └── _nouislider.scss │ └── vendor │ │ ├── font-awesome │ │ ├── css │ │ │ ├── font-awesome.css │ │ │ └── font-awesome.min.css │ │ └── fonts │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.svg │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ └── fontawesome-webfont.woff2 │ │ └── nucleo │ │ ├── css │ │ ├── nucleo-svg.css │ │ └── nucleo.css │ │ └── fonts │ │ ├── nucleo-icons.eot │ │ ├── nucleo-icons.svg │ │ ├── nucleo-icons.ttf │ │ ├── nucleo-icons.woff │ │ └── nucleo-icons.woff2 ├── components │ ├── Badge.vue │ ├── BaseAlert.vue │ ├── BaseButton.vue │ ├── BaseCheckbox.vue │ ├── BaseDropdown.vue │ ├── BaseInput.vue │ ├── BaseNav.vue │ ├── BasePagination.vue │ ├── BaseProgress.vue │ ├── BaseRadio.vue │ ├── BaseSlider.vue │ ├── BaseSwitch.vue │ ├── Card.vue │ ├── CloseButton.vue │ ├── Icon.vue │ ├── Modal.vue │ ├── NavbarToggleButton.vue │ ├── Tabs │ │ ├── PillsLayout.vue │ │ ├── Tab.vue │ │ ├── TabPane.vue │ │ ├── Tabs.vue │ │ └── TabsLayout.vue │ └── stringUtils.js ├── directives │ └── click-ouside.js ├── layout │ ├── AppFooter.vue │ ├── AppHeader.vue │ └── starter │ │ ├── StarterFooter.vue │ │ └── StarterHeader.vue ├── main.js ├── plugins │ ├── argon-kit.js │ ├── globalComponents.js │ └── globalDirectives.js ├── registerServiceWorker.js ├── router.js ├── starterRouter.js └── views │ ├── Components.vue │ ├── Landing.vue │ ├── Login.vue │ ├── Profile.vue │ ├── Register.vue │ ├── Starter.vue │ └── components │ ├── BasicElements.vue │ ├── Carousel.vue │ ├── CustomControls.vue │ ├── DownloadSection.vue │ ├── Examples.vue │ ├── Hero.vue │ ├── Icons.vue │ ├── Inputs.vue │ ├── JavascriptComponents.vue │ ├── JavascriptComponents │ ├── DatePickers.vue │ ├── Images.vue │ ├── Modals.vue │ ├── ProgressPagination.vue │ ├── TabsSection.vue │ ├── Tooltips.vue │ └── Typography.vue │ ├── Navigation.vue │ └── Navigation │ ├── Menu1.vue │ ├── Menu2.vue │ ├── Menu3.vue │ ├── Menu4.vue │ ├── Menu5.vue │ └── Menu6.vue └── vue.config.js /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 11 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential' 8 | ], 9 | rules: { 10 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 11 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 12 | }, 13 | parserOptions: { 14 | parser: 'babel-eslint' 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Autocloser 2 | on: [issues] 3 | jobs: 4 | autoclose: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Issue auto-closer 8 | uses: roots/issue-closer-action@v1.1 9 | with: 10 | repo-token: ${{ secrets.GITHUB_TOKEN }} 11 | issue-close-message: "@${issue.user.login} this issue was automatically closed because it did not follow the bellow rules:\n\n
\n\n\n\nIMPORTANT: Please use the following link to create a new issue:\n\nhttps://www.creative-tim.com/new-issue/vue-argon-design-system\n\n**If your issue was not created using the app above, it will be closed immediately.**\n\n\n\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉  https://www.creative-tim.com/bundles\n👉  https://www.creative-tim.com\n\n\n
\n\n" 12 | issue-pattern: (\#\#\# Version([\S\s.*]*?)\#\#\# Reproduction link([\S\s.*]*?)\#\#\# Operating System([\S\s.*]*?)\#\#\# Device([\S\s.*]*?)\#\#\# Browser & Version([\S\s.*]*?)\#\#\# Steps to reproduce([\S\s.*]*?)\#\#\# What is expected([\S\s.*]*?)\#\#\# What is actually happening([\S\s.*]*?)---([\S\s.*]*?)\#\#\# Solution([\S\s.*]*?)\#\#\# Additional comments([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)|(\#\#\# What is your enhancement([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>) 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | ##[1.1.0] 2019-02-12 4 | - Package updates 5 | - SSR fixes for checkboxes and radio 6 | - IE fixes 7 | - Best practices & accessibility improvements + pwa support 8 | 9 | ## [1.0.0] 2018-08-14 10 | Initial stable release 11 | ### Original Release 12 | -------------------------------------------------------------------------------- /ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | [ 4 | "@vue/app", 5 | { 6 | "polyfills": ["es7.object.entries", "es6.promise"] 7 | } 8 | ] 9 | ] 10 | }; 11 | -------------------------------------------------------------------------------- /genezio.yaml: -------------------------------------------------------------------------------- 1 | name: vue-argon-design-system 2 | region: us-east-1 3 | frontend: 4 | # Specifies the path of your code. 5 | path: . 6 | # Specifies the folder where the build is located. 7 | # This is the folder that will be deployed. 8 | publish: dist 9 | # Scripts will run in the specified `path` folder. 10 | scripts: 11 | # The command to build your frontend project. This is custom to your project. 12 | # It must to populate the specified `publish` folder with a `index.html` file. 13 | deploy: 14 | - npm install --legacy-peer-deps 15 | - npm run build 16 | yamlVersion: 2 -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-argon-design-system", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider cross-env CI=false vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "bootstrap-vue": "^2.0.4", 12 | "flatpickr": "^4.5.1", 13 | "nouislider": "^11.1.0", 14 | "register-service-worker": "^1.5.2", 15 | "vue": "^2.6.6", 16 | "vue-flatpickr-component": "^8.1.1", 17 | "vue-lazyload": "^1.2.6", 18 | "vue-router": "^3.0.2", 19 | "vue2-transitions": "^0.2.3" 20 | }, 21 | "devDependencies": { 22 | "@vue/cli-plugin-babel": "^3.4.0", 23 | "@vue/cli-plugin-eslint": "^3.4.0", 24 | "@vue/cli-plugin-pwa": "^3.4.0", 25 | "@vue/cli-service": "^3.4.0", 26 | "node-sass": "^9.0.0", 27 | "sass-loader": "10.5.2", 28 | "vue-template-compiler": "^2.6.6", 29 | "cross-env": "^7.0.3" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/favicon.ico -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/favicon.png -------------------------------------------------------------------------------- /public/img/brand/blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/blue.png -------------------------------------------------------------------------------- /public/img/brand/creativetim-white-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/creativetim-white-slim.png -------------------------------------------------------------------------------- /public/img/brand/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/favicon.png -------------------------------------------------------------------------------- /public/img/brand/github-white-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/github-white-slim.png -------------------------------------------------------------------------------- /public/img/brand/white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/brand/white.png -------------------------------------------------------------------------------- /public/img/icons/common/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/dark/github 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /public/img/icons/common/google.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/color/google 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /public/img/theme/img-1-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/img-1-1200x1000.jpg -------------------------------------------------------------------------------- /public/img/theme/img-2-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/img-2-1200x1000.jpg -------------------------------------------------------------------------------- /public/img/theme/landing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/landing.jpg -------------------------------------------------------------------------------- /public/img/theme/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/profile.jpg -------------------------------------------------------------------------------- /public/img/theme/promo-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/promo-1.png -------------------------------------------------------------------------------- /public/img/theme/team-1-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-1-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-2-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-2-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-3-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-3-800x800.jpg -------------------------------------------------------------------------------- /public/img/theme/team-4-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-design-system/5023ca6ab23ff6d9c26646915218cf4dde1f10b2/public/img/theme/team-4-800x800.jpg -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | Vue Argon Design System 28 | 29 | 30 | 31 | 32 | 35 |
36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 12 | 21 | -------------------------------------------------------------------------------- /src/assets/scss/argon.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Vue Argon Design System - v1.1.0 5 | ========================================================= 6 | 7 | * Product Page: https://www.creative-tim.com/product/argon-design-system 8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com) 9 | * Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md) 10 | 11 | * Coded by www.creative-tim.com 12 | 13 | ========================================================= 14 | 15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 16 | 17 | */ 18 | 19 | // Core 20 | 21 | @import "bootstrap/functions"; 22 | @import "custom/functions"; 23 | 24 | @import "custom/variables"; 25 | @import "bootstrap/variables"; 26 | 27 | @import "bootstrap/mixins"; 28 | @import "custom/mixins"; 29 | 30 | // Bootstrap components 31 | 32 | @import "bootstrap/root"; 33 | @import "bootstrap/reboot"; 34 | @import "bootstrap/type"; 35 | @import "bootstrap/images"; 36 | @import "bootstrap/code"; 37 | @import "bootstrap/grid"; 38 | @import "bootstrap/tables"; 39 | @import "bootstrap/forms"; 40 | @import "bootstrap/buttons"; 41 | @import "bootstrap/transitions"; 42 | @import "bootstrap/dropdown"; 43 | @import "bootstrap/button-group"; 44 | @import "bootstrap/input-group"; 45 | @import "bootstrap/custom-forms"; 46 | @import "bootstrap/nav"; 47 | @import "bootstrap/navbar"; 48 | @import "bootstrap/card"; 49 | @import "bootstrap/breadcrumb"; 50 | @import "bootstrap/pagination"; 51 | @import "bootstrap/badge"; 52 | @import "bootstrap/jumbotron"; 53 | @import "bootstrap/alert"; 54 | @import "bootstrap/progress"; 55 | @import "bootstrap/media"; 56 | @import "bootstrap/list-group"; 57 | @import "bootstrap/close"; 58 | @import "bootstrap/modal"; 59 | @import "bootstrap/tooltip"; 60 | @import "bootstrap/popover"; 61 | @import "bootstrap/carousel"; 62 | @import "bootstrap/utilities"; 63 | @import "bootstrap/print"; 64 | 65 | // Custom components 66 | 67 | @import "custom/reboot.scss"; 68 | @import "custom/global.scss"; 69 | @import "custom/utilities.scss"; 70 | 71 | @import "custom/accordion.scss"; 72 | @import "custom/alerts.scss"; 73 | @import "custom/avatars.scss"; 74 | @import "custom/badge.scss"; 75 | @import "custom/buttons.scss"; 76 | @import "custom/card.scss"; 77 | @import "custom/carousel.scss"; 78 | @import "custom/close.scss"; 79 | @import "custom/custom-forms.scss"; 80 | @import "custom/dropdown.scss"; 81 | @import "custom/footer.scss"; 82 | @import "custom/forms.scss"; 83 | @import "custom/grid.scss"; 84 | @import "custom/icons.scss"; 85 | @import "custom/input-group.scss"; 86 | @import "custom/list-group.scss"; 87 | @import "custom/modal.scss"; 88 | @import "custom/nav.scss"; 89 | @import "custom/navbar.scss"; 90 | @import "custom/pagination.scss"; 91 | @import "custom/popover.scss"; 92 | @import "custom/progress.scss"; 93 | @import "custom/section.scss"; 94 | @import "custom/type.scss"; 95 | 96 | // Vendor 97 | 98 | @import "custom/vendor/flatpickr.scss"; 99 | @import "custom/vendor/headroom.scss"; 100 | @import "custom/vendor/nouislider.scss"; 101 | -------------------------------------------------------------------------------- /src/assets/scss/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: ($close-font-size + $alert-padding-x * 2); 31 | 32 | // Adjust close link position 33 | .close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | padding: $alert-padding-y $alert-padding-x; 38 | color: inherit; 39 | } 40 | } 41 | 42 | 43 | // Alternate styles 44 | // 45 | // Generate contextual modifier classes for colorizing the alert. 46 | 47 | @each $color, $value in $theme-colors { 48 | .alert-#{$color} { 49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /src/assets/scss/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | font-size: $badge-font-size; 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | @include border-radius($badge-border-radius); 16 | 17 | // Empty badges collapse automatically 18 | &:empty { 19 | display: none; 20 | } 21 | } 22 | 23 | // Quick fix for badges in buttons 24 | .btn .badge { 25 | position: relative; 26 | top: -1px; 27 | } 28 | 29 | // Pill badges 30 | // 31 | // Make them extra rounded with a modifier to replace v3's badges. 32 | 33 | .badge-pill { 34 | padding-right: $badge-pill-padding-x; 35 | padding-left: $badge-pill-padding-x; 36 | @include border-radius($badge-pill-border-radius); 37 | } 38 | 39 | // Colors 40 | // 41 | // Contextual variations (linked badges get darker on :hover). 42 | 43 | @each $color, $value in $theme-colors { 44 | .badge-#{$color} { 45 | @include badge-variant($value); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /src/assets/scss/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | list-style: none; 7 | background-color: $breadcrumb-bg; 8 | @include border-radius($breadcrumb-border-radius); 9 | } 10 | 11 | .breadcrumb-item { 12 | // The separator between breadcrumbs (by default, a forward-slash: "/") 13 | + .breadcrumb-item { 14 | padding-left: $breadcrumb-item-padding; 15 | 16 | &::before { 17 | display: inline-block; // Suppress underlining of the separator in modern browsers 18 | padding-right: $breadcrumb-item-padding; 19 | color: $breadcrumb-divider-color; 20 | content: $breadcrumb-divider; 21 | } 22 | } 23 | 24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built 25 | // without `