├── .eslintrc.js ├── .gitignore ├── .husky └── commit-msg ├── .npmrc ├── .prettierrc.js ├── LICENSE ├── README.md ├── build └── config.js ├── capacitor.config.json ├── commitlint.config.js ├── index.html ├── ionic.config.json ├── package.json ├── pnpm-lock.yaml ├── public └── favicon.ico ├── scripts ├── build.js ├── dev.js ├── houseKeeping.js ├── index.js ├── preview.js └── scriptUtils.js ├── src ├── App.vue ├── assets │ └── bootstrap-grid.min.css ├── components │ └── about │ │ └── AboutComponent.vue ├── core │ ├── BaseView.vue │ ├── index.js │ └── styles.js ├── main.ts ├── pages │ ├── About.vue │ └── Index.vue ├── router │ └── index.ts ├── stores │ └── main │ │ └── index.ts ├── styles │ └── pages.css ├── theme │ └── variables.css └── vite-env.d.ts ├── tsconfig.json └── vite.config.ts /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | node: true, 4 | }, 5 | extends: [ 6 | 'eslint:recommended', 7 | 'plugin:@typescript-eslint/recommended', 8 | 'plugin:vue/vue3-recommended', 9 | '@vue/airbnb', 10 | 'prettier', 11 | ], 12 | rules: { 13 | 'no-console': process.env.NODE_ENV === 'production' ? 'off' : 'warn', 14 | 'no-debugger': 'off', 15 | 'vue/no-deprecated-slot-attribute': 'off', 16 | 'import/extensions': [ 17 | 2, 18 | { 19 | js: 'always', 20 | vue: 'always', 21 | ts: 'never', 22 | }, 23 | ], 24 | 'vue/multi-word-component-names': [ 25 | 'error', 26 | { 27 | ignores: ['Index', 'Home', 'About'], 28 | }, 29 | ], 30 | }, 31 | settings: { 32 | 'import/resolver': { 33 | typescript: {}, 34 | }, 35 | }, 36 | parserOptions: { 37 | parser: '@typescript-eslint/parser', 38 | }, 39 | }; 40 | -------------------------------------------------------------------------------- /.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 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx --no -- commitlint --verbose --edit 5 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | auto-install-peers=true -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | trailingComma: 'none', 3 | printWidth: 120, 4 | useTabs: true, 5 | tabWidth: 2, 6 | semi: true, 7 | singleQuote: true, 8 | arrowParens: 'avoid', 9 | bracketSpacing: true, 10 | bracketSameLine: true 11 | }; 12 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Sravan Suresh 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # An Important Update ❗ 2 | > This project will not be updated ⚠️ anymore in favour of the newer [Cross Vue](https://github.com/srav001/cross-vue) ❤️ template which has all the features of this template, while offering more easier dev experience 😍 and support for [Tauri](https://https://tauri.app) 🤩. 3 | 4 | ## Check Out the New Template ❤️ https://github.com/srav001/cross-vue 5 | 6 | # 7 | 8 | This is a starter template aimed to be used at apps that will go into production release. It has eslint, prettier and ionic added to it, so that not only does linting and formatting like most projects but also can be made a mobile app when needed with capacitor. It is opinionated to an extend, but at the same time easy to customize since it has minimal config for all packages. 9 | 10 | 11 | ### Why UnoCSS and bootstrap grid 🤔 ? 12 | UnoCSS is awesome, since it's on-demand ( it offers low bundle size ) while providing access to multiple css utilty class from the likes of tailwind. Bootstrap's grid is included simply because I think bootstrap's grid is most superior in terms of functionality compared to rest like bulma while being easy to use ( Can be removed by deleting file in `src/assets/bootstrap-grid.min.css`). 13 | 14 | 15 | ## Why use this template ? 16 | 17 | - You might don't want to go through the hassle of setting up linter, formatter, router, store etc and still want the [latest vue](https://twitter.com/youyuxi/status/1464058813649088516?lang=en) has to offer ( All of it is setup ). 18 | - If you use the ionic components as your base for components, in future you can build your web app as an android or ios app with capacitor ( I feel it is better for mobile than other vue component libraries). 19 | - You can remove - all capacitor dependencies from `package.json` and `capacitor.config.js` to get all other features except build a mobile app. 20 | - Eslint for linting and prettier for formatting files ( and yes both work combined without issues ). 21 | - Husky is setup and is being used for commit linting. 22 | - Vite is used for superior dev experience. 23 | 24 | ### 25 | 26 | - ` Examples are included for the most common ones and rest is left for developer decision.` 27 | 28 | ## Custom Scripts: 29 | 30 | ``` 31 | pnpm project-setup: 'Runs pnpm install and setups up husky for commit linting' 32 | pnpm lint: 'Runs eslint in src directory and fixes all autofixeable errors' 33 | pnpm format: 'Runs src directory through prettier and formats all files' 34 | ``` 35 | -------------------------------------------------------------------------------- /build/config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | serverPort: 5161 3 | }; 4 | -------------------------------------------------------------------------------- /capacitor.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "appId": "io.ionic.starter", 3 | "appName": "vue-ionic-template", 4 | "webDir": "dist", 5 | "bundledWebRuntime": false, 6 | "android": { 7 | "path": "./src-capacitor/android" 8 | }, 9 | "ios": { 10 | "path": "./src-capacitor/ios" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /commitlint.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['@commitlint/config-conventional'], 3 | }; -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /ionic.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "myApp", 3 | "integrations": { 4 | "capacitor": {} 5 | }, 6 | "type": "vue" 7 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-ionic-template", 3 | "version": "1.1.0", 4 | "description": "A production ready starter template for projects with ionic-vue with linting, formatter etc pre-configured.", 5 | "main": "./src/main.ts", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vue-tsc --noEmit && vite build", 9 | "preview": "vite preview", 10 | "test": "echo \"Error: no test specified\" && exit 1", 11 | "project-setup": "pnpm install && rm -rf .husky && npx husky install && npx husky add .husky/commit-msg 'npx --no -- commitlint --verbose --edit $1' ", 12 | "format": "npx prettier --write --config ./.prettierrc.js src", 13 | "lint": "npx eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src" 14 | }, 15 | "repository": { 16 | "type": "git", 17 | "url": "git+https://github.com/srav001/vue-ionic-template.git" 18 | }, 19 | "author": "Sravan Suresh", 20 | "license": "MIT", 21 | "bugs": { 22 | "url": "https://github.com/srav001/vue-ionic-template/issues" 23 | }, 24 | "homepage": "https://github.com/srav001/vue-ionic-template#readme", 25 | "dependencies": { 26 | "@capacitor/app": "4.0.1", 27 | "@capacitor/core": "4.3.0", 28 | "@capacitor/haptics": "4.0.1", 29 | "@capacitor/keyboard": "4.0.1", 30 | "@capacitor/status-bar": "4.0.1", 31 | "@ionic/vue": "^6.2.8", 32 | "@ionic/vue-router": "^6.2.8", 33 | "pinia": "^2.0.22", 34 | "vue": "^3.2.39", 35 | "vue-router": "^4.1.5" 36 | }, 37 | "devDependencies": { 38 | "@capacitor/cli": "4.3.0", 39 | "@commitlint/cli": "^17.1.2", 40 | "@commitlint/config-conventional": "^17.1.0", 41 | "@types/node": "^18.7.20", 42 | "@typescript-eslint/eslint-plugin": "^5.38.0", 43 | "@typescript-eslint/parser": "^5.38.0", 44 | "@unocss/transformer-directives": "^0.45.22", 45 | "@vitejs/plugin-vue": "^3.1.0", 46 | "@vue/eslint-config-airbnb": "^7.0.0", 47 | "eslint": "^8.24.0", 48 | "eslint-config-prettier": "^8.5.0", 49 | "eslint-import-resolver-typescript": "^3.5.1", 50 | "eslint-plugin-vue": "^9.5.1", 51 | "eslint-plugin-vuejs-accessibility": "^1.2.0", 52 | "husky": "^8.0.1", 53 | "prettier": "^2.7.1", 54 | "taze": "^0.8.1", 55 | "unocss": "^0.45.22", 56 | "vite": "^3.1.3", 57 | "vite-plugin-pages": "^0.26.0", 58 | "vue-tsc": "^0.40.13" 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/srav001/vue-ionic-template/dd0e0809aadad150236328d9d951104a24db2175/public/favicon.ico -------------------------------------------------------------------------------- /scripts/build.js: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line @typescript-eslint/no-var-requires 2 | const { execute, updateCapacitorConfig } = require('./scriptUtils.js'); 3 | 4 | const buildCommand = 'npx vue-tsc --noEmit && npx vite build'; 5 | 6 | // Build commands 7 | /** 8 | * It runs the vue-tsc compiler with the --noEmit flag, which means it will only type-check the code, 9 | * and then it runs the vite build command 10 | */ 11 | const build = () => execute(buildCommand); 12 | /** 13 | * It builds the app, then copies the iOS platform files to the `ios` directory 14 | */ 15 | const buildIos = () => { 16 | updateCapacitorConfig(); 17 | return execute(`${buildCommand} && npx cap sync ios`); 18 | }; 19 | /** 20 | * `buildAndroid` builds the app, then copies the Android platform to the `android` directory 21 | */ 22 | const buildAndroid = () => { 23 | updateCapacitorConfig(); 24 | return execute(`${buildCommand} && npx cap sync android`); 25 | }; 26 | 27 | module.exports = { 28 | buildCommand, 29 | 30 | build, 31 | buildIos, 32 | buildAndroid, 33 | }; 34 | -------------------------------------------------------------------------------- /scripts/dev.js: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line @typescript-eslint/no-var-requires 2 | const { executeWithSync, updateCapacitorConfig } = require('./scriptUtils.js'); 3 | 4 | const devCommand = 'npx vite'; 5 | 6 | // Dev commands 7 | /* Copying the android files and opening the android emulator. */ 8 | const dev = () => executeWithSync(devCommand); 9 | 10 | const devIos = () => { 11 | updateCapacitorConfig(true); 12 | return executeWithSync(`npx cap copy ios && npx cap open ios && ${devCommand}`); 13 | }; 14 | const devAndroid = () => { 15 | updateCapacitorConfig(true); 16 | return executeWithSync(`npx cap copy android && npx cap open android && ${devCommand}`); 17 | }; 18 | 19 | module.exports = { 20 | devCommand, 21 | 22 | dev, 23 | devIos, 24 | devAndroid 25 | }; 26 | -------------------------------------------------------------------------------- /scripts/houseKeeping.js: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line @typescript-eslint/no-var-requires 2 | const { execute } = require('./scriptUtils.js'); 3 | 4 | /** 5 | * It installs the project dependencies, removes the husky config incase already installed, re-installs husky, and adds a 6 | * commit-msg hook that runs commitlint 7 | */ 8 | const projectSetup = () => 9 | execute( 10 | `pnpm install && rm -rf .husky && npx husky install && npx husky add .husky/commit-msg 'npx --no -- commitlint --verbose --edit $1'` 11 | ); 12 | 13 | // House keeping 14 | /** 15 | * It runs the prettier command on the src and scripts folders, and overwrites the files with the 16 | * formatted version 17 | */ 18 | const format = () => execute('npx prettier ./src ./scripts -w'); 19 | /** 20 | * `lint` runs `eslint` on all `.js`, `.ts`, and `.vue` files in the `src` and `scripts` directories, 21 | * ignoring files in the `.gitignore` file, and fixes any errors it finds 22 | */ 23 | const lint = () => execute('npx eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src scripts'); 24 | 25 | module.exports = { 26 | projectSetup, 27 | format, 28 | lint 29 | }; 30 | -------------------------------------------------------------------------------- /scripts/index.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-var-requires */ 2 | const dev = require('./dev.js'); 3 | const build = require('./build.js'); 4 | const preview = require('./preview.js'); 5 | const houseKeeping = require('./houseKeeping.js'); 6 | 7 | module.exports = { 8 | ...dev, 9 | ...build, 10 | ...preview, 11 | ...houseKeeping 12 | }; 13 | -------------------------------------------------------------------------------- /scripts/preview.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-var-requires */ 2 | const { buildCommand } = require('./build.js'); 3 | const { executeWithSync, updateCapacitorConfig } = require('./scriptUtils.js'); 4 | 5 | // Preview commands 6 | const preview = () => executeWithSync('npx vite preview'); 7 | /** 8 | * It builds the app, then runs it on an iOS device 9 | */ 10 | const previewIos = () => { 11 | updateCapacitorConfig(); 12 | return executeWithSync(`${buildCommand} && npx cap run ios -l --external`); 13 | }; 14 | /** 15 | * It builds the app, then runs it on an Android device 16 | */ 17 | const previewAndroid = () => { 18 | updateCapacitorConfig(); 19 | return executeWithSync(`${buildCommand} && npx cap run android -l --external`); 20 | }; 21 | 22 | module.exports = { 23 | preview, 24 | previewIos, 25 | previewAndroid 26 | }; 27 | -------------------------------------------------------------------------------- /scripts/scriptUtils.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-var-requires */ 2 | /* eslint-disable no-console */ 3 | const os = require('os'); 4 | const { exec, execSync } = require('child_process'); 5 | 6 | const path = require('node:path'); 7 | const { readFileSync, writeFileSync } = require('node:fs'); 8 | 9 | const { serverPort } = require('../build/config.js'); 10 | 11 | /** 12 | * It executes a command and logs the output to the console 13 | */ 14 | const execute = command => 15 | exec(command, (err, stdout, stderr) => { 16 | console.log(stdout); 17 | if (err) console.error(err); 18 | else if (stderr) console.error(stderr); 19 | }); 20 | 21 | /** 22 | * It executes a command with sync ( for live loading commands like dev ) and prints the output to the console 23 | */ 24 | const executeWithSync = command => execSync(command, { stdio: 'inherit' }); 25 | 26 | /** 27 | * Get the IPv4 address of the first network interface that isn't internal 28 | */ 29 | const getIP = () => 30 | Object.values(os.networkInterfaces()) 31 | .flat() 32 | .filter(item => !item.internal && item.family === 'IPv4') 33 | .find(Boolean).address; 34 | 35 | /** 36 | * It reads the capacitor.config.json file, deletes the server property if it exists, and then adds it 37 | * back in with the correct IP address and port 38 | * @param [addLiveServer=false] - boolean - if true, the capacitor.config.json file will be updated 39 | * with the live server url. 40 | */ 41 | const updateCapacitorConfig = (addLiveServer = false) => { 42 | const filePath = path.resolve('capacitor.config.json'); 43 | const fileToEdit = JSON.parse(readFileSync(filePath, { encoding: 'utf8' })); 44 | if (fileToEdit.server) delete fileToEdit.server; 45 | if (addLiveServer) 46 | fileToEdit.server = { 47 | url: `http://${getIP()}:${serverPort}`, 48 | clearText: true 49 | }; 50 | writeFileSync(filePath, JSON.stringify(fileToEdit, null, 2)); 51 | }; 52 | 53 | module.exports = { 54 | execute, 55 | executeWithSync, 56 | 57 | updateCapacitorConfig 58 | }; 59 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | -------------------------------------------------------------------------------- /src/assets/bootstrap-grid.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v5.0.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | .container, 8 | .container-fluid, 9 | .container-lg, 10 | .container-md, 11 | .container-sm, 12 | .container-xl, 13 | .container-xxl { 14 | width: 100%; 15 | padding-right: var(--bs-gutter-x, 0.75rem); 16 | padding-left: var(--bs-gutter-x, 0.75rem); 17 | margin-right: auto; 18 | margin-left: auto; 19 | } 20 | @media (min-width: 576px) { 21 | .container, 22 | .container-sm { 23 | max-width: 540px; 24 | } 25 | } 26 | @media (min-width: 768px) { 27 | .container, 28 | .container-md, 29 | .container-sm { 30 | max-width: 720px; 31 | } 32 | } 33 | @media (min-width: 992px) { 34 | .container, 35 | .container-lg, 36 | .container-md, 37 | .container-sm { 38 | max-width: 960px; 39 | } 40 | } 41 | @media (min-width: 1200px) { 42 | .container, 43 | .container-lg, 44 | .container-md, 45 | .container-sm, 46 | .container-xl { 47 | max-width: 1140px; 48 | } 49 | } 50 | @media (min-width: 1400px) { 51 | .container, 52 | .container-lg, 53 | .container-md, 54 | .container-sm, 55 | .container-xl, 56 | .container-xxl { 57 | max-width: 1320px; 58 | } 59 | } 60 | .row { 61 | --bs-gutter-x: 1.5rem; 62 | --bs-gutter-y: 0; 63 | display: flex; 64 | flex-wrap: wrap; 65 | margin-top: calc(var(--bs-gutter-y) * -1); 66 | margin-right: calc(var(--bs-gutter-x) * -0.5); 67 | margin-left: calc(var(--bs-gutter-x) * -0.5); 68 | } 69 | .row > * { 70 | box-sizing: border-box; 71 | flex-shrink: 0; 72 | width: 100%; 73 | max-width: 100%; 74 | padding-right: calc(var(--bs-gutter-x) * 0.5); 75 | padding-left: calc(var(--bs-gutter-x) * 0.5); 76 | margin-top: var(--bs-gutter-y); 77 | } 78 | .col { 79 | flex: 1 0 0%; 80 | } 81 | .row-cols-auto > * { 82 | flex: 0 0 auto; 83 | width: auto; 84 | } 85 | .row-cols-1 > * { 86 | flex: 0 0 auto; 87 | width: 100%; 88 | } 89 | .row-cols-2 > * { 90 | flex: 0 0 auto; 91 | width: 50%; 92 | } 93 | .row-cols-3 > * { 94 | flex: 0 0 auto; 95 | width: 33.3333333333%; 96 | } 97 | .row-cols-4 > * { 98 | flex: 0 0 auto; 99 | width: 25%; 100 | } 101 | .row-cols-5 > * { 102 | flex: 0 0 auto; 103 | width: 20%; 104 | } 105 | .row-cols-6 > * { 106 | flex: 0 0 auto; 107 | width: 16.6666666667%; 108 | } 109 | @media (min-width: 576px) { 110 | .col-sm { 111 | flex: 1 0 0%; 112 | } 113 | .row-cols-sm-auto > * { 114 | flex: 0 0 auto; 115 | width: auto; 116 | } 117 | .row-cols-sm-1 > * { 118 | flex: 0 0 auto; 119 | width: 100%; 120 | } 121 | .row-cols-sm-2 > * { 122 | flex: 0 0 auto; 123 | width: 50%; 124 | } 125 | .row-cols-sm-3 > * { 126 | flex: 0 0 auto; 127 | width: 33.3333333333%; 128 | } 129 | .row-cols-sm-4 > * { 130 | flex: 0 0 auto; 131 | width: 25%; 132 | } 133 | .row-cols-sm-5 > * { 134 | flex: 0 0 auto; 135 | width: 20%; 136 | } 137 | .row-cols-sm-6 > * { 138 | flex: 0 0 auto; 139 | width: 16.6666666667%; 140 | } 141 | } 142 | @media (min-width: 768px) { 143 | .col-md { 144 | flex: 1 0 0%; 145 | } 146 | .row-cols-md-auto > * { 147 | flex: 0 0 auto; 148 | width: auto; 149 | } 150 | .row-cols-md-1 > * { 151 | flex: 0 0 auto; 152 | width: 100%; 153 | } 154 | .row-cols-md-2 > * { 155 | flex: 0 0 auto; 156 | width: 50%; 157 | } 158 | .row-cols-md-3 > * { 159 | flex: 0 0 auto; 160 | width: 33.3333333333%; 161 | } 162 | .row-cols-md-4 > * { 163 | flex: 0 0 auto; 164 | width: 25%; 165 | } 166 | .row-cols-md-5 > * { 167 | flex: 0 0 auto; 168 | width: 20%; 169 | } 170 | .row-cols-md-6 > * { 171 | flex: 0 0 auto; 172 | width: 16.6666666667%; 173 | } 174 | } 175 | @media (min-width: 992px) { 176 | .col-lg { 177 | flex: 1 0 0%; 178 | } 179 | .row-cols-lg-auto > * { 180 | flex: 0 0 auto; 181 | width: auto; 182 | } 183 | .row-cols-lg-1 > * { 184 | flex: 0 0 auto; 185 | width: 100%; 186 | } 187 | .row-cols-lg-2 > * { 188 | flex: 0 0 auto; 189 | width: 50%; 190 | } 191 | .row-cols-lg-3 > * { 192 | flex: 0 0 auto; 193 | width: 33.3333333333%; 194 | } 195 | .row-cols-lg-4 > * { 196 | flex: 0 0 auto; 197 | width: 25%; 198 | } 199 | .row-cols-lg-5 > * { 200 | flex: 0 0 auto; 201 | width: 20%; 202 | } 203 | .row-cols-lg-6 > * { 204 | flex: 0 0 auto; 205 | width: 16.6666666667%; 206 | } 207 | } 208 | @media (min-width: 1200px) { 209 | .col-xl { 210 | flex: 1 0 0%; 211 | } 212 | .row-cols-xl-auto > * { 213 | flex: 0 0 auto; 214 | width: auto; 215 | } 216 | .row-cols-xl-1 > * { 217 | flex: 0 0 auto; 218 | width: 100%; 219 | } 220 | .row-cols-xl-2 > * { 221 | flex: 0 0 auto; 222 | width: 50%; 223 | } 224 | .row-cols-xl-3 > * { 225 | flex: 0 0 auto; 226 | width: 33.3333333333%; 227 | } 228 | .row-cols-xl-4 > * { 229 | flex: 0 0 auto; 230 | width: 25%; 231 | } 232 | .row-cols-xl-5 > * { 233 | flex: 0 0 auto; 234 | width: 20%; 235 | } 236 | .row-cols-xl-6 > * { 237 | flex: 0 0 auto; 238 | width: 16.6666666667%; 239 | } 240 | } 241 | @media (min-width: 1400px) { 242 | .col-xxl { 243 | flex: 1 0 0%; 244 | } 245 | .row-cols-xxl-auto > * { 246 | flex: 0 0 auto; 247 | width: auto; 248 | } 249 | .row-cols-xxl-1 > * { 250 | flex: 0 0 auto; 251 | width: 100%; 252 | } 253 | .row-cols-xxl-2 > * { 254 | flex: 0 0 auto; 255 | width: 50%; 256 | } 257 | .row-cols-xxl-3 > * { 258 | flex: 0 0 auto; 259 | width: 33.3333333333%; 260 | } 261 | .row-cols-xxl-4 > * { 262 | flex: 0 0 auto; 263 | width: 25%; 264 | } 265 | .row-cols-xxl-5 > * { 266 | flex: 0 0 auto; 267 | width: 20%; 268 | } 269 | .row-cols-xxl-6 > * { 270 | flex: 0 0 auto; 271 | width: 16.6666666667%; 272 | } 273 | } 274 | .col-auto { 275 | flex: 0 0 auto; 276 | width: auto; 277 | } 278 | .col-1 { 279 | flex: 0 0 auto; 280 | width: 8.33333333%; 281 | } 282 | .col-2 { 283 | flex: 0 0 auto; 284 | width: 16.66666667%; 285 | } 286 | .col-3 { 287 | flex: 0 0 auto; 288 | width: 25%; 289 | } 290 | .col-4 { 291 | flex: 0 0 auto; 292 | width: 33.33333333%; 293 | } 294 | .col-5 { 295 | flex: 0 0 auto; 296 | width: 41.66666667%; 297 | } 298 | .col-6 { 299 | flex: 0 0 auto; 300 | width: 50%; 301 | } 302 | .col-7 { 303 | flex: 0 0 auto; 304 | width: 58.33333333%; 305 | } 306 | .col-8 { 307 | flex: 0 0 auto; 308 | width: 66.66666667%; 309 | } 310 | .col-9 { 311 | flex: 0 0 auto; 312 | width: 75%; 313 | } 314 | .col-10 { 315 | flex: 0 0 auto; 316 | width: 83.33333333%; 317 | } 318 | .col-11 { 319 | flex: 0 0 auto; 320 | width: 91.66666667%; 321 | } 322 | .col-12 { 323 | flex: 0 0 auto; 324 | width: 100%; 325 | } 326 | .offset-1 { 327 | margin-left: 8.33333333%; 328 | } 329 | .offset-2 { 330 | margin-left: 16.66666667%; 331 | } 332 | .offset-3 { 333 | margin-left: 25%; 334 | } 335 | .offset-4 { 336 | margin-left: 33.33333333%; 337 | } 338 | .offset-5 { 339 | margin-left: 41.66666667%; 340 | } 341 | .offset-6 { 342 | margin-left: 50%; 343 | } 344 | .offset-7 { 345 | margin-left: 58.33333333%; 346 | } 347 | .offset-8 { 348 | margin-left: 66.66666667%; 349 | } 350 | .offset-9 { 351 | margin-left: 75%; 352 | } 353 | .offset-10 { 354 | margin-left: 83.33333333%; 355 | } 356 | .offset-11 { 357 | margin-left: 91.66666667%; 358 | } 359 | .g-0, 360 | .gx-0 { 361 | --bs-gutter-x: 0; 362 | } 363 | .g-0, 364 | .gy-0 { 365 | --bs-gutter-y: 0; 366 | } 367 | .g-1, 368 | .gx-1 { 369 | --bs-gutter-x: 0.25rem; 370 | } 371 | .g-1, 372 | .gy-1 { 373 | --bs-gutter-y: 0.25rem; 374 | } 375 | .g-2, 376 | .gx-2 { 377 | --bs-gutter-x: 0.5rem; 378 | } 379 | .g-2, 380 | .gy-2 { 381 | --bs-gutter-y: 0.5rem; 382 | } 383 | .g-3, 384 | .gx-3 { 385 | --bs-gutter-x: 1rem; 386 | } 387 | .g-3, 388 | .gy-3 { 389 | --bs-gutter-y: 1rem; 390 | } 391 | .g-4, 392 | .gx-4 { 393 | --bs-gutter-x: 1.5rem; 394 | } 395 | .g-4, 396 | .gy-4 { 397 | --bs-gutter-y: 1.5rem; 398 | } 399 | .g-5, 400 | .gx-5 { 401 | --bs-gutter-x: 3rem; 402 | } 403 | .g-5, 404 | .gy-5 { 405 | --bs-gutter-y: 3rem; 406 | } 407 | @media (min-width: 576px) { 408 | .col-sm-auto { 409 | flex: 0 0 auto; 410 | width: auto; 411 | } 412 | .col-sm-1 { 413 | flex: 0 0 auto; 414 | width: 8.33333333%; 415 | } 416 | .col-sm-2 { 417 | flex: 0 0 auto; 418 | width: 16.66666667%; 419 | } 420 | .col-sm-3 { 421 | flex: 0 0 auto; 422 | width: 25%; 423 | } 424 | .col-sm-4 { 425 | flex: 0 0 auto; 426 | width: 33.33333333%; 427 | } 428 | .col-sm-5 { 429 | flex: 0 0 auto; 430 | width: 41.66666667%; 431 | } 432 | .col-sm-6 { 433 | flex: 0 0 auto; 434 | width: 50%; 435 | } 436 | .col-sm-7 { 437 | flex: 0 0 auto; 438 | width: 58.33333333%; 439 | } 440 | .col-sm-8 { 441 | flex: 0 0 auto; 442 | width: 66.66666667%; 443 | } 444 | .col-sm-9 { 445 | flex: 0 0 auto; 446 | width: 75%; 447 | } 448 | .col-sm-10 { 449 | flex: 0 0 auto; 450 | width: 83.33333333%; 451 | } 452 | .col-sm-11 { 453 | flex: 0 0 auto; 454 | width: 91.66666667%; 455 | } 456 | .col-sm-12 { 457 | flex: 0 0 auto; 458 | width: 100%; 459 | } 460 | .offset-sm-0 { 461 | margin-left: 0; 462 | } 463 | .offset-sm-1 { 464 | margin-left: 8.33333333%; 465 | } 466 | .offset-sm-2 { 467 | margin-left: 16.66666667%; 468 | } 469 | .offset-sm-3 { 470 | margin-left: 25%; 471 | } 472 | .offset-sm-4 { 473 | margin-left: 33.33333333%; 474 | } 475 | .offset-sm-5 { 476 | margin-left: 41.66666667%; 477 | } 478 | .offset-sm-6 { 479 | margin-left: 50%; 480 | } 481 | .offset-sm-7 { 482 | margin-left: 58.33333333%; 483 | } 484 | .offset-sm-8 { 485 | margin-left: 66.66666667%; 486 | } 487 | .offset-sm-9 { 488 | margin-left: 75%; 489 | } 490 | .offset-sm-10 { 491 | margin-left: 83.33333333%; 492 | } 493 | .offset-sm-11 { 494 | margin-left: 91.66666667%; 495 | } 496 | .g-sm-0, 497 | .gx-sm-0 { 498 | --bs-gutter-x: 0; 499 | } 500 | .g-sm-0, 501 | .gy-sm-0 { 502 | --bs-gutter-y: 0; 503 | } 504 | .g-sm-1, 505 | .gx-sm-1 { 506 | --bs-gutter-x: 0.25rem; 507 | } 508 | .g-sm-1, 509 | .gy-sm-1 { 510 | --bs-gutter-y: 0.25rem; 511 | } 512 | .g-sm-2, 513 | .gx-sm-2 { 514 | --bs-gutter-x: 0.5rem; 515 | } 516 | .g-sm-2, 517 | .gy-sm-2 { 518 | --bs-gutter-y: 0.5rem; 519 | } 520 | .g-sm-3, 521 | .gx-sm-3 { 522 | --bs-gutter-x: 1rem; 523 | } 524 | .g-sm-3, 525 | .gy-sm-3 { 526 | --bs-gutter-y: 1rem; 527 | } 528 | .g-sm-4, 529 | .gx-sm-4 { 530 | --bs-gutter-x: 1.5rem; 531 | } 532 | .g-sm-4, 533 | .gy-sm-4 { 534 | --bs-gutter-y: 1.5rem; 535 | } 536 | .g-sm-5, 537 | .gx-sm-5 { 538 | --bs-gutter-x: 3rem; 539 | } 540 | .g-sm-5, 541 | .gy-sm-5 { 542 | --bs-gutter-y: 3rem; 543 | } 544 | } 545 | @media (min-width: 768px) { 546 | .col-md-auto { 547 | flex: 0 0 auto; 548 | width: auto; 549 | } 550 | .col-md-1 { 551 | flex: 0 0 auto; 552 | width: 8.33333333%; 553 | } 554 | .col-md-2 { 555 | flex: 0 0 auto; 556 | width: 16.66666667%; 557 | } 558 | .col-md-3 { 559 | flex: 0 0 auto; 560 | width: 25%; 561 | } 562 | .col-md-4 { 563 | flex: 0 0 auto; 564 | width: 33.33333333%; 565 | } 566 | .col-md-5 { 567 | flex: 0 0 auto; 568 | width: 41.66666667%; 569 | } 570 | .col-md-6 { 571 | flex: 0 0 auto; 572 | width: 50%; 573 | } 574 | .col-md-7 { 575 | flex: 0 0 auto; 576 | width: 58.33333333%; 577 | } 578 | .col-md-8 { 579 | flex: 0 0 auto; 580 | width: 66.66666667%; 581 | } 582 | .col-md-9 { 583 | flex: 0 0 auto; 584 | width: 75%; 585 | } 586 | .col-md-10 { 587 | flex: 0 0 auto; 588 | width: 83.33333333%; 589 | } 590 | .col-md-11 { 591 | flex: 0 0 auto; 592 | width: 91.66666667%; 593 | } 594 | .col-md-12 { 595 | flex: 0 0 auto; 596 | width: 100%; 597 | } 598 | .offset-md-0 { 599 | margin-left: 0; 600 | } 601 | .offset-md-1 { 602 | margin-left: 8.33333333%; 603 | } 604 | .offset-md-2 { 605 | margin-left: 16.66666667%; 606 | } 607 | .offset-md-3 { 608 | margin-left: 25%; 609 | } 610 | .offset-md-4 { 611 | margin-left: 33.33333333%; 612 | } 613 | .offset-md-5 { 614 | margin-left: 41.66666667%; 615 | } 616 | .offset-md-6 { 617 | margin-left: 50%; 618 | } 619 | .offset-md-7 { 620 | margin-left: 58.33333333%; 621 | } 622 | .offset-md-8 { 623 | margin-left: 66.66666667%; 624 | } 625 | .offset-md-9 { 626 | margin-left: 75%; 627 | } 628 | .offset-md-10 { 629 | margin-left: 83.33333333%; 630 | } 631 | .offset-md-11 { 632 | margin-left: 91.66666667%; 633 | } 634 | .g-md-0, 635 | .gx-md-0 { 636 | --bs-gutter-x: 0; 637 | } 638 | .g-md-0, 639 | .gy-md-0 { 640 | --bs-gutter-y: 0; 641 | } 642 | .g-md-1, 643 | .gx-md-1 { 644 | --bs-gutter-x: 0.25rem; 645 | } 646 | .g-md-1, 647 | .gy-md-1 { 648 | --bs-gutter-y: 0.25rem; 649 | } 650 | .g-md-2, 651 | .gx-md-2 { 652 | --bs-gutter-x: 0.5rem; 653 | } 654 | .g-md-2, 655 | .gy-md-2 { 656 | --bs-gutter-y: 0.5rem; 657 | } 658 | .g-md-3, 659 | .gx-md-3 { 660 | --bs-gutter-x: 1rem; 661 | } 662 | .g-md-3, 663 | .gy-md-3 { 664 | --bs-gutter-y: 1rem; 665 | } 666 | .g-md-4, 667 | .gx-md-4 { 668 | --bs-gutter-x: 1.5rem; 669 | } 670 | .g-md-4, 671 | .gy-md-4 { 672 | --bs-gutter-y: 1.5rem; 673 | } 674 | .g-md-5, 675 | .gx-md-5 { 676 | --bs-gutter-x: 3rem; 677 | } 678 | .g-md-5, 679 | .gy-md-5 { 680 | --bs-gutter-y: 3rem; 681 | } 682 | } 683 | @media (min-width: 992px) { 684 | .col-lg-auto { 685 | flex: 0 0 auto; 686 | width: auto; 687 | } 688 | .col-lg-1 { 689 | flex: 0 0 auto; 690 | width: 8.33333333%; 691 | } 692 | .col-lg-2 { 693 | flex: 0 0 auto; 694 | width: 16.66666667%; 695 | } 696 | .col-lg-3 { 697 | flex: 0 0 auto; 698 | width: 25%; 699 | } 700 | .col-lg-4 { 701 | flex: 0 0 auto; 702 | width: 33.33333333%; 703 | } 704 | .col-lg-5 { 705 | flex: 0 0 auto; 706 | width: 41.66666667%; 707 | } 708 | .col-lg-6 { 709 | flex: 0 0 auto; 710 | width: 50%; 711 | } 712 | .col-lg-7 { 713 | flex: 0 0 auto; 714 | width: 58.33333333%; 715 | } 716 | .col-lg-8 { 717 | flex: 0 0 auto; 718 | width: 66.66666667%; 719 | } 720 | .col-lg-9 { 721 | flex: 0 0 auto; 722 | width: 75%; 723 | } 724 | .col-lg-10 { 725 | flex: 0 0 auto; 726 | width: 83.33333333%; 727 | } 728 | .col-lg-11 { 729 | flex: 0 0 auto; 730 | width: 91.66666667%; 731 | } 732 | .col-lg-12 { 733 | flex: 0 0 auto; 734 | width: 100%; 735 | } 736 | .offset-lg-0 { 737 | margin-left: 0; 738 | } 739 | .offset-lg-1 { 740 | margin-left: 8.33333333%; 741 | } 742 | .offset-lg-2 { 743 | margin-left: 16.66666667%; 744 | } 745 | .offset-lg-3 { 746 | margin-left: 25%; 747 | } 748 | .offset-lg-4 { 749 | margin-left: 33.33333333%; 750 | } 751 | .offset-lg-5 { 752 | margin-left: 41.66666667%; 753 | } 754 | .offset-lg-6 { 755 | margin-left: 50%; 756 | } 757 | .offset-lg-7 { 758 | margin-left: 58.33333333%; 759 | } 760 | .offset-lg-8 { 761 | margin-left: 66.66666667%; 762 | } 763 | .offset-lg-9 { 764 | margin-left: 75%; 765 | } 766 | .offset-lg-10 { 767 | margin-left: 83.33333333%; 768 | } 769 | .offset-lg-11 { 770 | margin-left: 91.66666667%; 771 | } 772 | .g-lg-0, 773 | .gx-lg-0 { 774 | --bs-gutter-x: 0; 775 | } 776 | .g-lg-0, 777 | .gy-lg-0 { 778 | --bs-gutter-y: 0; 779 | } 780 | .g-lg-1, 781 | .gx-lg-1 { 782 | --bs-gutter-x: 0.25rem; 783 | } 784 | .g-lg-1, 785 | .gy-lg-1 { 786 | --bs-gutter-y: 0.25rem; 787 | } 788 | .g-lg-2, 789 | .gx-lg-2 { 790 | --bs-gutter-x: 0.5rem; 791 | } 792 | .g-lg-2, 793 | .gy-lg-2 { 794 | --bs-gutter-y: 0.5rem; 795 | } 796 | .g-lg-3, 797 | .gx-lg-3 { 798 | --bs-gutter-x: 1rem; 799 | } 800 | .g-lg-3, 801 | .gy-lg-3 { 802 | --bs-gutter-y: 1rem; 803 | } 804 | .g-lg-4, 805 | .gx-lg-4 { 806 | --bs-gutter-x: 1.5rem; 807 | } 808 | .g-lg-4, 809 | .gy-lg-4 { 810 | --bs-gutter-y: 1.5rem; 811 | } 812 | .g-lg-5, 813 | .gx-lg-5 { 814 | --bs-gutter-x: 3rem; 815 | } 816 | .g-lg-5, 817 | .gy-lg-5 { 818 | --bs-gutter-y: 3rem; 819 | } 820 | } 821 | @media (min-width: 1200px) { 822 | .col-xl-auto { 823 | flex: 0 0 auto; 824 | width: auto; 825 | } 826 | .col-xl-1 { 827 | flex: 0 0 auto; 828 | width: 8.33333333%; 829 | } 830 | .col-xl-2 { 831 | flex: 0 0 auto; 832 | width: 16.66666667%; 833 | } 834 | .col-xl-3 { 835 | flex: 0 0 auto; 836 | width: 25%; 837 | } 838 | .col-xl-4 { 839 | flex: 0 0 auto; 840 | width: 33.33333333%; 841 | } 842 | .col-xl-5 { 843 | flex: 0 0 auto; 844 | width: 41.66666667%; 845 | } 846 | .col-xl-6 { 847 | flex: 0 0 auto; 848 | width: 50%; 849 | } 850 | .col-xl-7 { 851 | flex: 0 0 auto; 852 | width: 58.33333333%; 853 | } 854 | .col-xl-8 { 855 | flex: 0 0 auto; 856 | width: 66.66666667%; 857 | } 858 | .col-xl-9 { 859 | flex: 0 0 auto; 860 | width: 75%; 861 | } 862 | .col-xl-10 { 863 | flex: 0 0 auto; 864 | width: 83.33333333%; 865 | } 866 | .col-xl-11 { 867 | flex: 0 0 auto; 868 | width: 91.66666667%; 869 | } 870 | .col-xl-12 { 871 | flex: 0 0 auto; 872 | width: 100%; 873 | } 874 | .offset-xl-0 { 875 | margin-left: 0; 876 | } 877 | .offset-xl-1 { 878 | margin-left: 8.33333333%; 879 | } 880 | .offset-xl-2 { 881 | margin-left: 16.66666667%; 882 | } 883 | .offset-xl-3 { 884 | margin-left: 25%; 885 | } 886 | .offset-xl-4 { 887 | margin-left: 33.33333333%; 888 | } 889 | .offset-xl-5 { 890 | margin-left: 41.66666667%; 891 | } 892 | .offset-xl-6 { 893 | margin-left: 50%; 894 | } 895 | .offset-xl-7 { 896 | margin-left: 58.33333333%; 897 | } 898 | .offset-xl-8 { 899 | margin-left: 66.66666667%; 900 | } 901 | .offset-xl-9 { 902 | margin-left: 75%; 903 | } 904 | .offset-xl-10 { 905 | margin-left: 83.33333333%; 906 | } 907 | .offset-xl-11 { 908 | margin-left: 91.66666667%; 909 | } 910 | .g-xl-0, 911 | .gx-xl-0 { 912 | --bs-gutter-x: 0; 913 | } 914 | .g-xl-0, 915 | .gy-xl-0 { 916 | --bs-gutter-y: 0; 917 | } 918 | .g-xl-1, 919 | .gx-xl-1 { 920 | --bs-gutter-x: 0.25rem; 921 | } 922 | .g-xl-1, 923 | .gy-xl-1 { 924 | --bs-gutter-y: 0.25rem; 925 | } 926 | .g-xl-2, 927 | .gx-xl-2 { 928 | --bs-gutter-x: 0.5rem; 929 | } 930 | .g-xl-2, 931 | .gy-xl-2 { 932 | --bs-gutter-y: 0.5rem; 933 | } 934 | .g-xl-3, 935 | .gx-xl-3 { 936 | --bs-gutter-x: 1rem; 937 | } 938 | .g-xl-3, 939 | .gy-xl-3 { 940 | --bs-gutter-y: 1rem; 941 | } 942 | .g-xl-4, 943 | .gx-xl-4 { 944 | --bs-gutter-x: 1.5rem; 945 | } 946 | .g-xl-4, 947 | .gy-xl-4 { 948 | --bs-gutter-y: 1.5rem; 949 | } 950 | .g-xl-5, 951 | .gx-xl-5 { 952 | --bs-gutter-x: 3rem; 953 | } 954 | .g-xl-5, 955 | .gy-xl-5 { 956 | --bs-gutter-y: 3rem; 957 | } 958 | } 959 | @media (min-width: 1400px) { 960 | .col-xxl-auto { 961 | flex: 0 0 auto; 962 | width: auto; 963 | } 964 | .col-xxl-1 { 965 | flex: 0 0 auto; 966 | width: 8.33333333%; 967 | } 968 | .col-xxl-2 { 969 | flex: 0 0 auto; 970 | width: 16.66666667%; 971 | } 972 | .col-xxl-3 { 973 | flex: 0 0 auto; 974 | width: 25%; 975 | } 976 | .col-xxl-4 { 977 | flex: 0 0 auto; 978 | width: 33.33333333%; 979 | } 980 | .col-xxl-5 { 981 | flex: 0 0 auto; 982 | width: 41.66666667%; 983 | } 984 | .col-xxl-6 { 985 | flex: 0 0 auto; 986 | width: 50%; 987 | } 988 | .col-xxl-7 { 989 | flex: 0 0 auto; 990 | width: 58.33333333%; 991 | } 992 | .col-xxl-8 { 993 | flex: 0 0 auto; 994 | width: 66.66666667%; 995 | } 996 | .col-xxl-9 { 997 | flex: 0 0 auto; 998 | width: 75%; 999 | } 1000 | .col-xxl-10 { 1001 | flex: 0 0 auto; 1002 | width: 83.33333333%; 1003 | } 1004 | .col-xxl-11 { 1005 | flex: 0 0 auto; 1006 | width: 91.66666667%; 1007 | } 1008 | .col-xxl-12 { 1009 | flex: 0 0 auto; 1010 | width: 100%; 1011 | } 1012 | .offset-xxl-0 { 1013 | margin-left: 0; 1014 | } 1015 | .offset-xxl-1 { 1016 | margin-left: 8.33333333%; 1017 | } 1018 | .offset-xxl-2 { 1019 | margin-left: 16.66666667%; 1020 | } 1021 | .offset-xxl-3 { 1022 | margin-left: 25%; 1023 | } 1024 | .offset-xxl-4 { 1025 | margin-left: 33.33333333%; 1026 | } 1027 | .offset-xxl-5 { 1028 | margin-left: 41.66666667%; 1029 | } 1030 | .offset-xxl-6 { 1031 | margin-left: 50%; 1032 | } 1033 | .offset-xxl-7 { 1034 | margin-left: 58.33333333%; 1035 | } 1036 | .offset-xxl-8 { 1037 | margin-left: 66.66666667%; 1038 | } 1039 | .offset-xxl-9 { 1040 | margin-left: 75%; 1041 | } 1042 | .offset-xxl-10 { 1043 | margin-left: 83.33333333%; 1044 | } 1045 | .offset-xxl-11 { 1046 | margin-left: 91.66666667%; 1047 | } 1048 | .g-xxl-0, 1049 | .gx-xxl-0 { 1050 | --bs-gutter-x: 0; 1051 | } 1052 | .g-xxl-0, 1053 | .gy-xxl-0 { 1054 | --bs-gutter-y: 0; 1055 | } 1056 | .g-xxl-1, 1057 | .gx-xxl-1 { 1058 | --bs-gutter-x: 0.25rem; 1059 | } 1060 | .g-xxl-1, 1061 | .gy-xxl-1 { 1062 | --bs-gutter-y: 0.25rem; 1063 | } 1064 | .g-xxl-2, 1065 | .gx-xxl-2 { 1066 | --bs-gutter-x: 0.5rem; 1067 | } 1068 | .g-xxl-2, 1069 | .gy-xxl-2 { 1070 | --bs-gutter-y: 0.5rem; 1071 | } 1072 | .g-xxl-3, 1073 | .gx-xxl-3 { 1074 | --bs-gutter-x: 1rem; 1075 | } 1076 | .g-xxl-3, 1077 | .gy-xxl-3 { 1078 | --bs-gutter-y: 1rem; 1079 | } 1080 | .g-xxl-4, 1081 | .gx-xxl-4 { 1082 | --bs-gutter-x: 1.5rem; 1083 | } 1084 | .g-xxl-4, 1085 | .gy-xxl-4 { 1086 | --bs-gutter-y: 1.5rem; 1087 | } 1088 | .g-xxl-5, 1089 | .gx-xxl-5 { 1090 | --bs-gutter-x: 3rem; 1091 | } 1092 | .g-xxl-5, 1093 | .gy-xxl-5 { 1094 | --bs-gutter-y: 3rem; 1095 | } 1096 | } 1097 | .d-inline { 1098 | display: inline !important; 1099 | } 1100 | .d-inline-block { 1101 | display: inline-block !important; 1102 | } 1103 | .d-block { 1104 | display: block !important; 1105 | } 1106 | .d-grid { 1107 | display: grid !important; 1108 | } 1109 | .d-table { 1110 | display: table !important; 1111 | } 1112 | .d-table-row { 1113 | display: table-row !important; 1114 | } 1115 | .d-table-cell { 1116 | display: table-cell !important; 1117 | } 1118 | .d-flex { 1119 | display: flex !important; 1120 | } 1121 | .d-inline-flex { 1122 | display: inline-flex !important; 1123 | } 1124 | .d-none { 1125 | display: none !important; 1126 | } 1127 | .flex-fill { 1128 | flex: 1 1 auto !important; 1129 | } 1130 | .flex-row { 1131 | flex-direction: row !important; 1132 | } 1133 | .flex-column { 1134 | flex-direction: column !important; 1135 | } 1136 | .flex-row-reverse { 1137 | flex-direction: row-reverse !important; 1138 | } 1139 | .flex-column-reverse { 1140 | flex-direction: column-reverse !important; 1141 | } 1142 | .flex-grow-0 { 1143 | flex-grow: 0 !important; 1144 | } 1145 | .flex-grow-1 { 1146 | flex-grow: 1 !important; 1147 | } 1148 | .flex-shrink-0 { 1149 | flex-shrink: 0 !important; 1150 | } 1151 | .flex-shrink-1 { 1152 | flex-shrink: 1 !important; 1153 | } 1154 | .flex-wrap { 1155 | flex-wrap: wrap !important; 1156 | } 1157 | .flex-nowrap { 1158 | flex-wrap: nowrap !important; 1159 | } 1160 | .flex-wrap-reverse { 1161 | flex-wrap: wrap-reverse !important; 1162 | } 1163 | .justify-content-start { 1164 | justify-content: flex-start !important; 1165 | } 1166 | .justify-content-end { 1167 | justify-content: flex-end !important; 1168 | } 1169 | .justify-content-center { 1170 | justify-content: center !important; 1171 | } 1172 | .justify-content-between { 1173 | justify-content: space-between !important; 1174 | } 1175 | .justify-content-around { 1176 | justify-content: space-around !important; 1177 | } 1178 | .justify-content-evenly { 1179 | justify-content: space-evenly !important; 1180 | } 1181 | .align-items-start { 1182 | align-items: flex-start !important; 1183 | } 1184 | .align-items-end { 1185 | align-items: flex-end !important; 1186 | } 1187 | .align-items-center { 1188 | align-items: center !important; 1189 | } 1190 | .align-items-baseline { 1191 | align-items: baseline !important; 1192 | } 1193 | .align-items-stretch { 1194 | align-items: stretch !important; 1195 | } 1196 | .align-content-start { 1197 | align-content: flex-start !important; 1198 | } 1199 | .align-content-end { 1200 | align-content: flex-end !important; 1201 | } 1202 | .align-content-center { 1203 | align-content: center !important; 1204 | } 1205 | .align-content-between { 1206 | align-content: space-between !important; 1207 | } 1208 | .align-content-around { 1209 | align-content: space-around !important; 1210 | } 1211 | .align-content-stretch { 1212 | align-content: stretch !important; 1213 | } 1214 | .align-self-auto { 1215 | align-self: auto !important; 1216 | } 1217 | .align-self-start { 1218 | align-self: flex-start !important; 1219 | } 1220 | .align-self-end { 1221 | align-self: flex-end !important; 1222 | } 1223 | .align-self-center { 1224 | align-self: center !important; 1225 | } 1226 | .align-self-baseline { 1227 | align-self: baseline !important; 1228 | } 1229 | .align-self-stretch { 1230 | align-self: stretch !important; 1231 | } 1232 | .order-first { 1233 | order: -1 !important; 1234 | } 1235 | .order-0 { 1236 | order: 0 !important; 1237 | } 1238 | .order-1 { 1239 | order: 1 !important; 1240 | } 1241 | .order-2 { 1242 | order: 2 !important; 1243 | } 1244 | .order-3 { 1245 | order: 3 !important; 1246 | } 1247 | .order-4 { 1248 | order: 4 !important; 1249 | } 1250 | .order-5 { 1251 | order: 5 !important; 1252 | } 1253 | .order-last { 1254 | order: 6 !important; 1255 | } 1256 | .m-0 { 1257 | margin: 0 !important; 1258 | } 1259 | .m-1 { 1260 | margin: 0.25rem !important; 1261 | } 1262 | .m-2 { 1263 | margin: 0.5rem !important; 1264 | } 1265 | .m-3 { 1266 | margin: 1rem !important; 1267 | } 1268 | .m-4 { 1269 | margin: 1.5rem !important; 1270 | } 1271 | .m-5 { 1272 | margin: 3rem !important; 1273 | } 1274 | .m-auto { 1275 | margin: auto !important; 1276 | } 1277 | .mx-0 { 1278 | margin-right: 0 !important; 1279 | margin-left: 0 !important; 1280 | } 1281 | .mx-1 { 1282 | margin-right: 0.25rem !important; 1283 | margin-left: 0.25rem !important; 1284 | } 1285 | .mx-2 { 1286 | margin-right: 0.5rem !important; 1287 | margin-left: 0.5rem !important; 1288 | } 1289 | .mx-3 { 1290 | margin-right: 1rem !important; 1291 | margin-left: 1rem !important; 1292 | } 1293 | .mx-4 { 1294 | margin-right: 1.5rem !important; 1295 | margin-left: 1.5rem !important; 1296 | } 1297 | .mx-5 { 1298 | margin-right: 3rem !important; 1299 | margin-left: 3rem !important; 1300 | } 1301 | .mx-auto { 1302 | margin-right: auto !important; 1303 | margin-left: auto !important; 1304 | } 1305 | .my-0 { 1306 | margin-top: 0 !important; 1307 | margin-bottom: 0 !important; 1308 | } 1309 | .my-1 { 1310 | margin-top: 0.25rem !important; 1311 | margin-bottom: 0.25rem !important; 1312 | } 1313 | .my-2 { 1314 | margin-top: 0.5rem !important; 1315 | margin-bottom: 0.5rem !important; 1316 | } 1317 | .my-3 { 1318 | margin-top: 1rem !important; 1319 | margin-bottom: 1rem !important; 1320 | } 1321 | .my-4 { 1322 | margin-top: 1.5rem !important; 1323 | margin-bottom: 1.5rem !important; 1324 | } 1325 | .my-5 { 1326 | margin-top: 3rem !important; 1327 | margin-bottom: 3rem !important; 1328 | } 1329 | .my-auto { 1330 | margin-top: auto !important; 1331 | margin-bottom: auto !important; 1332 | } 1333 | .mt-0 { 1334 | margin-top: 0 !important; 1335 | } 1336 | .mt-1 { 1337 | margin-top: 0.25rem !important; 1338 | } 1339 | .mt-2 { 1340 | margin-top: 0.5rem !important; 1341 | } 1342 | .mt-3 { 1343 | margin-top: 1rem !important; 1344 | } 1345 | .mt-4 { 1346 | margin-top: 1.5rem !important; 1347 | } 1348 | .mt-5 { 1349 | margin-top: 3rem !important; 1350 | } 1351 | .mt-auto { 1352 | margin-top: auto !important; 1353 | } 1354 | .me-0 { 1355 | margin-right: 0 !important; 1356 | } 1357 | .me-1 { 1358 | margin-right: 0.25rem !important; 1359 | } 1360 | .me-2 { 1361 | margin-right: 0.5rem !important; 1362 | } 1363 | .me-3 { 1364 | margin-right: 1rem !important; 1365 | } 1366 | .me-4 { 1367 | margin-right: 1.5rem !important; 1368 | } 1369 | .me-5 { 1370 | margin-right: 3rem !important; 1371 | } 1372 | .me-auto { 1373 | margin-right: auto !important; 1374 | } 1375 | .mb-0 { 1376 | margin-bottom: 0 !important; 1377 | } 1378 | .mb-1 { 1379 | margin-bottom: 0.25rem !important; 1380 | } 1381 | .mb-2 { 1382 | margin-bottom: 0.5rem !important; 1383 | } 1384 | .mb-3 { 1385 | margin-bottom: 1rem !important; 1386 | } 1387 | .mb-4 { 1388 | margin-bottom: 1.5rem !important; 1389 | } 1390 | .mb-5 { 1391 | margin-bottom: 3rem !important; 1392 | } 1393 | .mb-auto { 1394 | margin-bottom: auto !important; 1395 | } 1396 | .ms-0 { 1397 | margin-left: 0 !important; 1398 | } 1399 | .ms-1 { 1400 | margin-left: 0.25rem !important; 1401 | } 1402 | .ms-2 { 1403 | margin-left: 0.5rem !important; 1404 | } 1405 | .ms-3 { 1406 | margin-left: 1rem !important; 1407 | } 1408 | .ms-4 { 1409 | margin-left: 1.5rem !important; 1410 | } 1411 | .ms-5 { 1412 | margin-left: 3rem !important; 1413 | } 1414 | .ms-auto { 1415 | margin-left: auto !important; 1416 | } 1417 | .p-0 { 1418 | padding: 0 !important; 1419 | } 1420 | .p-1 { 1421 | padding: 0.25rem !important; 1422 | } 1423 | .p-2 { 1424 | padding: 0.5rem !important; 1425 | } 1426 | .p-3 { 1427 | padding: 1rem !important; 1428 | } 1429 | .p-4 { 1430 | padding: 1.5rem !important; 1431 | } 1432 | .p-5 { 1433 | padding: 3rem !important; 1434 | } 1435 | .px-0 { 1436 | padding-right: 0 !important; 1437 | padding-left: 0 !important; 1438 | } 1439 | .px-1 { 1440 | padding-right: 0.25rem !important; 1441 | padding-left: 0.25rem !important; 1442 | } 1443 | .px-2 { 1444 | padding-right: 0.5rem !important; 1445 | padding-left: 0.5rem !important; 1446 | } 1447 | .px-3 { 1448 | padding-right: 1rem !important; 1449 | padding-left: 1rem !important; 1450 | } 1451 | .px-4 { 1452 | padding-right: 1.5rem !important; 1453 | padding-left: 1.5rem !important; 1454 | } 1455 | .px-5 { 1456 | padding-right: 3rem !important; 1457 | padding-left: 3rem !important; 1458 | } 1459 | .py-0 { 1460 | padding-top: 0 !important; 1461 | padding-bottom: 0 !important; 1462 | } 1463 | .py-1 { 1464 | padding-top: 0.25rem !important; 1465 | padding-bottom: 0.25rem !important; 1466 | } 1467 | .py-2 { 1468 | padding-top: 0.5rem !important; 1469 | padding-bottom: 0.5rem !important; 1470 | } 1471 | .py-3 { 1472 | padding-top: 1rem !important; 1473 | padding-bottom: 1rem !important; 1474 | } 1475 | .py-4 { 1476 | padding-top: 1.5rem !important; 1477 | padding-bottom: 1.5rem !important; 1478 | } 1479 | .py-5 { 1480 | padding-top: 3rem !important; 1481 | padding-bottom: 3rem !important; 1482 | } 1483 | .pt-0 { 1484 | padding-top: 0 !important; 1485 | } 1486 | .pt-1 { 1487 | padding-top: 0.25rem !important; 1488 | } 1489 | .pt-2 { 1490 | padding-top: 0.5rem !important; 1491 | } 1492 | .pt-3 { 1493 | padding-top: 1rem !important; 1494 | } 1495 | .pt-4 { 1496 | padding-top: 1.5rem !important; 1497 | } 1498 | .pt-5 { 1499 | padding-top: 3rem !important; 1500 | } 1501 | .pe-0 { 1502 | padding-right: 0 !important; 1503 | } 1504 | .pe-1 { 1505 | padding-right: 0.25rem !important; 1506 | } 1507 | .pe-2 { 1508 | padding-right: 0.5rem !important; 1509 | } 1510 | .pe-3 { 1511 | padding-right: 1rem !important; 1512 | } 1513 | .pe-4 { 1514 | padding-right: 1.5rem !important; 1515 | } 1516 | .pe-5 { 1517 | padding-right: 3rem !important; 1518 | } 1519 | .pb-0 { 1520 | padding-bottom: 0 !important; 1521 | } 1522 | .pb-1 { 1523 | padding-bottom: 0.25rem !important; 1524 | } 1525 | .pb-2 { 1526 | padding-bottom: 0.5rem !important; 1527 | } 1528 | .pb-3 { 1529 | padding-bottom: 1rem !important; 1530 | } 1531 | .pb-4 { 1532 | padding-bottom: 1.5rem !important; 1533 | } 1534 | .pb-5 { 1535 | padding-bottom: 3rem !important; 1536 | } 1537 | .ps-0 { 1538 | padding-left: 0 !important; 1539 | } 1540 | .ps-1 { 1541 | padding-left: 0.25rem !important; 1542 | } 1543 | .ps-2 { 1544 | padding-left: 0.5rem !important; 1545 | } 1546 | .ps-3 { 1547 | padding-left: 1rem !important; 1548 | } 1549 | .ps-4 { 1550 | padding-left: 1.5rem !important; 1551 | } 1552 | .ps-5 { 1553 | padding-left: 3rem !important; 1554 | } 1555 | @media (min-width: 576px) { 1556 | .d-sm-inline { 1557 | display: inline !important; 1558 | } 1559 | .d-sm-inline-block { 1560 | display: inline-block !important; 1561 | } 1562 | .d-sm-block { 1563 | display: block !important; 1564 | } 1565 | .d-sm-grid { 1566 | display: grid !important; 1567 | } 1568 | .d-sm-table { 1569 | display: table !important; 1570 | } 1571 | .d-sm-table-row { 1572 | display: table-row !important; 1573 | } 1574 | .d-sm-table-cell { 1575 | display: table-cell !important; 1576 | } 1577 | .d-sm-flex { 1578 | display: flex !important; 1579 | } 1580 | .d-sm-inline-flex { 1581 | display: inline-flex !important; 1582 | } 1583 | .d-sm-none { 1584 | display: none !important; 1585 | } 1586 | .flex-sm-fill { 1587 | flex: 1 1 auto !important; 1588 | } 1589 | .flex-sm-row { 1590 | flex-direction: row !important; 1591 | } 1592 | .flex-sm-column { 1593 | flex-direction: column !important; 1594 | } 1595 | .flex-sm-row-reverse { 1596 | flex-direction: row-reverse !important; 1597 | } 1598 | .flex-sm-column-reverse { 1599 | flex-direction: column-reverse !important; 1600 | } 1601 | .flex-sm-grow-0 { 1602 | flex-grow: 0 !important; 1603 | } 1604 | .flex-sm-grow-1 { 1605 | flex-grow: 1 !important; 1606 | } 1607 | .flex-sm-shrink-0 { 1608 | flex-shrink: 0 !important; 1609 | } 1610 | .flex-sm-shrink-1 { 1611 | flex-shrink: 1 !important; 1612 | } 1613 | .flex-sm-wrap { 1614 | flex-wrap: wrap !important; 1615 | } 1616 | .flex-sm-nowrap { 1617 | flex-wrap: nowrap !important; 1618 | } 1619 | .flex-sm-wrap-reverse { 1620 | flex-wrap: wrap-reverse !important; 1621 | } 1622 | .justify-content-sm-start { 1623 | justify-content: flex-start !important; 1624 | } 1625 | .justify-content-sm-end { 1626 | justify-content: flex-end !important; 1627 | } 1628 | .justify-content-sm-center { 1629 | justify-content: center !important; 1630 | } 1631 | .justify-content-sm-between { 1632 | justify-content: space-between !important; 1633 | } 1634 | .justify-content-sm-around { 1635 | justify-content: space-around !important; 1636 | } 1637 | .justify-content-sm-evenly { 1638 | justify-content: space-evenly !important; 1639 | } 1640 | .align-items-sm-start { 1641 | align-items: flex-start !important; 1642 | } 1643 | .align-items-sm-end { 1644 | align-items: flex-end !important; 1645 | } 1646 | .align-items-sm-center { 1647 | align-items: center !important; 1648 | } 1649 | .align-items-sm-baseline { 1650 | align-items: baseline !important; 1651 | } 1652 | .align-items-sm-stretch { 1653 | align-items: stretch !important; 1654 | } 1655 | .align-content-sm-start { 1656 | align-content: flex-start !important; 1657 | } 1658 | .align-content-sm-end { 1659 | align-content: flex-end !important; 1660 | } 1661 | .align-content-sm-center { 1662 | align-content: center !important; 1663 | } 1664 | .align-content-sm-between { 1665 | align-content: space-between !important; 1666 | } 1667 | .align-content-sm-around { 1668 | align-content: space-around !important; 1669 | } 1670 | .align-content-sm-stretch { 1671 | align-content: stretch !important; 1672 | } 1673 | .align-self-sm-auto { 1674 | align-self: auto !important; 1675 | } 1676 | .align-self-sm-start { 1677 | align-self: flex-start !important; 1678 | } 1679 | .align-self-sm-end { 1680 | align-self: flex-end !important; 1681 | } 1682 | .align-self-sm-center { 1683 | align-self: center !important; 1684 | } 1685 | .align-self-sm-baseline { 1686 | align-self: baseline !important; 1687 | } 1688 | .align-self-sm-stretch { 1689 | align-self: stretch !important; 1690 | } 1691 | .order-sm-first { 1692 | order: -1 !important; 1693 | } 1694 | .order-sm-0 { 1695 | order: 0 !important; 1696 | } 1697 | .order-sm-1 { 1698 | order: 1 !important; 1699 | } 1700 | .order-sm-2 { 1701 | order: 2 !important; 1702 | } 1703 | .order-sm-3 { 1704 | order: 3 !important; 1705 | } 1706 | .order-sm-4 { 1707 | order: 4 !important; 1708 | } 1709 | .order-sm-5 { 1710 | order: 5 !important; 1711 | } 1712 | .order-sm-last { 1713 | order: 6 !important; 1714 | } 1715 | .m-sm-0 { 1716 | margin: 0 !important; 1717 | } 1718 | .m-sm-1 { 1719 | margin: 0.25rem !important; 1720 | } 1721 | .m-sm-2 { 1722 | margin: 0.5rem !important; 1723 | } 1724 | .m-sm-3 { 1725 | margin: 1rem !important; 1726 | } 1727 | .m-sm-4 { 1728 | margin: 1.5rem !important; 1729 | } 1730 | .m-sm-5 { 1731 | margin: 3rem !important; 1732 | } 1733 | .m-sm-auto { 1734 | margin: auto !important; 1735 | } 1736 | .mx-sm-0 { 1737 | margin-right: 0 !important; 1738 | margin-left: 0 !important; 1739 | } 1740 | .mx-sm-1 { 1741 | margin-right: 0.25rem !important; 1742 | margin-left: 0.25rem !important; 1743 | } 1744 | .mx-sm-2 { 1745 | margin-right: 0.5rem !important; 1746 | margin-left: 0.5rem !important; 1747 | } 1748 | .mx-sm-3 { 1749 | margin-right: 1rem !important; 1750 | margin-left: 1rem !important; 1751 | } 1752 | .mx-sm-4 { 1753 | margin-right: 1.5rem !important; 1754 | margin-left: 1.5rem !important; 1755 | } 1756 | .mx-sm-5 { 1757 | margin-right: 3rem !important; 1758 | margin-left: 3rem !important; 1759 | } 1760 | .mx-sm-auto { 1761 | margin-right: auto !important; 1762 | margin-left: auto !important; 1763 | } 1764 | .my-sm-0 { 1765 | margin-top: 0 !important; 1766 | margin-bottom: 0 !important; 1767 | } 1768 | .my-sm-1 { 1769 | margin-top: 0.25rem !important; 1770 | margin-bottom: 0.25rem !important; 1771 | } 1772 | .my-sm-2 { 1773 | margin-top: 0.5rem !important; 1774 | margin-bottom: 0.5rem !important; 1775 | } 1776 | .my-sm-3 { 1777 | margin-top: 1rem !important; 1778 | margin-bottom: 1rem !important; 1779 | } 1780 | .my-sm-4 { 1781 | margin-top: 1.5rem !important; 1782 | margin-bottom: 1.5rem !important; 1783 | } 1784 | .my-sm-5 { 1785 | margin-top: 3rem !important; 1786 | margin-bottom: 3rem !important; 1787 | } 1788 | .my-sm-auto { 1789 | margin-top: auto !important; 1790 | margin-bottom: auto !important; 1791 | } 1792 | .mt-sm-0 { 1793 | margin-top: 0 !important; 1794 | } 1795 | .mt-sm-1 { 1796 | margin-top: 0.25rem !important; 1797 | } 1798 | .mt-sm-2 { 1799 | margin-top: 0.5rem !important; 1800 | } 1801 | .mt-sm-3 { 1802 | margin-top: 1rem !important; 1803 | } 1804 | .mt-sm-4 { 1805 | margin-top: 1.5rem !important; 1806 | } 1807 | .mt-sm-5 { 1808 | margin-top: 3rem !important; 1809 | } 1810 | .mt-sm-auto { 1811 | margin-top: auto !important; 1812 | } 1813 | .me-sm-0 { 1814 | margin-right: 0 !important; 1815 | } 1816 | .me-sm-1 { 1817 | margin-right: 0.25rem !important; 1818 | } 1819 | .me-sm-2 { 1820 | margin-right: 0.5rem !important; 1821 | } 1822 | .me-sm-3 { 1823 | margin-right: 1rem !important; 1824 | } 1825 | .me-sm-4 { 1826 | margin-right: 1.5rem !important; 1827 | } 1828 | .me-sm-5 { 1829 | margin-right: 3rem !important; 1830 | } 1831 | .me-sm-auto { 1832 | margin-right: auto !important; 1833 | } 1834 | .mb-sm-0 { 1835 | margin-bottom: 0 !important; 1836 | } 1837 | .mb-sm-1 { 1838 | margin-bottom: 0.25rem !important; 1839 | } 1840 | .mb-sm-2 { 1841 | margin-bottom: 0.5rem !important; 1842 | } 1843 | .mb-sm-3 { 1844 | margin-bottom: 1rem !important; 1845 | } 1846 | .mb-sm-4 { 1847 | margin-bottom: 1.5rem !important; 1848 | } 1849 | .mb-sm-5 { 1850 | margin-bottom: 3rem !important; 1851 | } 1852 | .mb-sm-auto { 1853 | margin-bottom: auto !important; 1854 | } 1855 | .ms-sm-0 { 1856 | margin-left: 0 !important; 1857 | } 1858 | .ms-sm-1 { 1859 | margin-left: 0.25rem !important; 1860 | } 1861 | .ms-sm-2 { 1862 | margin-left: 0.5rem !important; 1863 | } 1864 | .ms-sm-3 { 1865 | margin-left: 1rem !important; 1866 | } 1867 | .ms-sm-4 { 1868 | margin-left: 1.5rem !important; 1869 | } 1870 | .ms-sm-5 { 1871 | margin-left: 3rem !important; 1872 | } 1873 | .ms-sm-auto { 1874 | margin-left: auto !important; 1875 | } 1876 | .p-sm-0 { 1877 | padding: 0 !important; 1878 | } 1879 | .p-sm-1 { 1880 | padding: 0.25rem !important; 1881 | } 1882 | .p-sm-2 { 1883 | padding: 0.5rem !important; 1884 | } 1885 | .p-sm-3 { 1886 | padding: 1rem !important; 1887 | } 1888 | .p-sm-4 { 1889 | padding: 1.5rem !important; 1890 | } 1891 | .p-sm-5 { 1892 | padding: 3rem !important; 1893 | } 1894 | .px-sm-0 { 1895 | padding-right: 0 !important; 1896 | padding-left: 0 !important; 1897 | } 1898 | .px-sm-1 { 1899 | padding-right: 0.25rem !important; 1900 | padding-left: 0.25rem !important; 1901 | } 1902 | .px-sm-2 { 1903 | padding-right: 0.5rem !important; 1904 | padding-left: 0.5rem !important; 1905 | } 1906 | .px-sm-3 { 1907 | padding-right: 1rem !important; 1908 | padding-left: 1rem !important; 1909 | } 1910 | .px-sm-4 { 1911 | padding-right: 1.5rem !important; 1912 | padding-left: 1.5rem !important; 1913 | } 1914 | .px-sm-5 { 1915 | padding-right: 3rem !important; 1916 | padding-left: 3rem !important; 1917 | } 1918 | .py-sm-0 { 1919 | padding-top: 0 !important; 1920 | padding-bottom: 0 !important; 1921 | } 1922 | .py-sm-1 { 1923 | padding-top: 0.25rem !important; 1924 | padding-bottom: 0.25rem !important; 1925 | } 1926 | .py-sm-2 { 1927 | padding-top: 0.5rem !important; 1928 | padding-bottom: 0.5rem !important; 1929 | } 1930 | .py-sm-3 { 1931 | padding-top: 1rem !important; 1932 | padding-bottom: 1rem !important; 1933 | } 1934 | .py-sm-4 { 1935 | padding-top: 1.5rem !important; 1936 | padding-bottom: 1.5rem !important; 1937 | } 1938 | .py-sm-5 { 1939 | padding-top: 3rem !important; 1940 | padding-bottom: 3rem !important; 1941 | } 1942 | .pt-sm-0 { 1943 | padding-top: 0 !important; 1944 | } 1945 | .pt-sm-1 { 1946 | padding-top: 0.25rem !important; 1947 | } 1948 | .pt-sm-2 { 1949 | padding-top: 0.5rem !important; 1950 | } 1951 | .pt-sm-3 { 1952 | padding-top: 1rem !important; 1953 | } 1954 | .pt-sm-4 { 1955 | padding-top: 1.5rem !important; 1956 | } 1957 | .pt-sm-5 { 1958 | padding-top: 3rem !important; 1959 | } 1960 | .pe-sm-0 { 1961 | padding-right: 0 !important; 1962 | } 1963 | .pe-sm-1 { 1964 | padding-right: 0.25rem !important; 1965 | } 1966 | .pe-sm-2 { 1967 | padding-right: 0.5rem !important; 1968 | } 1969 | .pe-sm-3 { 1970 | padding-right: 1rem !important; 1971 | } 1972 | .pe-sm-4 { 1973 | padding-right: 1.5rem !important; 1974 | } 1975 | .pe-sm-5 { 1976 | padding-right: 3rem !important; 1977 | } 1978 | .pb-sm-0 { 1979 | padding-bottom: 0 !important; 1980 | } 1981 | .pb-sm-1 { 1982 | padding-bottom: 0.25rem !important; 1983 | } 1984 | .pb-sm-2 { 1985 | padding-bottom: 0.5rem !important; 1986 | } 1987 | .pb-sm-3 { 1988 | padding-bottom: 1rem !important; 1989 | } 1990 | .pb-sm-4 { 1991 | padding-bottom: 1.5rem !important; 1992 | } 1993 | .pb-sm-5 { 1994 | padding-bottom: 3rem !important; 1995 | } 1996 | .ps-sm-0 { 1997 | padding-left: 0 !important; 1998 | } 1999 | .ps-sm-1 { 2000 | padding-left: 0.25rem !important; 2001 | } 2002 | .ps-sm-2 { 2003 | padding-left: 0.5rem !important; 2004 | } 2005 | .ps-sm-3 { 2006 | padding-left: 1rem !important; 2007 | } 2008 | .ps-sm-4 { 2009 | padding-left: 1.5rem !important; 2010 | } 2011 | .ps-sm-5 { 2012 | padding-left: 3rem !important; 2013 | } 2014 | } 2015 | @media (min-width: 768px) { 2016 | .d-md-inline { 2017 | display: inline !important; 2018 | } 2019 | .d-md-inline-block { 2020 | display: inline-block !important; 2021 | } 2022 | .d-md-block { 2023 | display: block !important; 2024 | } 2025 | .d-md-grid { 2026 | display: grid !important; 2027 | } 2028 | .d-md-table { 2029 | display: table !important; 2030 | } 2031 | .d-md-table-row { 2032 | display: table-row !important; 2033 | } 2034 | .d-md-table-cell { 2035 | display: table-cell !important; 2036 | } 2037 | .d-md-flex { 2038 | display: flex !important; 2039 | } 2040 | .d-md-inline-flex { 2041 | display: inline-flex !important; 2042 | } 2043 | .d-md-none { 2044 | display: none !important; 2045 | } 2046 | .flex-md-fill { 2047 | flex: 1 1 auto !important; 2048 | } 2049 | .flex-md-row { 2050 | flex-direction: row !important; 2051 | } 2052 | .flex-md-column { 2053 | flex-direction: column !important; 2054 | } 2055 | .flex-md-row-reverse { 2056 | flex-direction: row-reverse !important; 2057 | } 2058 | .flex-md-column-reverse { 2059 | flex-direction: column-reverse !important; 2060 | } 2061 | .flex-md-grow-0 { 2062 | flex-grow: 0 !important; 2063 | } 2064 | .flex-md-grow-1 { 2065 | flex-grow: 1 !important; 2066 | } 2067 | .flex-md-shrink-0 { 2068 | flex-shrink: 0 !important; 2069 | } 2070 | .flex-md-shrink-1 { 2071 | flex-shrink: 1 !important; 2072 | } 2073 | .flex-md-wrap { 2074 | flex-wrap: wrap !important; 2075 | } 2076 | .flex-md-nowrap { 2077 | flex-wrap: nowrap !important; 2078 | } 2079 | .flex-md-wrap-reverse { 2080 | flex-wrap: wrap-reverse !important; 2081 | } 2082 | .justify-content-md-start { 2083 | justify-content: flex-start !important; 2084 | } 2085 | .justify-content-md-end { 2086 | justify-content: flex-end !important; 2087 | } 2088 | .justify-content-md-center { 2089 | justify-content: center !important; 2090 | } 2091 | .justify-content-md-between { 2092 | justify-content: space-between !important; 2093 | } 2094 | .justify-content-md-around { 2095 | justify-content: space-around !important; 2096 | } 2097 | .justify-content-md-evenly { 2098 | justify-content: space-evenly !important; 2099 | } 2100 | .align-items-md-start { 2101 | align-items: flex-start !important; 2102 | } 2103 | .align-items-md-end { 2104 | align-items: flex-end !important; 2105 | } 2106 | .align-items-md-center { 2107 | align-items: center !important; 2108 | } 2109 | .align-items-md-baseline { 2110 | align-items: baseline !important; 2111 | } 2112 | .align-items-md-stretch { 2113 | align-items: stretch !important; 2114 | } 2115 | .align-content-md-start { 2116 | align-content: flex-start !important; 2117 | } 2118 | .align-content-md-end { 2119 | align-content: flex-end !important; 2120 | } 2121 | .align-content-md-center { 2122 | align-content: center !important; 2123 | } 2124 | .align-content-md-between { 2125 | align-content: space-between !important; 2126 | } 2127 | .align-content-md-around { 2128 | align-content: space-around !important; 2129 | } 2130 | .align-content-md-stretch { 2131 | align-content: stretch !important; 2132 | } 2133 | .align-self-md-auto { 2134 | align-self: auto !important; 2135 | } 2136 | .align-self-md-start { 2137 | align-self: flex-start !important; 2138 | } 2139 | .align-self-md-end { 2140 | align-self: flex-end !important; 2141 | } 2142 | .align-self-md-center { 2143 | align-self: center !important; 2144 | } 2145 | .align-self-md-baseline { 2146 | align-self: baseline !important; 2147 | } 2148 | .align-self-md-stretch { 2149 | align-self: stretch !important; 2150 | } 2151 | .order-md-first { 2152 | order: -1 !important; 2153 | } 2154 | .order-md-0 { 2155 | order: 0 !important; 2156 | } 2157 | .order-md-1 { 2158 | order: 1 !important; 2159 | } 2160 | .order-md-2 { 2161 | order: 2 !important; 2162 | } 2163 | .order-md-3 { 2164 | order: 3 !important; 2165 | } 2166 | .order-md-4 { 2167 | order: 4 !important; 2168 | } 2169 | .order-md-5 { 2170 | order: 5 !important; 2171 | } 2172 | .order-md-last { 2173 | order: 6 !important; 2174 | } 2175 | .m-md-0 { 2176 | margin: 0 !important; 2177 | } 2178 | .m-md-1 { 2179 | margin: 0.25rem !important; 2180 | } 2181 | .m-md-2 { 2182 | margin: 0.5rem !important; 2183 | } 2184 | .m-md-3 { 2185 | margin: 1rem !important; 2186 | } 2187 | .m-md-4 { 2188 | margin: 1.5rem !important; 2189 | } 2190 | .m-md-5 { 2191 | margin: 3rem !important; 2192 | } 2193 | .m-md-auto { 2194 | margin: auto !important; 2195 | } 2196 | .mx-md-0 { 2197 | margin-right: 0 !important; 2198 | margin-left: 0 !important; 2199 | } 2200 | .mx-md-1 { 2201 | margin-right: 0.25rem !important; 2202 | margin-left: 0.25rem !important; 2203 | } 2204 | .mx-md-2 { 2205 | margin-right: 0.5rem !important; 2206 | margin-left: 0.5rem !important; 2207 | } 2208 | .mx-md-3 { 2209 | margin-right: 1rem !important; 2210 | margin-left: 1rem !important; 2211 | } 2212 | .mx-md-4 { 2213 | margin-right: 1.5rem !important; 2214 | margin-left: 1.5rem !important; 2215 | } 2216 | .mx-md-5 { 2217 | margin-right: 3rem !important; 2218 | margin-left: 3rem !important; 2219 | } 2220 | .mx-md-auto { 2221 | margin-right: auto !important; 2222 | margin-left: auto !important; 2223 | } 2224 | .my-md-0 { 2225 | margin-top: 0 !important; 2226 | margin-bottom: 0 !important; 2227 | } 2228 | .my-md-1 { 2229 | margin-top: 0.25rem !important; 2230 | margin-bottom: 0.25rem !important; 2231 | } 2232 | .my-md-2 { 2233 | margin-top: 0.5rem !important; 2234 | margin-bottom: 0.5rem !important; 2235 | } 2236 | .my-md-3 { 2237 | margin-top: 1rem !important; 2238 | margin-bottom: 1rem !important; 2239 | } 2240 | .my-md-4 { 2241 | margin-top: 1.5rem !important; 2242 | margin-bottom: 1.5rem !important; 2243 | } 2244 | .my-md-5 { 2245 | margin-top: 3rem !important; 2246 | margin-bottom: 3rem !important; 2247 | } 2248 | .my-md-auto { 2249 | margin-top: auto !important; 2250 | margin-bottom: auto !important; 2251 | } 2252 | .mt-md-0 { 2253 | margin-top: 0 !important; 2254 | } 2255 | .mt-md-1 { 2256 | margin-top: 0.25rem !important; 2257 | } 2258 | .mt-md-2 { 2259 | margin-top: 0.5rem !important; 2260 | } 2261 | .mt-md-3 { 2262 | margin-top: 1rem !important; 2263 | } 2264 | .mt-md-4 { 2265 | margin-top: 1.5rem !important; 2266 | } 2267 | .mt-md-5 { 2268 | margin-top: 3rem !important; 2269 | } 2270 | .mt-md-auto { 2271 | margin-top: auto !important; 2272 | } 2273 | .me-md-0 { 2274 | margin-right: 0 !important; 2275 | } 2276 | .me-md-1 { 2277 | margin-right: 0.25rem !important; 2278 | } 2279 | .me-md-2 { 2280 | margin-right: 0.5rem !important; 2281 | } 2282 | .me-md-3 { 2283 | margin-right: 1rem !important; 2284 | } 2285 | .me-md-4 { 2286 | margin-right: 1.5rem !important; 2287 | } 2288 | .me-md-5 { 2289 | margin-right: 3rem !important; 2290 | } 2291 | .me-md-auto { 2292 | margin-right: auto !important; 2293 | } 2294 | .mb-md-0 { 2295 | margin-bottom: 0 !important; 2296 | } 2297 | .mb-md-1 { 2298 | margin-bottom: 0.25rem !important; 2299 | } 2300 | .mb-md-2 { 2301 | margin-bottom: 0.5rem !important; 2302 | } 2303 | .mb-md-3 { 2304 | margin-bottom: 1rem !important; 2305 | } 2306 | .mb-md-4 { 2307 | margin-bottom: 1.5rem !important; 2308 | } 2309 | .mb-md-5 { 2310 | margin-bottom: 3rem !important; 2311 | } 2312 | .mb-md-auto { 2313 | margin-bottom: auto !important; 2314 | } 2315 | .ms-md-0 { 2316 | margin-left: 0 !important; 2317 | } 2318 | .ms-md-1 { 2319 | margin-left: 0.25rem !important; 2320 | } 2321 | .ms-md-2 { 2322 | margin-left: 0.5rem !important; 2323 | } 2324 | .ms-md-3 { 2325 | margin-left: 1rem !important; 2326 | } 2327 | .ms-md-4 { 2328 | margin-left: 1.5rem !important; 2329 | } 2330 | .ms-md-5 { 2331 | margin-left: 3rem !important; 2332 | } 2333 | .ms-md-auto { 2334 | margin-left: auto !important; 2335 | } 2336 | .p-md-0 { 2337 | padding: 0 !important; 2338 | } 2339 | .p-md-1 { 2340 | padding: 0.25rem !important; 2341 | } 2342 | .p-md-2 { 2343 | padding: 0.5rem !important; 2344 | } 2345 | .p-md-3 { 2346 | padding: 1rem !important; 2347 | } 2348 | .p-md-4 { 2349 | padding: 1.5rem !important; 2350 | } 2351 | .p-md-5 { 2352 | padding: 3rem !important; 2353 | } 2354 | .px-md-0 { 2355 | padding-right: 0 !important; 2356 | padding-left: 0 !important; 2357 | } 2358 | .px-md-1 { 2359 | padding-right: 0.25rem !important; 2360 | padding-left: 0.25rem !important; 2361 | } 2362 | .px-md-2 { 2363 | padding-right: 0.5rem !important; 2364 | padding-left: 0.5rem !important; 2365 | } 2366 | .px-md-3 { 2367 | padding-right: 1rem !important; 2368 | padding-left: 1rem !important; 2369 | } 2370 | .px-md-4 { 2371 | padding-right: 1.5rem !important; 2372 | padding-left: 1.5rem !important; 2373 | } 2374 | .px-md-5 { 2375 | padding-right: 3rem !important; 2376 | padding-left: 3rem !important; 2377 | } 2378 | .py-md-0 { 2379 | padding-top: 0 !important; 2380 | padding-bottom: 0 !important; 2381 | } 2382 | .py-md-1 { 2383 | padding-top: 0.25rem !important; 2384 | padding-bottom: 0.25rem !important; 2385 | } 2386 | .py-md-2 { 2387 | padding-top: 0.5rem !important; 2388 | padding-bottom: 0.5rem !important; 2389 | } 2390 | .py-md-3 { 2391 | padding-top: 1rem !important; 2392 | padding-bottom: 1rem !important; 2393 | } 2394 | .py-md-4 { 2395 | padding-top: 1.5rem !important; 2396 | padding-bottom: 1.5rem !important; 2397 | } 2398 | .py-md-5 { 2399 | padding-top: 3rem !important; 2400 | padding-bottom: 3rem !important; 2401 | } 2402 | .pt-md-0 { 2403 | padding-top: 0 !important; 2404 | } 2405 | .pt-md-1 { 2406 | padding-top: 0.25rem !important; 2407 | } 2408 | .pt-md-2 { 2409 | padding-top: 0.5rem !important; 2410 | } 2411 | .pt-md-3 { 2412 | padding-top: 1rem !important; 2413 | } 2414 | .pt-md-4 { 2415 | padding-top: 1.5rem !important; 2416 | } 2417 | .pt-md-5 { 2418 | padding-top: 3rem !important; 2419 | } 2420 | .pe-md-0 { 2421 | padding-right: 0 !important; 2422 | } 2423 | .pe-md-1 { 2424 | padding-right: 0.25rem !important; 2425 | } 2426 | .pe-md-2 { 2427 | padding-right: 0.5rem !important; 2428 | } 2429 | .pe-md-3 { 2430 | padding-right: 1rem !important; 2431 | } 2432 | .pe-md-4 { 2433 | padding-right: 1.5rem !important; 2434 | } 2435 | .pe-md-5 { 2436 | padding-right: 3rem !important; 2437 | } 2438 | .pb-md-0 { 2439 | padding-bottom: 0 !important; 2440 | } 2441 | .pb-md-1 { 2442 | padding-bottom: 0.25rem !important; 2443 | } 2444 | .pb-md-2 { 2445 | padding-bottom: 0.5rem !important; 2446 | } 2447 | .pb-md-3 { 2448 | padding-bottom: 1rem !important; 2449 | } 2450 | .pb-md-4 { 2451 | padding-bottom: 1.5rem !important; 2452 | } 2453 | .pb-md-5 { 2454 | padding-bottom: 3rem !important; 2455 | } 2456 | .ps-md-0 { 2457 | padding-left: 0 !important; 2458 | } 2459 | .ps-md-1 { 2460 | padding-left: 0.25rem !important; 2461 | } 2462 | .ps-md-2 { 2463 | padding-left: 0.5rem !important; 2464 | } 2465 | .ps-md-3 { 2466 | padding-left: 1rem !important; 2467 | } 2468 | .ps-md-4 { 2469 | padding-left: 1.5rem !important; 2470 | } 2471 | .ps-md-5 { 2472 | padding-left: 3rem !important; 2473 | } 2474 | } 2475 | @media (min-width: 992px) { 2476 | .d-lg-inline { 2477 | display: inline !important; 2478 | } 2479 | .d-lg-inline-block { 2480 | display: inline-block !important; 2481 | } 2482 | .d-lg-block { 2483 | display: block !important; 2484 | } 2485 | .d-lg-grid { 2486 | display: grid !important; 2487 | } 2488 | .d-lg-table { 2489 | display: table !important; 2490 | } 2491 | .d-lg-table-row { 2492 | display: table-row !important; 2493 | } 2494 | .d-lg-table-cell { 2495 | display: table-cell !important; 2496 | } 2497 | .d-lg-flex { 2498 | display: flex !important; 2499 | } 2500 | .d-lg-inline-flex { 2501 | display: inline-flex !important; 2502 | } 2503 | .d-lg-none { 2504 | display: none !important; 2505 | } 2506 | .flex-lg-fill { 2507 | flex: 1 1 auto !important; 2508 | } 2509 | .flex-lg-row { 2510 | flex-direction: row !important; 2511 | } 2512 | .flex-lg-column { 2513 | flex-direction: column !important; 2514 | } 2515 | .flex-lg-row-reverse { 2516 | flex-direction: row-reverse !important; 2517 | } 2518 | .flex-lg-column-reverse { 2519 | flex-direction: column-reverse !important; 2520 | } 2521 | .flex-lg-grow-0 { 2522 | flex-grow: 0 !important; 2523 | } 2524 | .flex-lg-grow-1 { 2525 | flex-grow: 1 !important; 2526 | } 2527 | .flex-lg-shrink-0 { 2528 | flex-shrink: 0 !important; 2529 | } 2530 | .flex-lg-shrink-1 { 2531 | flex-shrink: 1 !important; 2532 | } 2533 | .flex-lg-wrap { 2534 | flex-wrap: wrap !important; 2535 | } 2536 | .flex-lg-nowrap { 2537 | flex-wrap: nowrap !important; 2538 | } 2539 | .flex-lg-wrap-reverse { 2540 | flex-wrap: wrap-reverse !important; 2541 | } 2542 | .justify-content-lg-start { 2543 | justify-content: flex-start !important; 2544 | } 2545 | .justify-content-lg-end { 2546 | justify-content: flex-end !important; 2547 | } 2548 | .justify-content-lg-center { 2549 | justify-content: center !important; 2550 | } 2551 | .justify-content-lg-between { 2552 | justify-content: space-between !important; 2553 | } 2554 | .justify-content-lg-around { 2555 | justify-content: space-around !important; 2556 | } 2557 | .justify-content-lg-evenly { 2558 | justify-content: space-evenly !important; 2559 | } 2560 | .align-items-lg-start { 2561 | align-items: flex-start !important; 2562 | } 2563 | .align-items-lg-end { 2564 | align-items: flex-end !important; 2565 | } 2566 | .align-items-lg-center { 2567 | align-items: center !important; 2568 | } 2569 | .align-items-lg-baseline { 2570 | align-items: baseline !important; 2571 | } 2572 | .align-items-lg-stretch { 2573 | align-items: stretch !important; 2574 | } 2575 | .align-content-lg-start { 2576 | align-content: flex-start !important; 2577 | } 2578 | .align-content-lg-end { 2579 | align-content: flex-end !important; 2580 | } 2581 | .align-content-lg-center { 2582 | align-content: center !important; 2583 | } 2584 | .align-content-lg-between { 2585 | align-content: space-between !important; 2586 | } 2587 | .align-content-lg-around { 2588 | align-content: space-around !important; 2589 | } 2590 | .align-content-lg-stretch { 2591 | align-content: stretch !important; 2592 | } 2593 | .align-self-lg-auto { 2594 | align-self: auto !important; 2595 | } 2596 | .align-self-lg-start { 2597 | align-self: flex-start !important; 2598 | } 2599 | .align-self-lg-end { 2600 | align-self: flex-end !important; 2601 | } 2602 | .align-self-lg-center { 2603 | align-self: center !important; 2604 | } 2605 | .align-self-lg-baseline { 2606 | align-self: baseline !important; 2607 | } 2608 | .align-self-lg-stretch { 2609 | align-self: stretch !important; 2610 | } 2611 | .order-lg-first { 2612 | order: -1 !important; 2613 | } 2614 | .order-lg-0 { 2615 | order: 0 !important; 2616 | } 2617 | .order-lg-1 { 2618 | order: 1 !important; 2619 | } 2620 | .order-lg-2 { 2621 | order: 2 !important; 2622 | } 2623 | .order-lg-3 { 2624 | order: 3 !important; 2625 | } 2626 | .order-lg-4 { 2627 | order: 4 !important; 2628 | } 2629 | .order-lg-5 { 2630 | order: 5 !important; 2631 | } 2632 | .order-lg-last { 2633 | order: 6 !important; 2634 | } 2635 | .m-lg-0 { 2636 | margin: 0 !important; 2637 | } 2638 | .m-lg-1 { 2639 | margin: 0.25rem !important; 2640 | } 2641 | .m-lg-2 { 2642 | margin: 0.5rem !important; 2643 | } 2644 | .m-lg-3 { 2645 | margin: 1rem !important; 2646 | } 2647 | .m-lg-4 { 2648 | margin: 1.5rem !important; 2649 | } 2650 | .m-lg-5 { 2651 | margin: 3rem !important; 2652 | } 2653 | .m-lg-auto { 2654 | margin: auto !important; 2655 | } 2656 | .mx-lg-0 { 2657 | margin-right: 0 !important; 2658 | margin-left: 0 !important; 2659 | } 2660 | .mx-lg-1 { 2661 | margin-right: 0.25rem !important; 2662 | margin-left: 0.25rem !important; 2663 | } 2664 | .mx-lg-2 { 2665 | margin-right: 0.5rem !important; 2666 | margin-left: 0.5rem !important; 2667 | } 2668 | .mx-lg-3 { 2669 | margin-right: 1rem !important; 2670 | margin-left: 1rem !important; 2671 | } 2672 | .mx-lg-4 { 2673 | margin-right: 1.5rem !important; 2674 | margin-left: 1.5rem !important; 2675 | } 2676 | .mx-lg-5 { 2677 | margin-right: 3rem !important; 2678 | margin-left: 3rem !important; 2679 | } 2680 | .mx-lg-auto { 2681 | margin-right: auto !important; 2682 | margin-left: auto !important; 2683 | } 2684 | .my-lg-0 { 2685 | margin-top: 0 !important; 2686 | margin-bottom: 0 !important; 2687 | } 2688 | .my-lg-1 { 2689 | margin-top: 0.25rem !important; 2690 | margin-bottom: 0.25rem !important; 2691 | } 2692 | .my-lg-2 { 2693 | margin-top: 0.5rem !important; 2694 | margin-bottom: 0.5rem !important; 2695 | } 2696 | .my-lg-3 { 2697 | margin-top: 1rem !important; 2698 | margin-bottom: 1rem !important; 2699 | } 2700 | .my-lg-4 { 2701 | margin-top: 1.5rem !important; 2702 | margin-bottom: 1.5rem !important; 2703 | } 2704 | .my-lg-5 { 2705 | margin-top: 3rem !important; 2706 | margin-bottom: 3rem !important; 2707 | } 2708 | .my-lg-auto { 2709 | margin-top: auto !important; 2710 | margin-bottom: auto !important; 2711 | } 2712 | .mt-lg-0 { 2713 | margin-top: 0 !important; 2714 | } 2715 | .mt-lg-1 { 2716 | margin-top: 0.25rem !important; 2717 | } 2718 | .mt-lg-2 { 2719 | margin-top: 0.5rem !important; 2720 | } 2721 | .mt-lg-3 { 2722 | margin-top: 1rem !important; 2723 | } 2724 | .mt-lg-4 { 2725 | margin-top: 1.5rem !important; 2726 | } 2727 | .mt-lg-5 { 2728 | margin-top: 3rem !important; 2729 | } 2730 | .mt-lg-auto { 2731 | margin-top: auto !important; 2732 | } 2733 | .me-lg-0 { 2734 | margin-right: 0 !important; 2735 | } 2736 | .me-lg-1 { 2737 | margin-right: 0.25rem !important; 2738 | } 2739 | .me-lg-2 { 2740 | margin-right: 0.5rem !important; 2741 | } 2742 | .me-lg-3 { 2743 | margin-right: 1rem !important; 2744 | } 2745 | .me-lg-4 { 2746 | margin-right: 1.5rem !important; 2747 | } 2748 | .me-lg-5 { 2749 | margin-right: 3rem !important; 2750 | } 2751 | .me-lg-auto { 2752 | margin-right: auto !important; 2753 | } 2754 | .mb-lg-0 { 2755 | margin-bottom: 0 !important; 2756 | } 2757 | .mb-lg-1 { 2758 | margin-bottom: 0.25rem !important; 2759 | } 2760 | .mb-lg-2 { 2761 | margin-bottom: 0.5rem !important; 2762 | } 2763 | .mb-lg-3 { 2764 | margin-bottom: 1rem !important; 2765 | } 2766 | .mb-lg-4 { 2767 | margin-bottom: 1.5rem !important; 2768 | } 2769 | .mb-lg-5 { 2770 | margin-bottom: 3rem !important; 2771 | } 2772 | .mb-lg-auto { 2773 | margin-bottom: auto !important; 2774 | } 2775 | .ms-lg-0 { 2776 | margin-left: 0 !important; 2777 | } 2778 | .ms-lg-1 { 2779 | margin-left: 0.25rem !important; 2780 | } 2781 | .ms-lg-2 { 2782 | margin-left: 0.5rem !important; 2783 | } 2784 | .ms-lg-3 { 2785 | margin-left: 1rem !important; 2786 | } 2787 | .ms-lg-4 { 2788 | margin-left: 1.5rem !important; 2789 | } 2790 | .ms-lg-5 { 2791 | margin-left: 3rem !important; 2792 | } 2793 | .ms-lg-auto { 2794 | margin-left: auto !important; 2795 | } 2796 | .p-lg-0 { 2797 | padding: 0 !important; 2798 | } 2799 | .p-lg-1 { 2800 | padding: 0.25rem !important; 2801 | } 2802 | .p-lg-2 { 2803 | padding: 0.5rem !important; 2804 | } 2805 | .p-lg-3 { 2806 | padding: 1rem !important; 2807 | } 2808 | .p-lg-4 { 2809 | padding: 1.5rem !important; 2810 | } 2811 | .p-lg-5 { 2812 | padding: 3rem !important; 2813 | } 2814 | .px-lg-0 { 2815 | padding-right: 0 !important; 2816 | padding-left: 0 !important; 2817 | } 2818 | .px-lg-1 { 2819 | padding-right: 0.25rem !important; 2820 | padding-left: 0.25rem !important; 2821 | } 2822 | .px-lg-2 { 2823 | padding-right: 0.5rem !important; 2824 | padding-left: 0.5rem !important; 2825 | } 2826 | .px-lg-3 { 2827 | padding-right: 1rem !important; 2828 | padding-left: 1rem !important; 2829 | } 2830 | .px-lg-4 { 2831 | padding-right: 1.5rem !important; 2832 | padding-left: 1.5rem !important; 2833 | } 2834 | .px-lg-5 { 2835 | padding-right: 3rem !important; 2836 | padding-left: 3rem !important; 2837 | } 2838 | .py-lg-0 { 2839 | padding-top: 0 !important; 2840 | padding-bottom: 0 !important; 2841 | } 2842 | .py-lg-1 { 2843 | padding-top: 0.25rem !important; 2844 | padding-bottom: 0.25rem !important; 2845 | } 2846 | .py-lg-2 { 2847 | padding-top: 0.5rem !important; 2848 | padding-bottom: 0.5rem !important; 2849 | } 2850 | .py-lg-3 { 2851 | padding-top: 1rem !important; 2852 | padding-bottom: 1rem !important; 2853 | } 2854 | .py-lg-4 { 2855 | padding-top: 1.5rem !important; 2856 | padding-bottom: 1.5rem !important; 2857 | } 2858 | .py-lg-5 { 2859 | padding-top: 3rem !important; 2860 | padding-bottom: 3rem !important; 2861 | } 2862 | .pt-lg-0 { 2863 | padding-top: 0 !important; 2864 | } 2865 | .pt-lg-1 { 2866 | padding-top: 0.25rem !important; 2867 | } 2868 | .pt-lg-2 { 2869 | padding-top: 0.5rem !important; 2870 | } 2871 | .pt-lg-3 { 2872 | padding-top: 1rem !important; 2873 | } 2874 | .pt-lg-4 { 2875 | padding-top: 1.5rem !important; 2876 | } 2877 | .pt-lg-5 { 2878 | padding-top: 3rem !important; 2879 | } 2880 | .pe-lg-0 { 2881 | padding-right: 0 !important; 2882 | } 2883 | .pe-lg-1 { 2884 | padding-right: 0.25rem !important; 2885 | } 2886 | .pe-lg-2 { 2887 | padding-right: 0.5rem !important; 2888 | } 2889 | .pe-lg-3 { 2890 | padding-right: 1rem !important; 2891 | } 2892 | .pe-lg-4 { 2893 | padding-right: 1.5rem !important; 2894 | } 2895 | .pe-lg-5 { 2896 | padding-right: 3rem !important; 2897 | } 2898 | .pb-lg-0 { 2899 | padding-bottom: 0 !important; 2900 | } 2901 | .pb-lg-1 { 2902 | padding-bottom: 0.25rem !important; 2903 | } 2904 | .pb-lg-2 { 2905 | padding-bottom: 0.5rem !important; 2906 | } 2907 | .pb-lg-3 { 2908 | padding-bottom: 1rem !important; 2909 | } 2910 | .pb-lg-4 { 2911 | padding-bottom: 1.5rem !important; 2912 | } 2913 | .pb-lg-5 { 2914 | padding-bottom: 3rem !important; 2915 | } 2916 | .ps-lg-0 { 2917 | padding-left: 0 !important; 2918 | } 2919 | .ps-lg-1 { 2920 | padding-left: 0.25rem !important; 2921 | } 2922 | .ps-lg-2 { 2923 | padding-left: 0.5rem !important; 2924 | } 2925 | .ps-lg-3 { 2926 | padding-left: 1rem !important; 2927 | } 2928 | .ps-lg-4 { 2929 | padding-left: 1.5rem !important; 2930 | } 2931 | .ps-lg-5 { 2932 | padding-left: 3rem !important; 2933 | } 2934 | } 2935 | @media (min-width: 1200px) { 2936 | .d-xl-inline { 2937 | display: inline !important; 2938 | } 2939 | .d-xl-inline-block { 2940 | display: inline-block !important; 2941 | } 2942 | .d-xl-block { 2943 | display: block !important; 2944 | } 2945 | .d-xl-grid { 2946 | display: grid !important; 2947 | } 2948 | .d-xl-table { 2949 | display: table !important; 2950 | } 2951 | .d-xl-table-row { 2952 | display: table-row !important; 2953 | } 2954 | .d-xl-table-cell { 2955 | display: table-cell !important; 2956 | } 2957 | .d-xl-flex { 2958 | display: flex !important; 2959 | } 2960 | .d-xl-inline-flex { 2961 | display: inline-flex !important; 2962 | } 2963 | .d-xl-none { 2964 | display: none !important; 2965 | } 2966 | .flex-xl-fill { 2967 | flex: 1 1 auto !important; 2968 | } 2969 | .flex-xl-row { 2970 | flex-direction: row !important; 2971 | } 2972 | .flex-xl-column { 2973 | flex-direction: column !important; 2974 | } 2975 | .flex-xl-row-reverse { 2976 | flex-direction: row-reverse !important; 2977 | } 2978 | .flex-xl-column-reverse { 2979 | flex-direction: column-reverse !important; 2980 | } 2981 | .flex-xl-grow-0 { 2982 | flex-grow: 0 !important; 2983 | } 2984 | .flex-xl-grow-1 { 2985 | flex-grow: 1 !important; 2986 | } 2987 | .flex-xl-shrink-0 { 2988 | flex-shrink: 0 !important; 2989 | } 2990 | .flex-xl-shrink-1 { 2991 | flex-shrink: 1 !important; 2992 | } 2993 | .flex-xl-wrap { 2994 | flex-wrap: wrap !important; 2995 | } 2996 | .flex-xl-nowrap { 2997 | flex-wrap: nowrap !important; 2998 | } 2999 | .flex-xl-wrap-reverse { 3000 | flex-wrap: wrap-reverse !important; 3001 | } 3002 | .justify-content-xl-start { 3003 | justify-content: flex-start !important; 3004 | } 3005 | .justify-content-xl-end { 3006 | justify-content: flex-end !important; 3007 | } 3008 | .justify-content-xl-center { 3009 | justify-content: center !important; 3010 | } 3011 | .justify-content-xl-between { 3012 | justify-content: space-between !important; 3013 | } 3014 | .justify-content-xl-around { 3015 | justify-content: space-around !important; 3016 | } 3017 | .justify-content-xl-evenly { 3018 | justify-content: space-evenly !important; 3019 | } 3020 | .align-items-xl-start { 3021 | align-items: flex-start !important; 3022 | } 3023 | .align-items-xl-end { 3024 | align-items: flex-end !important; 3025 | } 3026 | .align-items-xl-center { 3027 | align-items: center !important; 3028 | } 3029 | .align-items-xl-baseline { 3030 | align-items: baseline !important; 3031 | } 3032 | .align-items-xl-stretch { 3033 | align-items: stretch !important; 3034 | } 3035 | .align-content-xl-start { 3036 | align-content: flex-start !important; 3037 | } 3038 | .align-content-xl-end { 3039 | align-content: flex-end !important; 3040 | } 3041 | .align-content-xl-center { 3042 | align-content: center !important; 3043 | } 3044 | .align-content-xl-between { 3045 | align-content: space-between !important; 3046 | } 3047 | .align-content-xl-around { 3048 | align-content: space-around !important; 3049 | } 3050 | .align-content-xl-stretch { 3051 | align-content: stretch !important; 3052 | } 3053 | .align-self-xl-auto { 3054 | align-self: auto !important; 3055 | } 3056 | .align-self-xl-start { 3057 | align-self: flex-start !important; 3058 | } 3059 | .align-self-xl-end { 3060 | align-self: flex-end !important; 3061 | } 3062 | .align-self-xl-center { 3063 | align-self: center !important; 3064 | } 3065 | .align-self-xl-baseline { 3066 | align-self: baseline !important; 3067 | } 3068 | .align-self-xl-stretch { 3069 | align-self: stretch !important; 3070 | } 3071 | .order-xl-first { 3072 | order: -1 !important; 3073 | } 3074 | .order-xl-0 { 3075 | order: 0 !important; 3076 | } 3077 | .order-xl-1 { 3078 | order: 1 !important; 3079 | } 3080 | .order-xl-2 { 3081 | order: 2 !important; 3082 | } 3083 | .order-xl-3 { 3084 | order: 3 !important; 3085 | } 3086 | .order-xl-4 { 3087 | order: 4 !important; 3088 | } 3089 | .order-xl-5 { 3090 | order: 5 !important; 3091 | } 3092 | .order-xl-last { 3093 | order: 6 !important; 3094 | } 3095 | .m-xl-0 { 3096 | margin: 0 !important; 3097 | } 3098 | .m-xl-1 { 3099 | margin: 0.25rem !important; 3100 | } 3101 | .m-xl-2 { 3102 | margin: 0.5rem !important; 3103 | } 3104 | .m-xl-3 { 3105 | margin: 1rem !important; 3106 | } 3107 | .m-xl-4 { 3108 | margin: 1.5rem !important; 3109 | } 3110 | .m-xl-5 { 3111 | margin: 3rem !important; 3112 | } 3113 | .m-xl-auto { 3114 | margin: auto !important; 3115 | } 3116 | .mx-xl-0 { 3117 | margin-right: 0 !important; 3118 | margin-left: 0 !important; 3119 | } 3120 | .mx-xl-1 { 3121 | margin-right: 0.25rem !important; 3122 | margin-left: 0.25rem !important; 3123 | } 3124 | .mx-xl-2 { 3125 | margin-right: 0.5rem !important; 3126 | margin-left: 0.5rem !important; 3127 | } 3128 | .mx-xl-3 { 3129 | margin-right: 1rem !important; 3130 | margin-left: 1rem !important; 3131 | } 3132 | .mx-xl-4 { 3133 | margin-right: 1.5rem !important; 3134 | margin-left: 1.5rem !important; 3135 | } 3136 | .mx-xl-5 { 3137 | margin-right: 3rem !important; 3138 | margin-left: 3rem !important; 3139 | } 3140 | .mx-xl-auto { 3141 | margin-right: auto !important; 3142 | margin-left: auto !important; 3143 | } 3144 | .my-xl-0 { 3145 | margin-top: 0 !important; 3146 | margin-bottom: 0 !important; 3147 | } 3148 | .my-xl-1 { 3149 | margin-top: 0.25rem !important; 3150 | margin-bottom: 0.25rem !important; 3151 | } 3152 | .my-xl-2 { 3153 | margin-top: 0.5rem !important; 3154 | margin-bottom: 0.5rem !important; 3155 | } 3156 | .my-xl-3 { 3157 | margin-top: 1rem !important; 3158 | margin-bottom: 1rem !important; 3159 | } 3160 | .my-xl-4 { 3161 | margin-top: 1.5rem !important; 3162 | margin-bottom: 1.5rem !important; 3163 | } 3164 | .my-xl-5 { 3165 | margin-top: 3rem !important; 3166 | margin-bottom: 3rem !important; 3167 | } 3168 | .my-xl-auto { 3169 | margin-top: auto !important; 3170 | margin-bottom: auto !important; 3171 | } 3172 | .mt-xl-0 { 3173 | margin-top: 0 !important; 3174 | } 3175 | .mt-xl-1 { 3176 | margin-top: 0.25rem !important; 3177 | } 3178 | .mt-xl-2 { 3179 | margin-top: 0.5rem !important; 3180 | } 3181 | .mt-xl-3 { 3182 | margin-top: 1rem !important; 3183 | } 3184 | .mt-xl-4 { 3185 | margin-top: 1.5rem !important; 3186 | } 3187 | .mt-xl-5 { 3188 | margin-top: 3rem !important; 3189 | } 3190 | .mt-xl-auto { 3191 | margin-top: auto !important; 3192 | } 3193 | .me-xl-0 { 3194 | margin-right: 0 !important; 3195 | } 3196 | .me-xl-1 { 3197 | margin-right: 0.25rem !important; 3198 | } 3199 | .me-xl-2 { 3200 | margin-right: 0.5rem !important; 3201 | } 3202 | .me-xl-3 { 3203 | margin-right: 1rem !important; 3204 | } 3205 | .me-xl-4 { 3206 | margin-right: 1.5rem !important; 3207 | } 3208 | .me-xl-5 { 3209 | margin-right: 3rem !important; 3210 | } 3211 | .me-xl-auto { 3212 | margin-right: auto !important; 3213 | } 3214 | .mb-xl-0 { 3215 | margin-bottom: 0 !important; 3216 | } 3217 | .mb-xl-1 { 3218 | margin-bottom: 0.25rem !important; 3219 | } 3220 | .mb-xl-2 { 3221 | margin-bottom: 0.5rem !important; 3222 | } 3223 | .mb-xl-3 { 3224 | margin-bottom: 1rem !important; 3225 | } 3226 | .mb-xl-4 { 3227 | margin-bottom: 1.5rem !important; 3228 | } 3229 | .mb-xl-5 { 3230 | margin-bottom: 3rem !important; 3231 | } 3232 | .mb-xl-auto { 3233 | margin-bottom: auto !important; 3234 | } 3235 | .ms-xl-0 { 3236 | margin-left: 0 !important; 3237 | } 3238 | .ms-xl-1 { 3239 | margin-left: 0.25rem !important; 3240 | } 3241 | .ms-xl-2 { 3242 | margin-left: 0.5rem !important; 3243 | } 3244 | .ms-xl-3 { 3245 | margin-left: 1rem !important; 3246 | } 3247 | .ms-xl-4 { 3248 | margin-left: 1.5rem !important; 3249 | } 3250 | .ms-xl-5 { 3251 | margin-left: 3rem !important; 3252 | } 3253 | .ms-xl-auto { 3254 | margin-left: auto !important; 3255 | } 3256 | .p-xl-0 { 3257 | padding: 0 !important; 3258 | } 3259 | .p-xl-1 { 3260 | padding: 0.25rem !important; 3261 | } 3262 | .p-xl-2 { 3263 | padding: 0.5rem !important; 3264 | } 3265 | .p-xl-3 { 3266 | padding: 1rem !important; 3267 | } 3268 | .p-xl-4 { 3269 | padding: 1.5rem !important; 3270 | } 3271 | .p-xl-5 { 3272 | padding: 3rem !important; 3273 | } 3274 | .px-xl-0 { 3275 | padding-right: 0 !important; 3276 | padding-left: 0 !important; 3277 | } 3278 | .px-xl-1 { 3279 | padding-right: 0.25rem !important; 3280 | padding-left: 0.25rem !important; 3281 | } 3282 | .px-xl-2 { 3283 | padding-right: 0.5rem !important; 3284 | padding-left: 0.5rem !important; 3285 | } 3286 | .px-xl-3 { 3287 | padding-right: 1rem !important; 3288 | padding-left: 1rem !important; 3289 | } 3290 | .px-xl-4 { 3291 | padding-right: 1.5rem !important; 3292 | padding-left: 1.5rem !important; 3293 | } 3294 | .px-xl-5 { 3295 | padding-right: 3rem !important; 3296 | padding-left: 3rem !important; 3297 | } 3298 | .py-xl-0 { 3299 | padding-top: 0 !important; 3300 | padding-bottom: 0 !important; 3301 | } 3302 | .py-xl-1 { 3303 | padding-top: 0.25rem !important; 3304 | padding-bottom: 0.25rem !important; 3305 | } 3306 | .py-xl-2 { 3307 | padding-top: 0.5rem !important; 3308 | padding-bottom: 0.5rem !important; 3309 | } 3310 | .py-xl-3 { 3311 | padding-top: 1rem !important; 3312 | padding-bottom: 1rem !important; 3313 | } 3314 | .py-xl-4 { 3315 | padding-top: 1.5rem !important; 3316 | padding-bottom: 1.5rem !important; 3317 | } 3318 | .py-xl-5 { 3319 | padding-top: 3rem !important; 3320 | padding-bottom: 3rem !important; 3321 | } 3322 | .pt-xl-0 { 3323 | padding-top: 0 !important; 3324 | } 3325 | .pt-xl-1 { 3326 | padding-top: 0.25rem !important; 3327 | } 3328 | .pt-xl-2 { 3329 | padding-top: 0.5rem !important; 3330 | } 3331 | .pt-xl-3 { 3332 | padding-top: 1rem !important; 3333 | } 3334 | .pt-xl-4 { 3335 | padding-top: 1.5rem !important; 3336 | } 3337 | .pt-xl-5 { 3338 | padding-top: 3rem !important; 3339 | } 3340 | .pe-xl-0 { 3341 | padding-right: 0 !important; 3342 | } 3343 | .pe-xl-1 { 3344 | padding-right: 0.25rem !important; 3345 | } 3346 | .pe-xl-2 { 3347 | padding-right: 0.5rem !important; 3348 | } 3349 | .pe-xl-3 { 3350 | padding-right: 1rem !important; 3351 | } 3352 | .pe-xl-4 { 3353 | padding-right: 1.5rem !important; 3354 | } 3355 | .pe-xl-5 { 3356 | padding-right: 3rem !important; 3357 | } 3358 | .pb-xl-0 { 3359 | padding-bottom: 0 !important; 3360 | } 3361 | .pb-xl-1 { 3362 | padding-bottom: 0.25rem !important; 3363 | } 3364 | .pb-xl-2 { 3365 | padding-bottom: 0.5rem !important; 3366 | } 3367 | .pb-xl-3 { 3368 | padding-bottom: 1rem !important; 3369 | } 3370 | .pb-xl-4 { 3371 | padding-bottom: 1.5rem !important; 3372 | } 3373 | .pb-xl-5 { 3374 | padding-bottom: 3rem !important; 3375 | } 3376 | .ps-xl-0 { 3377 | padding-left: 0 !important; 3378 | } 3379 | .ps-xl-1 { 3380 | padding-left: 0.25rem !important; 3381 | } 3382 | .ps-xl-2 { 3383 | padding-left: 0.5rem !important; 3384 | } 3385 | .ps-xl-3 { 3386 | padding-left: 1rem !important; 3387 | } 3388 | .ps-xl-4 { 3389 | padding-left: 1.5rem !important; 3390 | } 3391 | .ps-xl-5 { 3392 | padding-left: 3rem !important; 3393 | } 3394 | } 3395 | @media (min-width: 1400px) { 3396 | .d-xxl-inline { 3397 | display: inline !important; 3398 | } 3399 | .d-xxl-inline-block { 3400 | display: inline-block !important; 3401 | } 3402 | .d-xxl-block { 3403 | display: block !important; 3404 | } 3405 | .d-xxl-grid { 3406 | display: grid !important; 3407 | } 3408 | .d-xxl-table { 3409 | display: table !important; 3410 | } 3411 | .d-xxl-table-row { 3412 | display: table-row !important; 3413 | } 3414 | .d-xxl-table-cell { 3415 | display: table-cell !important; 3416 | } 3417 | .d-xxl-flex { 3418 | display: flex !important; 3419 | } 3420 | .d-xxl-inline-flex { 3421 | display: inline-flex !important; 3422 | } 3423 | .d-xxl-none { 3424 | display: none !important; 3425 | } 3426 | .flex-xxl-fill { 3427 | flex: 1 1 auto !important; 3428 | } 3429 | .flex-xxl-row { 3430 | flex-direction: row !important; 3431 | } 3432 | .flex-xxl-column { 3433 | flex-direction: column !important; 3434 | } 3435 | .flex-xxl-row-reverse { 3436 | flex-direction: row-reverse !important; 3437 | } 3438 | .flex-xxl-column-reverse { 3439 | flex-direction: column-reverse !important; 3440 | } 3441 | .flex-xxl-grow-0 { 3442 | flex-grow: 0 !important; 3443 | } 3444 | .flex-xxl-grow-1 { 3445 | flex-grow: 1 !important; 3446 | } 3447 | .flex-xxl-shrink-0 { 3448 | flex-shrink: 0 !important; 3449 | } 3450 | .flex-xxl-shrink-1 { 3451 | flex-shrink: 1 !important; 3452 | } 3453 | .flex-xxl-wrap { 3454 | flex-wrap: wrap !important; 3455 | } 3456 | .flex-xxl-nowrap { 3457 | flex-wrap: nowrap !important; 3458 | } 3459 | .flex-xxl-wrap-reverse { 3460 | flex-wrap: wrap-reverse !important; 3461 | } 3462 | .justify-content-xxl-start { 3463 | justify-content: flex-start !important; 3464 | } 3465 | .justify-content-xxl-end { 3466 | justify-content: flex-end !important; 3467 | } 3468 | .justify-content-xxl-center { 3469 | justify-content: center !important; 3470 | } 3471 | .justify-content-xxl-between { 3472 | justify-content: space-between !important; 3473 | } 3474 | .justify-content-xxl-around { 3475 | justify-content: space-around !important; 3476 | } 3477 | .justify-content-xxl-evenly { 3478 | justify-content: space-evenly !important; 3479 | } 3480 | .align-items-xxl-start { 3481 | align-items: flex-start !important; 3482 | } 3483 | .align-items-xxl-end { 3484 | align-items: flex-end !important; 3485 | } 3486 | .align-items-xxl-center { 3487 | align-items: center !important; 3488 | } 3489 | .align-items-xxl-baseline { 3490 | align-items: baseline !important; 3491 | } 3492 | .align-items-xxl-stretch { 3493 | align-items: stretch !important; 3494 | } 3495 | .align-content-xxl-start { 3496 | align-content: flex-start !important; 3497 | } 3498 | .align-content-xxl-end { 3499 | align-content: flex-end !important; 3500 | } 3501 | .align-content-xxl-center { 3502 | align-content: center !important; 3503 | } 3504 | .align-content-xxl-between { 3505 | align-content: space-between !important; 3506 | } 3507 | .align-content-xxl-around { 3508 | align-content: space-around !important; 3509 | } 3510 | .align-content-xxl-stretch { 3511 | align-content: stretch !important; 3512 | } 3513 | .align-self-xxl-auto { 3514 | align-self: auto !important; 3515 | } 3516 | .align-self-xxl-start { 3517 | align-self: flex-start !important; 3518 | } 3519 | .align-self-xxl-end { 3520 | align-self: flex-end !important; 3521 | } 3522 | .align-self-xxl-center { 3523 | align-self: center !important; 3524 | } 3525 | .align-self-xxl-baseline { 3526 | align-self: baseline !important; 3527 | } 3528 | .align-self-xxl-stretch { 3529 | align-self: stretch !important; 3530 | } 3531 | .order-xxl-first { 3532 | order: -1 !important; 3533 | } 3534 | .order-xxl-0 { 3535 | order: 0 !important; 3536 | } 3537 | .order-xxl-1 { 3538 | order: 1 !important; 3539 | } 3540 | .order-xxl-2 { 3541 | order: 2 !important; 3542 | } 3543 | .order-xxl-3 { 3544 | order: 3 !important; 3545 | } 3546 | .order-xxl-4 { 3547 | order: 4 !important; 3548 | } 3549 | .order-xxl-5 { 3550 | order: 5 !important; 3551 | } 3552 | .order-xxl-last { 3553 | order: 6 !important; 3554 | } 3555 | .m-xxl-0 { 3556 | margin: 0 !important; 3557 | } 3558 | .m-xxl-1 { 3559 | margin: 0.25rem !important; 3560 | } 3561 | .m-xxl-2 { 3562 | margin: 0.5rem !important; 3563 | } 3564 | .m-xxl-3 { 3565 | margin: 1rem !important; 3566 | } 3567 | .m-xxl-4 { 3568 | margin: 1.5rem !important; 3569 | } 3570 | .m-xxl-5 { 3571 | margin: 3rem !important; 3572 | } 3573 | .m-xxl-auto { 3574 | margin: auto !important; 3575 | } 3576 | .mx-xxl-0 { 3577 | margin-right: 0 !important; 3578 | margin-left: 0 !important; 3579 | } 3580 | .mx-xxl-1 { 3581 | margin-right: 0.25rem !important; 3582 | margin-left: 0.25rem !important; 3583 | } 3584 | .mx-xxl-2 { 3585 | margin-right: 0.5rem !important; 3586 | margin-left: 0.5rem !important; 3587 | } 3588 | .mx-xxl-3 { 3589 | margin-right: 1rem !important; 3590 | margin-left: 1rem !important; 3591 | } 3592 | .mx-xxl-4 { 3593 | margin-right: 1.5rem !important; 3594 | margin-left: 1.5rem !important; 3595 | } 3596 | .mx-xxl-5 { 3597 | margin-right: 3rem !important; 3598 | margin-left: 3rem !important; 3599 | } 3600 | .mx-xxl-auto { 3601 | margin-right: auto !important; 3602 | margin-left: auto !important; 3603 | } 3604 | .my-xxl-0 { 3605 | margin-top: 0 !important; 3606 | margin-bottom: 0 !important; 3607 | } 3608 | .my-xxl-1 { 3609 | margin-top: 0.25rem !important; 3610 | margin-bottom: 0.25rem !important; 3611 | } 3612 | .my-xxl-2 { 3613 | margin-top: 0.5rem !important; 3614 | margin-bottom: 0.5rem !important; 3615 | } 3616 | .my-xxl-3 { 3617 | margin-top: 1rem !important; 3618 | margin-bottom: 1rem !important; 3619 | } 3620 | .my-xxl-4 { 3621 | margin-top: 1.5rem !important; 3622 | margin-bottom: 1.5rem !important; 3623 | } 3624 | .my-xxl-5 { 3625 | margin-top: 3rem !important; 3626 | margin-bottom: 3rem !important; 3627 | } 3628 | .my-xxl-auto { 3629 | margin-top: auto !important; 3630 | margin-bottom: auto !important; 3631 | } 3632 | .mt-xxl-0 { 3633 | margin-top: 0 !important; 3634 | } 3635 | .mt-xxl-1 { 3636 | margin-top: 0.25rem !important; 3637 | } 3638 | .mt-xxl-2 { 3639 | margin-top: 0.5rem !important; 3640 | } 3641 | .mt-xxl-3 { 3642 | margin-top: 1rem !important; 3643 | } 3644 | .mt-xxl-4 { 3645 | margin-top: 1.5rem !important; 3646 | } 3647 | .mt-xxl-5 { 3648 | margin-top: 3rem !important; 3649 | } 3650 | .mt-xxl-auto { 3651 | margin-top: auto !important; 3652 | } 3653 | .me-xxl-0 { 3654 | margin-right: 0 !important; 3655 | } 3656 | .me-xxl-1 { 3657 | margin-right: 0.25rem !important; 3658 | } 3659 | .me-xxl-2 { 3660 | margin-right: 0.5rem !important; 3661 | } 3662 | .me-xxl-3 { 3663 | margin-right: 1rem !important; 3664 | } 3665 | .me-xxl-4 { 3666 | margin-right: 1.5rem !important; 3667 | } 3668 | .me-xxl-5 { 3669 | margin-right: 3rem !important; 3670 | } 3671 | .me-xxl-auto { 3672 | margin-right: auto !important; 3673 | } 3674 | .mb-xxl-0 { 3675 | margin-bottom: 0 !important; 3676 | } 3677 | .mb-xxl-1 { 3678 | margin-bottom: 0.25rem !important; 3679 | } 3680 | .mb-xxl-2 { 3681 | margin-bottom: 0.5rem !important; 3682 | } 3683 | .mb-xxl-3 { 3684 | margin-bottom: 1rem !important; 3685 | } 3686 | .mb-xxl-4 { 3687 | margin-bottom: 1.5rem !important; 3688 | } 3689 | .mb-xxl-5 { 3690 | margin-bottom: 3rem !important; 3691 | } 3692 | .mb-xxl-auto { 3693 | margin-bottom: auto !important; 3694 | } 3695 | .ms-xxl-0 { 3696 | margin-left: 0 !important; 3697 | } 3698 | .ms-xxl-1 { 3699 | margin-left: 0.25rem !important; 3700 | } 3701 | .ms-xxl-2 { 3702 | margin-left: 0.5rem !important; 3703 | } 3704 | .ms-xxl-3 { 3705 | margin-left: 1rem !important; 3706 | } 3707 | .ms-xxl-4 { 3708 | margin-left: 1.5rem !important; 3709 | } 3710 | .ms-xxl-5 { 3711 | margin-left: 3rem !important; 3712 | } 3713 | .ms-xxl-auto { 3714 | margin-left: auto !important; 3715 | } 3716 | .p-xxl-0 { 3717 | padding: 0 !important; 3718 | } 3719 | .p-xxl-1 { 3720 | padding: 0.25rem !important; 3721 | } 3722 | .p-xxl-2 { 3723 | padding: 0.5rem !important; 3724 | } 3725 | .p-xxl-3 { 3726 | padding: 1rem !important; 3727 | } 3728 | .p-xxl-4 { 3729 | padding: 1.5rem !important; 3730 | } 3731 | .p-xxl-5 { 3732 | padding: 3rem !important; 3733 | } 3734 | .px-xxl-0 { 3735 | padding-right: 0 !important; 3736 | padding-left: 0 !important; 3737 | } 3738 | .px-xxl-1 { 3739 | padding-right: 0.25rem !important; 3740 | padding-left: 0.25rem !important; 3741 | } 3742 | .px-xxl-2 { 3743 | padding-right: 0.5rem !important; 3744 | padding-left: 0.5rem !important; 3745 | } 3746 | .px-xxl-3 { 3747 | padding-right: 1rem !important; 3748 | padding-left: 1rem !important; 3749 | } 3750 | .px-xxl-4 { 3751 | padding-right: 1.5rem !important; 3752 | padding-left: 1.5rem !important; 3753 | } 3754 | .px-xxl-5 { 3755 | padding-right: 3rem !important; 3756 | padding-left: 3rem !important; 3757 | } 3758 | .py-xxl-0 { 3759 | padding-top: 0 !important; 3760 | padding-bottom: 0 !important; 3761 | } 3762 | .py-xxl-1 { 3763 | padding-top: 0.25rem !important; 3764 | padding-bottom: 0.25rem !important; 3765 | } 3766 | .py-xxl-2 { 3767 | padding-top: 0.5rem !important; 3768 | padding-bottom: 0.5rem !important; 3769 | } 3770 | .py-xxl-3 { 3771 | padding-top: 1rem !important; 3772 | padding-bottom: 1rem !important; 3773 | } 3774 | .py-xxl-4 { 3775 | padding-top: 1.5rem !important; 3776 | padding-bottom: 1.5rem !important; 3777 | } 3778 | .py-xxl-5 { 3779 | padding-top: 3rem !important; 3780 | padding-bottom: 3rem !important; 3781 | } 3782 | .pt-xxl-0 { 3783 | padding-top: 0 !important; 3784 | } 3785 | .pt-xxl-1 { 3786 | padding-top: 0.25rem !important; 3787 | } 3788 | .pt-xxl-2 { 3789 | padding-top: 0.5rem !important; 3790 | } 3791 | .pt-xxl-3 { 3792 | padding-top: 1rem !important; 3793 | } 3794 | .pt-xxl-4 { 3795 | padding-top: 1.5rem !important; 3796 | } 3797 | .pt-xxl-5 { 3798 | padding-top: 3rem !important; 3799 | } 3800 | .pe-xxl-0 { 3801 | padding-right: 0 !important; 3802 | } 3803 | .pe-xxl-1 { 3804 | padding-right: 0.25rem !important; 3805 | } 3806 | .pe-xxl-2 { 3807 | padding-right: 0.5rem !important; 3808 | } 3809 | .pe-xxl-3 { 3810 | padding-right: 1rem !important; 3811 | } 3812 | .pe-xxl-4 { 3813 | padding-right: 1.5rem !important; 3814 | } 3815 | .pe-xxl-5 { 3816 | padding-right: 3rem !important; 3817 | } 3818 | .pb-xxl-0 { 3819 | padding-bottom: 0 !important; 3820 | } 3821 | .pb-xxl-1 { 3822 | padding-bottom: 0.25rem !important; 3823 | } 3824 | .pb-xxl-2 { 3825 | padding-bottom: 0.5rem !important; 3826 | } 3827 | .pb-xxl-3 { 3828 | padding-bottom: 1rem !important; 3829 | } 3830 | .pb-xxl-4 { 3831 | padding-bottom: 1.5rem !important; 3832 | } 3833 | .pb-xxl-5 { 3834 | padding-bottom: 3rem !important; 3835 | } 3836 | .ps-xxl-0 { 3837 | padding-left: 0 !important; 3838 | } 3839 | .ps-xxl-1 { 3840 | padding-left: 0.25rem !important; 3841 | } 3842 | .ps-xxl-2 { 3843 | padding-left: 0.5rem !important; 3844 | } 3845 | .ps-xxl-3 { 3846 | padding-left: 1rem !important; 3847 | } 3848 | .ps-xxl-4 { 3849 | padding-left: 1.5rem !important; 3850 | } 3851 | .ps-xxl-5 { 3852 | padding-left: 3rem !important; 3853 | } 3854 | } 3855 | @media print { 3856 | .d-print-inline { 3857 | display: inline !important; 3858 | } 3859 | .d-print-inline-block { 3860 | display: inline-block !important; 3861 | } 3862 | .d-print-block { 3863 | display: block !important; 3864 | } 3865 | .d-print-grid { 3866 | display: grid !important; 3867 | } 3868 | .d-print-table { 3869 | display: table !important; 3870 | } 3871 | .d-print-table-row { 3872 | display: table-row !important; 3873 | } 3874 | .d-print-table-cell { 3875 | display: table-cell !important; 3876 | } 3877 | .d-print-flex { 3878 | display: flex !important; 3879 | } 3880 | .d-print-inline-flex { 3881 | display: inline-flex !important; 3882 | } 3883 | .d-print-none { 3884 | display: none !important; 3885 | } 3886 | } 3887 | /*# sourceMappingURL=bootstrap-grid.min.css.map */ 3888 | -------------------------------------------------------------------------------- /src/components/about/AboutComponent.vue: -------------------------------------------------------------------------------- 1 | 14 | -------------------------------------------------------------------------------- /src/core/BaseView.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 22 | -------------------------------------------------------------------------------- /src/core/index.js: -------------------------------------------------------------------------------- 1 | import './styles.js'; 2 | -------------------------------------------------------------------------------- /src/core/styles.js: -------------------------------------------------------------------------------- 1 | /* Core CSS required for Ionic components to work properly */ 2 | import '@ionic/vue/css/core.css'; 3 | 4 | import '../styles/pages.css'; 5 | 6 | /* Theme variables */ 7 | import '../theme/variables.css'; 8 | 9 | import '../assets/bootstrap-grid.min.css'; 10 | 11 | // eslint-disable-next-line import/no-unresolved 12 | import 'uno.css'; 13 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | 3 | import { createPinia } from 'pinia'; 4 | 5 | import { IonicVue } from '@ionic/vue'; 6 | 7 | import App from './App.vue'; 8 | 9 | import router from './router'; 10 | 11 | import 'core'; 12 | 13 | import BaseView from './core/BaseView.vue'; 14 | 15 | const app = createApp(App).use(createPinia()).use(IonicVue).use(router); 16 | 17 | app.component('BaseView', BaseView); 18 | 19 | router.isReady().then(() => { 20 | app.mount('#app'); 21 | }); 22 | -------------------------------------------------------------------------------- /src/pages/About.vue: -------------------------------------------------------------------------------- 1 | 13 | 31 | -------------------------------------------------------------------------------- /src/pages/Index.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 45 | -------------------------------------------------------------------------------- /src/router/index.ts: -------------------------------------------------------------------------------- 1 | import { createRouter, createWebHistory } from '@ionic/vue-router'; 2 | // eslint-disable-next-line import/no-unresolved 3 | import routes from '~pages'; 4 | 5 | // https://vitejs.dev/guide/env-and-mode.html 6 | const router = createRouter({ 7 | history: createWebHistory(import.meta.env.BASE_URL), 8 | routes 9 | }); 10 | 11 | export default router; 12 | -------------------------------------------------------------------------------- /src/stores/main/index.ts: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia'; 2 | 3 | // https://pinia.esm.dev/introduction.html 4 | // useStore could be anything like useUser, useCart 5 | // the first argument is a unique id of the store across your application 6 | 7 | const useStore = defineStore('main', { 8 | state: () => ({ 9 | welcomeText: `This is just to show bootstrap's grid system can be used with tailwind to create responsive UI with great customizability easily.` 10 | }) 11 | }); 12 | 13 | export default useStore; 14 | -------------------------------------------------------------------------------- /src/styles/pages.css: -------------------------------------------------------------------------------- 1 | /* If you feel like your html is becoming dirty with alot of classes, use @apply multiple classes to one and use that */ 2 | .welcome-page { 3 | @apply justify-center m-0 p-3; 4 | } 5 | -------------------------------------------------------------------------------- /src/theme/variables.css: -------------------------------------------------------------------------------- 1 | /* Ionic Variables and Theming. For more info, please see: 2 | http://ionicframework.com/docs/theming/ */ 3 | 4 | /** Ionic CSS Variables **/ 5 | :root { 6 | /** primary **/ 7 | --ion-color-primary: #3880ff; 8 | --ion-color-primary-rgb: 56, 128, 255; 9 | --ion-color-primary-contrast: #ffffff; 10 | --ion-color-primary-contrast-rgb: 255, 255, 255; 11 | --ion-color-primary-shade: #3171e0; 12 | --ion-color-primary-tint: #4c8dff; 13 | 14 | /** secondary **/ 15 | --ion-color-secondary: #3dc2ff; 16 | --ion-color-secondary-rgb: 61, 194, 255; 17 | --ion-color-secondary-contrast: #ffffff; 18 | --ion-color-secondary-contrast-rgb: 255, 255, 255; 19 | --ion-color-secondary-shade: #36abe0; 20 | --ion-color-secondary-tint: #50c8ff; 21 | 22 | /** tertiary **/ 23 | --ion-color-tertiary: #5260ff; 24 | --ion-color-tertiary-rgb: 82, 96, 255; 25 | --ion-color-tertiary-contrast: #ffffff; 26 | --ion-color-tertiary-contrast-rgb: 255, 255, 255; 27 | --ion-color-tertiary-shade: #4854e0; 28 | --ion-color-tertiary-tint: #6370ff; 29 | 30 | /** success **/ 31 | --ion-color-success: #2dd36f; 32 | --ion-color-success-rgb: 45, 211, 111; 33 | --ion-color-success-contrast: #ffffff; 34 | --ion-color-success-contrast-rgb: 255, 255, 255; 35 | --ion-color-success-shade: #28ba62; 36 | --ion-color-success-tint: #42d77d; 37 | 38 | /** warning **/ 39 | --ion-color-warning: #ffc409; 40 | --ion-color-warning-rgb: 255, 196, 9; 41 | --ion-color-warning-contrast: #000000; 42 | --ion-color-warning-contrast-rgb: 0, 0, 0; 43 | --ion-color-warning-shade: #e0ac08; 44 | --ion-color-warning-tint: #ffca22; 45 | 46 | /** danger **/ 47 | --ion-color-danger: #eb445a; 48 | --ion-color-danger-rgb: 235, 68, 90; 49 | --ion-color-danger-contrast: #ffffff; 50 | --ion-color-danger-contrast-rgb: 255, 255, 255; 51 | --ion-color-danger-shade: #cf3c4f; 52 | --ion-color-danger-tint: #ed576b; 53 | 54 | /** dark **/ 55 | --ion-color-dark: #222428; 56 | --ion-color-dark-rgb: 34, 36, 40; 57 | --ion-color-dark-contrast: #ffffff; 58 | --ion-color-dark-contrast-rgb: 255, 255, 255; 59 | --ion-color-dark-shade: #1e2023; 60 | --ion-color-dark-tint: #383a3e; 61 | 62 | /** medium **/ 63 | --ion-color-medium: #92949c; 64 | --ion-color-medium-rgb: 146, 148, 156; 65 | --ion-color-medium-contrast: #ffffff; 66 | --ion-color-medium-contrast-rgb: 255, 255, 255; 67 | --ion-color-medium-shade: #808289; 68 | --ion-color-medium-tint: #9d9fa6; 69 | 70 | /** light **/ 71 | --ion-color-light: #f4f5f8; 72 | --ion-color-light-rgb: 244, 245, 248; 73 | --ion-color-light-contrast: #000000; 74 | --ion-color-light-contrast-rgb: 0, 0, 0; 75 | --ion-color-light-shade: #d7d8da; 76 | --ion-color-light-tint: #f5f6f9; 77 | } 78 | 79 | @media (prefers-color-scheme: dark) { 80 | /* 81 | * Dark Colors 82 | * ------------------------------------------- 83 | */ 84 | 85 | body { 86 | --ion-color-primary: #428cff; 87 | --ion-color-primary-rgb: 66, 140, 255; 88 | --ion-color-primary-contrast: #ffffff; 89 | --ion-color-primary-contrast-rgb: 255, 255, 255; 90 | --ion-color-primary-shade: #3a7be0; 91 | --ion-color-primary-tint: #5598ff; 92 | 93 | --ion-color-secondary: #50c8ff; 94 | --ion-color-secondary-rgb: 80, 200, 255; 95 | --ion-color-secondary-contrast: #ffffff; 96 | --ion-color-secondary-contrast-rgb: 255, 255, 255; 97 | --ion-color-secondary-shade: #46b0e0; 98 | --ion-color-secondary-tint: #62ceff; 99 | 100 | --ion-color-tertiary: #6a64ff; 101 | --ion-color-tertiary-rgb: 106, 100, 255; 102 | --ion-color-tertiary-contrast: #ffffff; 103 | --ion-color-tertiary-contrast-rgb: 255, 255, 255; 104 | --ion-color-tertiary-shade: #5d58e0; 105 | --ion-color-tertiary-tint: #7974ff; 106 | 107 | --ion-color-success: #2fdf75; 108 | --ion-color-success-rgb: 47, 223, 117; 109 | --ion-color-success-contrast: #000000; 110 | --ion-color-success-contrast-rgb: 0, 0, 0; 111 | --ion-color-success-shade: #29c467; 112 | --ion-color-success-tint: #44e283; 113 | 114 | --ion-color-warning: #ffd534; 115 | --ion-color-warning-rgb: 255, 213, 52; 116 | --ion-color-warning-contrast: #000000; 117 | --ion-color-warning-contrast-rgb: 0, 0, 0; 118 | --ion-color-warning-shade: #e0bb2e; 119 | --ion-color-warning-tint: #ffd948; 120 | 121 | --ion-color-danger: #ff4961; 122 | --ion-color-danger-rgb: 255, 73, 97; 123 | --ion-color-danger-contrast: #ffffff; 124 | --ion-color-danger-contrast-rgb: 255, 255, 255; 125 | --ion-color-danger-shade: #e04055; 126 | --ion-color-danger-tint: #ff5b71; 127 | 128 | --ion-color-dark: #f4f5f8; 129 | --ion-color-dark-rgb: 244, 245, 248; 130 | --ion-color-dark-contrast: #000000; 131 | --ion-color-dark-contrast-rgb: 0, 0, 0; 132 | --ion-color-dark-shade: #d7d8da; 133 | --ion-color-dark-tint: #f5f6f9; 134 | 135 | --ion-color-medium: #989aa2; 136 | --ion-color-medium-rgb: 152, 154, 162; 137 | --ion-color-medium-contrast: #000000; 138 | --ion-color-medium-contrast-rgb: 0, 0, 0; 139 | --ion-color-medium-shade: #86888f; 140 | --ion-color-medium-tint: #a2a4ab; 141 | 142 | --ion-color-light: #222428; 143 | --ion-color-light-rgb: 34, 36, 40; 144 | --ion-color-light-contrast: #ffffff; 145 | --ion-color-light-contrast-rgb: 255, 255, 255; 146 | --ion-color-light-shade: #1e2023; 147 | --ion-color-light-tint: #383a3e; 148 | } 149 | 150 | /* 151 | * Dark Theme 152 | * ------------------------------------------- 153 | */ 154 | 155 | .body { 156 | --ion-background-color: #000000; 157 | --ion-background-color-rgb: 0, 0, 0; 158 | 159 | --ion-text-color: #ffffff; 160 | --ion-text-color-rgb: 255, 255, 255; 161 | 162 | --ion-color-step-50: #0d0d0d; 163 | --ion-color-step-100: #1a1a1a; 164 | --ion-color-step-150: #262626; 165 | --ion-color-step-200: #333333; 166 | --ion-color-step-250: #404040; 167 | --ion-color-step-300: #4d4d4d; 168 | --ion-color-step-350: #595959; 169 | --ion-color-step-400: #666666; 170 | --ion-color-step-450: #737373; 171 | --ion-color-step-500: #808080; 172 | --ion-color-step-550: #8c8c8c; 173 | --ion-color-step-600: #999999; 174 | --ion-color-step-650: #a6a6a6; 175 | --ion-color-step-700: #b3b3b3; 176 | --ion-color-step-750: #bfbfbf; 177 | --ion-color-step-800: #cccccc; 178 | --ion-color-step-850: #d9d9d9; 179 | --ion-color-step-900: #e6e6e6; 180 | --ion-color-step-950: #f2f2f2; 181 | 182 | --IonToolbar-background: #0d0d0d; 183 | 184 | --ion-item-background: #000000; 185 | 186 | --ion-card-background: #1c1c1d; 187 | } 188 | 189 | /* 190 | * Material Design Dark Theme 191 | * ------------------------------------------- 192 | */ 193 | 194 | .md body { 195 | --ion-background-color: #000000; 196 | --ion-background-color-rgb: 0, 0, 0; 197 | 198 | --ion-text-color: #ffffff; 199 | --ion-text-color-rgb: 255, 255, 255; 200 | 201 | --ion-color-step-50: #0d0d0d; 202 | --ion-color-step-100: #1a1a1a; 203 | --ion-color-step-150: #262626; 204 | --ion-color-step-200: #333333; 205 | --ion-color-step-250: #404040; 206 | --ion-color-step-300: #4d4d4d; 207 | --ion-color-step-350: #595959; 208 | --ion-color-step-400: #666666; 209 | --ion-color-step-450: #737373; 210 | --ion-color-step-500: #808080; 211 | --ion-color-step-550: #8c8c8c; 212 | --ion-color-step-600: #999999; 213 | --ion-color-step-650: #a6a6a6; 214 | --ion-color-step-700: #b3b3b3; 215 | --ion-color-step-750: #bfbfbf; 216 | --ion-color-step-800: #cccccc; 217 | --ion-color-step-850: #d9d9d9; 218 | --ion-color-step-900: #e6e6e6; 219 | --ion-color-step-950: #f2f2f2; 220 | 221 | --IonToolbar-background: #0d0d0d; 222 | 223 | --ion-item-background: #000000; 224 | 225 | --ion-card-background: #1c1c1d; 226 | } 227 | } 228 | -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ESNext", 4 | "module": "esnext", 5 | "moduleResolution": "node", 6 | "strict": true, 7 | "jsx": "preserve", 8 | "sourceMap": true, 9 | "resolveJsonModule": true, 10 | "esModuleInterop": true, 11 | "lib": ["esnext", "dom"], 12 | "baseUrl": "./src/", 13 | "paths": { 14 | "assets/*": ["assets/*"], 15 | "components/*": ["components/*"], 16 | "core/*": ["core/*"], 17 | "pages/*": ["pages/*"], 18 | "stores/*": ["stores/*"], 19 | "styles/*": ["styles/*"] 20 | } 21 | }, 22 | "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], 23 | "exclude": ["node_modules"] 24 | } 25 | -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-extraneous-dependencies */ 2 | import { defineConfig } from 'vite'; 3 | 4 | import vue from '@vitejs/plugin-vue'; 5 | import Pages from 'vite-plugin-pages'; 6 | 7 | import Unocss from 'unocss/vite'; 8 | import transformerDirective from '@unocss/transformer-directives'; 9 | 10 | import path from 'path'; 11 | 12 | import { serverPort } from './build/config.js'; 13 | 14 | export default defineConfig({ 15 | server: { 16 | host: true, 17 | port: serverPort 18 | }, 19 | plugins: [ 20 | vue(), 21 | Pages(), 22 | Unocss({ 23 | transformers: [transformerDirective()] 24 | }) 25 | ], 26 | resolve: { 27 | alias: { 28 | '@': path.resolve(__dirname, './src'), 29 | assets: path.resolve(__dirname, './src/assets'), 30 | components: path.resolve(__dirname, './src/components'), 31 | core: path.resolve(__dirname, './src/core'), 32 | pages: path.resolve(__dirname, './src/pages'), 33 | stores: path.resolve(__dirname, './src/stores'), 34 | styles: path.resolve(__dirname, './src/styles') 35 | } 36 | } 37 | }); 38 | --------------------------------------------------------------------------------