diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml new file mode 100644 index 0000000..b49285b --- /dev/null +++ b/.github/workflows/main.yml @@ -0,0 +1,12 @@ +name: Autocloser +on: [issues] +jobs: + autoclose: + runs-on: ubuntu-latest + steps: + - name: Issue auto-closer + uses: roots/issue-closer-action@v1.1 + with: + repo-token: ${{ secrets.GITHUB_TOKEN }} + issue-close-message: "@${issue.user.login} this issue was automatically closed because it did not follow our rules:\n\n
\n\n\n\nIMPORTANT: Please use the following link to create a new issue:\n\nhttps://www.creative-tim.com/new-issue/vue-tailwind-webapp?ref=vtw-new-issue\n\n**If your issue was not created using the app above, it will be closed immediately.**\n\n\n\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉  https://www.creative-tim.com/bundles\n👉  https://www.creative-tim.com\n\n\n
\n\n" + issue-pattern: (\#\#\# Version([\S\s.*]*?)\#\#\# Reproduction link([\S\s.*]*?)\#\#\# Operating System([\S\s.*]*?)\#\#\# Device([\S\s.*]*?)\#\#\# Browser & Version([\S\s.*]*?)\#\#\# Steps to reproduce([\S\s.*]*?)\#\#\# What is expected([\S\s.*]*?)\#\#\# What is actually happening([\S\s.*]*?)---([\S\s.*]*?)\#\#\# Solution([\S\s.*]*?)\#\#\# Additional comments([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)|(\#\#\# What is your enhancement([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>) diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..67bd706 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,6 @@ +# Change Log + +## [1.0.0] 2020-09-29 +### Original Release +- Started project from [Tailwind Starter Kit by Creative Tim](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?ref=vtw-changelog) +- Added design from Tailwind Starter Kit by Creative Tim diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..d7bd5a3 --- /dev/null +++ b/ISSUE_TEMPLATE.md @@ -0,0 +1,13 @@ + + + diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..c195e33 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,9 @@ +MIT License + +Copyright (c) 2020 Creative Tim (https://www.creative-tim.com?ref=vtw-license) + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md index bb41fa3..cbacb94 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,186 @@ -# ![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter) +# Vue Tailwind WebApp ![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter) +![version](https://img.shields.io/badge/version-1.0.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/vue-tailwind-webapp.svg) ![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/vue-tailwind-webapp.svg) ![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg) ![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg) -![version](https://img.shields.io/badge/version-1.0.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/tailwind-starter-kit.svg?maxAge=2592000) ![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/tailwind-starter-kit.svg?maxAge=2592000) ![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg) ![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg) +![Vue Tailwind WebApp](https://github.com/creativetimofficial/public-assets/blob/master/vue-tailwind-webapp/vue-tailwind-webapp.jpg?raw=true) +### A beautiful UI Kit and Admin for Tailwind CSS and VueJS. -![Product Presentation Image](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg) +Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Tailwind WebApp amaze you with its cool features and build tools and get your project to a whole new level. -## Table of Contents +Vue Tailwind WebApp is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS. -* [Description](#description) -* [Documentation](#documentation) -* [Quick Start](#quick-start) -* [Browser Support](#browser-support) -* [Reporting Issues](#reporting-issues) -* [Licensing](#licensing) -* [Useful Links](#useful-links) -* [Resources](#resources) -* [Versions](#versions) -* [File Structure](#file-structure) +It is based on [Tailwind Starter Kit](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?ref=vtw-github-readme) by Creative Tim, and it is build with both presentation pages, and pages for an admin dashboard. +Speed up your web development with a beautiful product made by Creative Tim . +If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites. -## Description +### Get Started -### VueJS Dashboard Page +- Install NodeJS **LTS** version from NodeJs Official Page +- Download the product on this page +- Unzip the downloaded file to a folder in your computer +- Open Terminal +- Go to your file project (where you’ve unzipped the product) +- (If you are on a linux based terminal) Simply run `npm run install:clean` +- (If not) Run in terminal `npm install` +- (If not) Run in terminal `npm run build:tailwind` (each time you add a new class, a class that does not exist in `src/assets/styles/tailwind.css`, you will need to run this command) +- (If not) Run in terminal `npm run serve` +- Navigate to https://localhost:8080 +- Check more about [Tailwind CSS](https://tailwindcss.com/?ref=creativetim) -### Project setup -``` -npm install -``` +### Pages -#### Compiles and hot-reloads for development -``` -npm run serve -``` +If you want to get inspiration or just show something directly to your clients, +you can jump start your development with our pre-built example pages. You will be able +to quickly set up the basic structure for your web project. -#### Compiles and minifies for production -``` -npm run build -``` +Here are all the page from the project: +- [Presentation](https://demos.creative-tim.com/vue-tailwind-webapp/?ref=vtw-github-readme) +- Admin Samples + - [Dashboard](https://demos.creative-tim.com/vue-tailwind-webapp/admin/dashboard?ref=vtw-github-readme) + - [Settings](https://demos.creative-tim.com/vue-tailwind-webapp/admin/settings?ref=vtw-github-readme) + - [Tables](https://demos.creative-tim.com/vue-tailwind-webapp/admin/tables?ref=vtw-github-readme) + - [Maps](https://demos.creative-tim.com/vue-tailwind-webapp/admin/maps?ref=vtw-github-readme) +- Authentication Samples + - [Login](https://demos.creative-tim.com/vue-tailwind-webapp/auth/login?ref=vtw-github-readme) + - [Register](https://demos.creative-tim.com/vue-tailwind-webapp/auth/register?ref=vtw-github-readme) +- Presentation Samples + - [Landing](https://demos.creative-tim.com/vue-tailwind-webapp/landing?ref=vtw-github-readme) + - [Profile](https://demos.creative-tim.com/vue-tailwind-webapp/profile?ref=vtw-github-readme) -#### Lints and fixes files -``` -npm run lint -``` -#### Customize configuration -See [Configuration Reference](https://cli.vuejs.org/config/). +### Fully Coded Components +Vue Tailwind WebApp is built with over frontend 120 components, giving you the freedom of choosing and combining. All components can take variations in colors, that you can easily modify using Tailwind CSS classes (NOTE: each time you add a new class, a class that does not exist in `src/assets/styles/tailwind.css`, you will need to compile again tailwind). +You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. +This Free Tailwind CSS Template is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done. +Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. -## Documentation -The documentation for the VueJS Dashboard Page is hosted at our website. +### CSS Components + +Vue Tailwind WebApp comes with 120 Fully Coded CSS elements, such as [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/webapp?ref=vtw-github-readme), [Buttons](https://www.creative-tim.com/learning-lab/tailwind/buttons/webapp-vuejs?ref=vtw-github-readme), [Inputs](https://www.creative-tim.com/learning-lab/tailwind/inputs/webapp-vuejs?ref=vtw-github-readme) and many more. + +Please [check all of them here](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/webapp?ref=vtw-github-readme). + +### VueJS Components + +We also feature the following 18 dynamic components: +- [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/webapp?tws=vtw-github-readme) +- [Popper for Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/dropdowns/webapp?tws=vtw-github-readme) +- [Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/menus/webapp?ref=vtw-github-readme) +- [Modals](https://www.creative-tim.com/learning-lab/tailwind/vue/modals/webapp?ref=vtw-github-readme) +- [Navbars](https://www.creative-tim.com/learning-lab/tailwind/vue/navbar/webapp?ref=vtw-github-readme) +- [Popper for popover content](https://www.creative-tim.com/learning-lab/tailwind/vue/popovers/webapp?ref=vtw-github-readme) +- [Tabs](https://www.creative-tim.com/learning-lab/tailwind/vue/tabs/webapp?ref=vtw-github-readme) +- [Popper for tooltips content](https://www.creative-tim.com/learning-lab/tailwind/vue/tooltips/webapp?ref=vtw-github-readme) + + +## Table of Contents + +* [Versions](#versions) +* [Documentation](#documentation) +* [Quick Start](#quick-start) +* [Files and folders](#files-and-folders) +* [Browser Support](#browser-support) +* [Reporting Issues](#reporting-issues) +* [Licensing](#licensing) +* [Useful Links](#useful-links) +* [Resources](#resources) + +## Versions + +[](https://www.creative-tim.com/product/tailwind-webapp-angular?ref=vtw-github-readme)[](https://www.creative-tim.com/product/tailwind-webapp-js?ref=vtw-github-readme)[](https://www.creative-tim.com/product/tailwind-webapp-nextjs?ref=vtw-github-readme)[](https://www.creative-tim.com/product/tailwind-webapp-react?ref=vtw-github-readme)[](https://www.creative-tim.com/product/tailwind-webapp-svelte?ref=vtw-github-readme)[](https://www.creative-tim.com/product/vue-tailwind-webapp?ref=vtw-github-readme) -View More +| Angular | JavaScript / HTML | NextJS | React | Svelte | VueJS | +| :---: | :---: | :---: | :---: | :---: | :---: | +| [![Tailwind WebApp Angular](https://github.com/creativetimofficial/public-assets/blob/master/tailwind-webapp-angular/tailwind-webapp-angular.jpg?raw=true)](https://www.creative-tim.com/product/tailwind-webapp-angular?ref=vtw-github-readme) | [![Tailwind WebApp](https://github.com/creativetimofficial/public-assets/blob/master/tailwind-webapp-js/tailwind-webapp-js.jpg?raw=true)](https://www.creative-tim.com/product/tailwind-webapp-js?ref=vtw-github-readme) | [![Tailwind WebApp NextJS](https://github.com/creativetimofficial/public-assets/blob/master/tailwind-webapp-nextjs/tailwind-webapp-nextjs.jpg?raw=true)](https://www.creative-tim.com/product/tailwind-webapp-nextjs?ref=vtw-github-readme) | [![Tailwind WebApp React](https://github.com/creativetimofficial/public-assets/blob/master/tailwind-webapp-react/tailwind-webapp-react.jpg?raw=true)](https://www.creative-tim.com/product/tailwind-webapp-react?ref=vtw-github-readme) | [![Tailwind WebApp Svelte](https://github.com/creativetimofficial/public-assets/blob/master/tailwind-webapp-svelte/tailwind-webapp-svelte.jpg?raw=true)](https://www.creative-tim.com/product/tailwind-webapp-svelte?ref=vtw-github-readme) | [![Vue Tailwind WebApp](https://github.com/creativetimofficial/public-assets/blob/master/vue-tailwind-webapp/vue-tailwind-webapp.jpg?raw=true)](https://www.creative-tim.com/product/vue-tailwind-webapp?ref=vtw-github-readme) + +## Documentation +The documentation for the Vue Tailwind WebApp is hosted at our website. ## Quick start +- Download from Creative Tim. +- Check it on Github. +## Files and Folder -- Download from Github. -- Check it on Github. +This is the project structure that you will get upon the download: +``` +vue-tailwind-webapp +. +├── CHANGELOG.md +├── ISSUE_TEMPLATE.md +├── LICENSE.md +├── README.md +├── babel.config.js +├── package.json +├── public +│   ├── favicon.ico +│   └── index.html +├── src +│   ├── App.vue +│   ├── assets +│   │   ├── img +│   │   │   ├── github.svg +│   │   │   └── google.svg +│   │   └── styles +│   │   ├── index.css +│   │   └── tailwind.css +│   ├── components +│   │   ├── Cards +│   │   │   ├── CardBarChart.vue +│   │   │   ├── CardLineChart.vue +│   │   │   ├── CardPageVisits.vue +│   │   │   ├── CardProfile.vue +│   │   │   ├── CardSettings.vue +│   │   │   ├── CardSocialTraffic.vue +│   │   │   ├── CardStats.vue +│   │   │   └── CardTable.vue +│   │   ├── Dropdowns +│   │   │   ├── IndexDropdown.vue +│   │   │   ├── NotificationDropdown.vue +│   │   │   ├── PagesDropdown.vue +│   │   │   ├── TableDropdown.vue +│   │   │   └── UserDropdown.vue +│   │   ├── Footers +│   │   │   ├── Footer.vue +│   │   │   ├── FooterAdmin.vue +│   │   │   └── FooterSmall.vue +│   │   ├── Headers +│   │   │   └── HeaderStats.vue +│   │   ├── Maps +│   │   │   └── MapExample.vue +│   │   ├── Navbars +│   │   │   ├── AdminNavbar.vue +│   │   │   ├── AuthNavbar.vue +│   │   │   └── IndexNavbar.vue +│   │   └── Sidebar +│   │   └── Sidebar.vue +│   ├── layouts +│   │   ├── Admin.vue +│   │   └── Auth.vue +│   ├── main.js +│   └── views +│   ├── Index.vue +│   ├── Landing.vue +│   ├── Profile.vue +│   ├── admin +│   │   ├── Dashboard.vue +│   │   ├── Maps.vue +│   │   ├── Settings.vue +│   │   └── Tables.vue +│   └── auth +│   ├── Login.vue +│   └── Register.vue +├── tailwind.config.js +└── vue.config.js +``` ## Browser Support @@ -74,32 +192,32 @@ At present, we officially aim to support the last two versions of the following ## Reporting Issues -We use GitHub Issues as the official bug tracker for the VueJS Dashboard Page. Here are some advices for our users that want to report an issue: +We use GitHub Issues as the official bug tracker for the Vue Tailwind WebApp. Here are some advices for our users that want to report an issue: -1. Make sure that you are using the latest version of the VueJS Dashboard Page. Check the CHANGELOG from your dashboard on our website. +1. Make sure that you are using the latest version of the Vue Tailwind WebApp. Check the CHANGELOG from your dashboard on our website. 2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. 3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. ## Licensing -- Copyright 2019 Creative Tim +- Copyright 2020 Creative Tim - - -- Licensed under MIT +- Licensed under MIT ## Useful Links - Tutorials -- Affiliate Program (earn money) -- Blog Creative Tim -- Free Products from Creative Tim -- Premium Products from Creative Tim -- React Products from Creative Tim -- Angular Products from Creative Tim -- VueJS Products from Creative Tim -- More products from Creative Tim -- Check our Bundles here +- Affiliate Program (earn money) +- Blog Creative Tim +- Free Products from Creative Tim +- Premium Products from Creative Tim +- React Products from Creative Tim +- Angular Products from Creative Tim +- VueJS Products from Creative Tim +- More products from Creative Tim +- Check our Bundles here +- Check our awesome builder here +- Check Tailwind Starter Kit, the project behind this product here ### Social Media @@ -113,77 +231,9 @@ Instagram: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/dashboard?ref=vdp-tsk-readme -- Download Page: https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/vuejs-dashboard-page?ref=vdp-tsk-readme -- Documentation: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/documentation/dashboard?ref=vdp-tsk-readme -- License Agreement: https://www.creative-tim.com/license?ref=vdp-tsk-readme -- Support: https://www.creative-tim.com/contact-us?ref=vdp-tsk-readme -- Issues: Github Issues Page - - -## Versions - - - -### FREE Dashboards - -|Angular Dashboard Page|HTML Dashboard Page|React Dashboard Page|VueJS Dashboard Page| -| --- | --- | --- | --- | -| ![Angular Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg) | ![HTML Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg) | ![React Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg) | ![VueJS Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg) | - - - - -### FREE Design Systems (Kits) - - -|Angular Landing Page|HTML Landing Page|React Landing Page|VueJS Landing Page| -| --- | --- | --- | --- | -| ![Angular Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg) | ![HTML Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg) | ![React Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg) | ![VueJS Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg) | - - -|Angular Login Page|HTML Login Page|React Login Page|VueJS Login Page| -| --- | --- | --- | --- | -| ![Angular Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg) | ![HTML Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg) | ![React Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg) | ![VueJS Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg) | - - - -|Angular Profile Page|HTML Profile Page|React Profile Page|VueJS Profile Page| -| --- | --- | --- | --- | -| ![Angular Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg) | ![HTML Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg) | ![React Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg) | ![VueJS Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg) | - - - - - - - - -## File Structure -Within the download you'll find the following directories and files: - -``` -. -|-- README.md -|-- babel.config.js -|-- package.json -|-- public -| |-- apple-icon.png -| |-- favicon.ico -| `-- index.html -`-- src - |-- assets - | `-- img - | |-- blue.png - | `-- team-1-800x800.jpg - |-- components - | |-- BarChart.vue - | |-- LineChart.vue - | |-- Navbar.vue - | |-- NotificationDropdown.vue - | |-- Sidebar.vue - | `-- UserDropdown.vue - |-- main.js - `-- views - `-- Dashboard.vue -``` +- Demo: https://demos.creative-tim.com/vue-tailwind-webapp/?ref=vtw-readme +- Download Page: https://www.creative-tim.com/product/vue-tailwind-webapp +- Documentation: https://www.creative-tim.com/learning-lab/tailwind/overview-vuejs/webapp-js?ref=vtw-readme +- License Agreement: https://www.creative-tim.com/license?ref=vtw-readme +- Support: https://www.creative-tim.com/contact-us?ref=vtw-readme +- Issues: Github Issues Page diff --git a/babel.config.js b/babel.config.js index e955840..162a3ea 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,3 @@ module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset' - ] -} + presets: ["@vue/cli-plugin-babel/preset"], +}; diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..9f8e5d7 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,83 @@ +const gulp = require("gulp"); +const gap = require("gulp-append-prepend"); + +gulp.task("licenses", async function () { + // this is to add Creative Tim licenses in the production mode for the minified js + gulp + .src("dist/js/*.js", { base: "./" }) + .pipe( + gap.prependText(`/*! + +========================================================= +* Vue Tailwind WebApp - v1.0.0 based on Tailwind Starter Kit by Creative Tim +========================================================= + +* Product Page: https://www.creative-tim.com/product/vue-tailwind-webapp +* Copyright 2020 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (https://github.com/creativetimofficial/vue-tailwind-webapp/blob/master/LICENSE.md) + +* Tailwind Starter Kit Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation + +* Coded by Creative Tim + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/`) + ) + .pipe(gulp.dest("./", { overwrite: true })); + + // this is to add Creative Tim licenses in the production mode for the minified html + gulp + .src("dist/index.html", { base: "./" }) + .pipe( + gap.prependText(``) + ) + .pipe(gulp.dest("./", { overwrite: true })); + + // this is to add Creative Tim licenses in the production mode for the minified css + gulp + .src("dist/css/*.css", { base: "./" }) + .pipe( + gap.prependText(`/*! + +========================================================= +* Vue Tailwind WebApp - v1.0.0 based on Tailwind Starter Kit by Creative Tim +========================================================= + +* Product Page: https://www.creative-tim.com/product/vue-tailwind-webapp +* Copyright 2020 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (https://github.com/creativetimofficial/vue-tailwind-webapp/blob/master/LICENSE.md) + +* Tailwind Starter Kit Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation + +* Coded by Creative Tim + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/`) + ) + .pipe(gulp.dest("./", { overwrite: true })); + return; +}); diff --git a/package.json b/package.json index 5986fd8..d0cecbd 100644 --- a/package.json +++ b/package.json @@ -1,23 +1,33 @@ { - "name": "vuejs-landing-page", - "version": "0.1.0", - "private": true, + "name": "vue-tailwind-webapp", + "homepage": "https://demos.creative-tim.com/vue-tailwind-webapp/", + "version": "1.0.0", + "description": "Vue Tailwind WebApp - A free Tailwind and VueJS WebApp template by Creative Tim.", + "repository": "https://github.com/creativetimofficial/vue-tailwind-webapp", + "license": "MIT", "scripts": { "serve": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint" + "build": "vue-cli-service build && gulp licenses", + "lint": "vue-cli-service lint", + "build:tailwind": "tailwind build src/assets/styles/index.css -o src/assets/styles/tailwind.css", + "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm run build:tailwind && npm run serve" }, "dependencies": { "@fortawesome/fontawesome-free": "5.14.0", - "@popperjs/core": "2.4.4", + "@popperjs/core": "2.5.1", + "@tailwindcss/custom-forms": "0.2.1", "chart.js": "2.9.3", "core-js": "3.6.5", - "vue": "2.6.12" + "gulp": "4.0.2", + "gulp-append-prepend": "1.0.8", + "tailwindcss": "1.8.10", + "vue": "2.6.12", + "vue-router": "3.4.3" }, "devDependencies": { - "@vue/cli-plugin-babel": "4.5.4", - "@vue/cli-plugin-eslint": "4.5.4", - "@vue/cli-service": "4.5.4", + "@vue/cli-plugin-babel": "4.5.6", + "@vue/cli-plugin-eslint": "4.5.6", + "@vue/cli-service": "4.5.6", "babel-eslint": "10.1.0", "eslint": "6.8.0", "eslint-plugin-vue": "6.2.2", diff --git a/public/index.html b/public/index.html index 2d8f29a..d8917a6 100644 --- a/public/index.html +++ b/public/index.html @@ -1,24 +1,43 @@ + - - - + + + - - Tailwind Starter Kit by Creative Tim | Free and Open Source UI Kit + + + Tailwind Starter Kit by Creative Tim | Free and Open Source UI Kit +
diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..d3e2cd8 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,5 @@ + diff --git a/src/assets/img/angular.jpg b/src/assets/img/angular.jpg new file mode 100644 index 0000000..3fdc331 Binary files /dev/null and b/src/assets/img/angular.jpg differ diff --git a/src/assets/img/bootstrap.jpg b/src/assets/img/bootstrap.jpg new file mode 100644 index 0000000..183db14 Binary files /dev/null and b/src/assets/img/bootstrap.jpg differ diff --git a/src/assets/img/component-btn-pink.png b/src/assets/img/component-btn-pink.png new file mode 100644 index 0000000..6c30d01 Binary files /dev/null and b/src/assets/img/component-btn-pink.png differ diff --git a/src/assets/img/component-btn.png b/src/assets/img/component-btn.png new file mode 100644 index 0000000..c0995cf Binary files /dev/null and b/src/assets/img/component-btn.png differ diff --git a/src/assets/img/component-info-2.png b/src/assets/img/component-info-2.png new file mode 100644 index 0000000..72f2301 Binary files /dev/null and b/src/assets/img/component-info-2.png differ diff --git a/src/assets/img/component-info-card.png b/src/assets/img/component-info-card.png new file mode 100644 index 0000000..eec92fc Binary files /dev/null and b/src/assets/img/component-info-card.png differ diff --git a/src/assets/img/component-menu.png b/src/assets/img/component-menu.png new file mode 100644 index 0000000..708b62c Binary files /dev/null and b/src/assets/img/component-menu.png differ diff --git a/src/assets/img/component-profile-card.png b/src/assets/img/component-profile-card.png new file mode 100644 index 0000000..a651563 Binary files /dev/null and b/src/assets/img/component-profile-card.png differ diff --git a/src/assets/img/documentation.png b/src/assets/img/documentation.png new file mode 100644 index 0000000..13829f2 Binary files /dev/null and b/src/assets/img/documentation.png differ diff --git a/src/assets/img/github.svg b/src/assets/img/github.svg new file mode 100644 index 0000000..2227d5e --- /dev/null +++ b/src/assets/img/github.svg @@ -0,0 +1,12 @@ + + + + UI/icons/dark/github + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/assets/img/google.svg b/src/assets/img/google.svg new file mode 100644 index 0000000..999a208 --- /dev/null +++ b/src/assets/img/google.svg @@ -0,0 +1,17 @@ + + + + UI/icons/color/google + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/img/ill_header.png b/src/assets/img/ill_header.png new file mode 100644 index 0000000..ad785b8 Binary files /dev/null and b/src/assets/img/ill_header.png differ diff --git a/src/assets/img/landing.jpg b/src/assets/img/landing.jpg new file mode 100644 index 0000000..6fd00e3 Binary files /dev/null and b/src/assets/img/landing.jpg differ diff --git a/src/assets/img/login.jpg b/src/assets/img/login.jpg new file mode 100644 index 0000000..acd2b5e Binary files /dev/null and b/src/assets/img/login.jpg differ diff --git a/src/assets/img/pattern_vue.png b/src/assets/img/pattern_vue.png new file mode 100644 index 0000000..b8fbb37 Binary files /dev/null and b/src/assets/img/pattern_vue.png differ diff --git a/src/assets/img/profile.jpg b/src/assets/img/profile.jpg new file mode 100644 index 0000000..688e713 Binary files /dev/null and b/src/assets/img/profile.jpg differ diff --git a/src/assets/img/react.jpg b/src/assets/img/react.jpg new file mode 100644 index 0000000..a05c8e6 Binary files /dev/null and b/src/assets/img/react.jpg differ diff --git a/src/assets/img/register_bg_2.png b/src/assets/img/register_bg_2.png new file mode 100644 index 0000000..08596d4 Binary files /dev/null and b/src/assets/img/register_bg_2.png differ diff --git a/src/assets/img/sketch.jpg b/src/assets/img/sketch.jpg new file mode 100644 index 0000000..8486f4f Binary files /dev/null and b/src/assets/img/sketch.jpg differ diff --git a/src/assets/img/team-1-800x8000.jpg b/src/assets/img/team-1-800x8000.jpg new file mode 100644 index 0000000..7fb81de Binary files /dev/null and b/src/assets/img/team-1-800x8000.jpg differ diff --git a/src/assets/img/team-2-800x800.jpg b/src/assets/img/team-2-800x800.jpg new file mode 100644 index 0000000..181e370 Binary files /dev/null and b/src/assets/img/team-2-800x800.jpg differ diff --git a/src/assets/img/team-3-800x800.jpg b/src/assets/img/team-3-800x800.jpg new file mode 100644 index 0000000..63becfb Binary files /dev/null and b/src/assets/img/team-3-800x800.jpg differ diff --git a/src/assets/img/team-4-470x470.png b/src/assets/img/team-4-470x470.png new file mode 100644 index 0000000..f54cd06 Binary files /dev/null and b/src/assets/img/team-4-470x470.png differ diff --git a/src/assets/img/vue.jpg b/src/assets/img/vue.jpg new file mode 100644 index 0000000..9b5946e Binary files /dev/null and b/src/assets/img/vue.jpg differ diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css new file mode 100644 index 0000000..7f39374 --- /dev/null +++ b/src/assets/styles/index.css @@ -0,0 +1,5 @@ +@tailwind base; + +@tailwind components; + +@tailwind utilities; diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css new file mode 100644 index 0000000..cb5b3ef --- /dev/null +++ b/src/assets/styles/tailwind.css @@ -0,0 +1,3823 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} + +/** + * Manually forked from SUIT CSS Base: https://github.com/suitcss/base + * A thin layer on top of normalize.css that provides a starting point more + * suitable for web applications. + */ + +/** + * Removes the default spacing and border for appropriate elements. + */ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +button { + background-color: transparent; + background-image: none; +} + +/** + * Work around a Firefox/IE bug where the transparent `button` background + * results in a loss of the default `button` focus styles. + */ + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +fieldset { + margin: 0; + padding: 0; +} + +ol, +ul { + list-style: none; + margin: 0; + padding: 0; +} + +/** + * Tailwind custom reset styles + */ + +/** + * 1. Use the user's configured `sans` font-family (with Tailwind's default + * sans-serif font stack as a fallback) as a sane default. + * 2. Use Tailwind's default "normal" line-height so the user isn't forced + * to override it to ensure consistency even when using the default theme. + */ + +html { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ + line-height: 1.5; /* 2 */ +} + +/** + * 1. Prevent padding and border from affecting element width. + * + * We used to set this in the html element and inherit from + * the parent element for everything else. This caused issues + * in shadow-dom-enhanced elements like
where the content + * is wrapped by a div with box-sizing set to `content-box`. + * + * https://github.com/mozdevs/cssremedy/issues/4 + * + * + * 2. Allow adding a border to an element by just adding a border-width. + * + * By default, the way the browser specifies that an element should have no + * border is by setting it's border-style to `none` in the user-agent + * stylesheet. + * + * In order to easily add borders to elements by just setting the `border-width` + * property, we change the default border-style for all elements to `solid`, and + * use border-width to hide them instead. This way our `border` utilities only + * need to set the `border-width` property instead of the entire `border` + * shorthand, making our border utilities much more straightforward to compose. + * + * https://github.com/tailwindcss/tailwindcss/pull/116 + */ + +*, +::before, +::after { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: #e2e8f0; /* 2 */ +} + +/* + * Ensure horizontal rules are visible by default + */ + +hr { + border-top-width: 1px; +} + +/** + * Undo the `border-style: none` reset that Normalize applies to images so that + * our `border-{width}` utilities have the expected effect. + * + * The Normalize reset is unnecessary for us since we default the border-width + * to 0 on all elements. + * + * https://github.com/tailwindcss/tailwindcss/issues/362 + */ + +img { + border-style: solid; +} + +textarea { + resize: vertical; +} + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #a0aec0; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + color: #a0aec0; +} + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #a0aec0; +} + +input::-ms-input-placeholder, textarea::-ms-input-placeholder { + color: #a0aec0; +} + +input::placeholder, +textarea::placeholder { + color: #a0aec0; +} + +button, +[role="button"] { + cursor: pointer; +} + +table { + border-collapse: collapse; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/** + * Reset links to optimize for opt-in styling instead of + * opt-out. + */ + +a { + color: inherit; + text-decoration: inherit; +} + +/** + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles + * supplement a partial reset that is already applied by + * normalize.css. + */ + +button, +input, +optgroup, +select, +textarea { + padding: 0; + line-height: inherit; + color: inherit; +} + +/** + * Use the configured 'mono' font family for elements that + * are expected to be rendered with a monospace font, falling + * back to the system monospace stack if there is no configured + * 'mono' font family. + */ + +pre, +code, +kbd, +samp { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +/** + * Make replaced elements `display: block` by default as that's + * the behavior you want almost all of the time. Inspired by + * CSS Remedy, with `svg` added as well. + * + * https://github.com/mozdevs/cssremedy/issues/14 + */ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + vertical-align: middle; +} + +/** + * Constrain images and videos to the parent width and preserve + * their instrinsic aspect ratio. + * + * https://github.com/mozdevs/cssremedy/issues/14 + */ + +img, +video { + max-width: 100%; + height: auto; +} + +.container { + width: 100%; +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +.form-checkbox:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +@media not print { + .form-checkbox::-ms-check { + border-width: 1px; + color: transparent; + background: inherit; + border-color: inherit; + border-radius: inherit; + } +} + +.form-checkbox { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 1em; + width: 1em; + color: #4299e1; + background-color: #fff; + border-color: #e2e8f0; + border-width: 1px; + border-radius: 0.25rem; +} + +.form-checkbox:focus { + outline: none; + -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + border-color: #63b3ed; +} + +.space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; +} + +.space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; +} + +.divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; +} + +.divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; +} + +.divide-solid > :not(template) ~ :not(template) { + border-style: solid; +} + +.divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; +} + +.divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; +} + +.divide-double > :not(template) ~ :not(template) { + border-style: double; +} + +.divide-none > :not(template) ~ :not(template) { + border-style: none; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + +.appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.bg-fixed { + background-attachment: fixed; +} + +.bg-local { + background-attachment: local; +} + +.bg-scroll { + background-attachment: scroll; +} + +.bg-clip-border { + background-clip: border-box; +} + +.bg-clip-padding { + background-clip: padding-box; +} + +.bg-clip-content { + background-clip: content-box; +} + +.bg-clip-text { + -webkit-background-clip: text; + background-clip: text; +} + +.bg-transparent { + background-color: transparent; +} + +.bg-black { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); +} + +.bg-white { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); +} + +.bg-gray-100 { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); +} + +.bg-gray-200 { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); +} + +.bg-gray-300 { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); +} + +.bg-gray-700 { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); +} + +.bg-gray-800 { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); +} + +.bg-gray-900 { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); +} + +.bg-red-200 { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); +} + +.bg-red-400 { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); +} + +.bg-red-500 { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); +} + +.bg-red-600 { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); +} + +.bg-red-700 { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); +} + +.bg-orange-200 { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); +} + +.bg-orange-500 { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); +} + +.bg-yellow-500 { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); +} + +.bg-green-200 { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); +} + +.bg-green-300 { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); +} + +.bg-green-400 { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); +} + +.bg-green-500 { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); +} + +.bg-green-600 { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); +} + +.bg-green-800 { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); +} + +.bg-green-900 { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); +} + +.bg-teal-200 { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); +} + +.bg-teal-500 { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); +} + +.bg-blue-200 { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); +} + +.bg-blue-400 { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); +} + +.bg-blue-500 { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); +} + +.bg-blue-600 { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); +} + +.bg-indigo-500 { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); +} + +.bg-purple-200 { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); +} + +.bg-purple-500 { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); +} + +.bg-pink-500 { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); +} + +.active\:bg-gray-100:active { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); +} + +.active\:bg-gray-700:active { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); +} + +.active\:bg-green-600:active { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); +} + +.active\:bg-indigo-600:active { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); +} + +.bg-none { + background-image: none; +} + +.bg-center { + background-position: center; +} + +.bg-repeat { + background-repeat: repeat; +} + +.bg-no-repeat { + background-repeat: no-repeat; +} + +.bg-repeat-x { + background-repeat: repeat-x; +} + +.bg-repeat-y { + background-repeat: repeat-y; +} + +.bg-repeat-round { + background-repeat: round; +} + +.bg-repeat-space { + background-repeat: space; +} + +.bg-cover { + background-size: cover; +} + +.bg-full { + background-size: 100$; +} + +.border-collapse { + border-collapse: collapse; +} + +.border-separate { + border-collapse: separate; +} + +.border-transparent { + border-color: transparent; +} + +.border-gray-100 { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); +} + +.border-gray-200 { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); +} + +.border-gray-300 { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); +} + +.border-gray-400 { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); +} + +.border-gray-600 { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); +} + +.border-gray-700 { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); +} + +.border-green-700 { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.border-solid { + border-style: solid; +} + +.border-dashed { + border-style: dashed; +} + +.border-dotted { + border-style: dotted; +} + +.border-double { + border-style: double; +} + +.border-none { + border-style: none; +} + +.border-0 { + border-width: 0; +} + +.border-2 { + border-width: 2px; +} + +.border { + border-width: 1px; +} + +.border-t-0 { + border-top-width: 0; +} + +.border-r-0 { + border-right-width: 0; +} + +.border-l-0 { + border-left-width: 0; +} + +.border-t { + border-top-width: 1px; +} + +.border-b { + border-bottom-width: 1px; +} + +.box-border { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.box-content { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +.cursor-pointer { + cursor: pointer; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.table { + display: table; +} + +.table-caption { + display: table-caption; +} + +.table-cell { + display: table-cell; +} + +.table-column { + display: table-column; +} + +.table-column-group { + display: table-column-group; +} + +.table-footer-group { + display: table-footer-group; +} + +.table-header-group { + display: table-header-group; +} + +.table-row-group { + display: table-row-group; +} + +.table-row { + display: table-row; +} + +.flow-root { + display: flow-root; +} + +.grid { + display: grid; +} + +.inline-grid { + display: inline-grid; +} + +.contents { + display: contents; +} + +.hidden { + display: none; +} + +.flex-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +.flex-row-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.flex-col { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.flex-col-reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} + +.flex-wrap { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} + +.flex-no-wrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.place-items-auto { + place-items: auto; +} + +.place-items-start { + place-items: start; +} + +.place-items-end { + place-items: end; +} + +.place-items-center { + place-items: center; +} + +.place-items-stretch { + place-items: stretch; +} + +.place-content-center { + place-content: center; +} + +.place-content-start { + place-content: start; +} + +.place-content-end { + place-content: end; +} + +.place-content-between { + place-content: space-between; +} + +.place-content-around { + place-content: space-around; +} + +.place-content-evenly { + place-content: space-evenly; +} + +.place-content-stretch { + place-content: stretch; +} + +.place-self-auto { + place-self: auto; +} + +.place-self-start { + place-self: start; +} + +.place-self-end { + place-self: end; +} + +.place-self-center { + place-self: center; +} + +.place-self-stretch { + place-self: stretch; +} + +.items-start { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.items-end { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} + +.items-center { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.items-baseline { + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; +} + +.items-stretch { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.content-center { + -ms-flex-line-pack: center; + align-content: center; +} + +.content-start { + -ms-flex-line-pack: start; + align-content: flex-start; +} + +.content-end { + -ms-flex-line-pack: end; + align-content: flex-end; +} + +.content-between { + -ms-flex-line-pack: justify; + align-content: space-between; +} + +.content-around { + -ms-flex-line-pack: distribute; + align-content: space-around; +} + +.content-evenly { + -ms-flex-line-pack: space-evenly; + align-content: space-evenly; +} + +.self-auto { + -ms-flex-item-align: auto; + align-self: auto; +} + +.self-start { + -ms-flex-item-align: start; + align-self: flex-start; +} + +.self-end { + -ms-flex-item-align: end; + align-self: flex-end; +} + +.self-center { + -ms-flex-item-align: center; + align-self: center; +} + +.self-stretch { + -ms-flex-item-align: stretch; + align-self: stretch; +} + +.justify-items-auto { + justify-items: auto; +} + +.justify-items-start { + justify-items: start; +} + +.justify-items-end { + justify-items: end; +} + +.justify-items-center { + justify-items: center; +} + +.justify-items-stretch { + justify-items: stretch; +} + +.justify-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.justify-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.justify-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.justify-evenly { + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; +} + +.justify-self-auto { + justify-self: auto; +} + +.justify-self-start { + justify-self: start; +} + +.justify-self-end { + justify-self: end; +} + +.justify-self-center { + justify-self: center; +} + +.justify-self-stretch { + justify-self: stretch; +} + +.flex-1 { + -webkit-box-flex: 1; + -ms-flex: 1 1 0%; + flex: 1 1 0%; +} + +.flex-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.flex-initial { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; +} + +.flex-grow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.flex-shrink { + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.float-right { + float: right; +} + +.float-left { + float: left; +} + +.float-none { + float: none; +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +.clear-left { + clear: left; +} + +.clear-right { + clear: right; +} + +.clear-both { + clear: both; +} + +.clear-none { + clear: none; +} + +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; +} + +.font-bold { + font-weight: 700; +} + +.h-0 { + height: 0; +} + +.h-2 { + height: 0.5rem; +} + +.h-5 { + height: 1.25rem; +} + +.h-8 { + height: 2rem; +} + +.h-10 { + height: 2.5rem; +} + +.h-12 { + height: 3rem; +} + +.h-16 { + height: 4rem; +} + +.h-20 { + height: 5rem; +} + +.h-auto { + height: auto; +} + +.h-full { + height: 100%; +} + +.h-screen { + height: 100vh; +} + +.h-95-px { + height: 95px; +} + +.h-70-px { + height: 70px; +} + +.h-350-px { + height: 350px; +} + +.h-500-px { + height: 500px; +} + +.h-600-px { + height: 600px; +} + +.text-55 { + font-size: 55rem; +} + +.text-xs { + font-size: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; +} + +.text-base { + font-size: 1rem; +} + +.text-lg { + font-size: 1.125rem; +} + +.text-xl { + font-size: 1.25rem; +} + +.text-2xl { + font-size: 1.5rem; +} + +.text-3xl { + font-size: 1.875rem; +} + +.text-4xl { + font-size: 2.25rem; +} + +.text-5xl { + font-size: 3rem; +} + +.leading-none { + line-height: 1; +} + +.leading-snug { + line-height: 1.375; +} + +.leading-normal { + line-height: 1.5; +} + +.leading-relaxed { + line-height: 1.625; +} + +.list-inside { + list-style-position: inside; +} + +.list-outside { + list-style-position: outside; +} + +.list-none { + list-style-type: none; +} + +.m-1 { + margin: 0.25rem; +} + +.m-2 { + margin: 0.5rem; +} + +.m-4 { + margin: 1rem; +} + +.-m-16 { + margin: -4rem; +} + +.-m-24 { + margin: -6rem; +} + +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.mt-0 { + margin-top: 0; +} + +.mr-0 { + margin-right: 0; +} + +.mb-0 { + margin-bottom: 0; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mt-5 { + margin-top: 1.25rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mb-24 { + margin-bottom: 6rem; +} + +.mt-32 { + margin-top: 8rem; +} + +.mt-48 { + margin-top: 12rem; +} + +.mr-auto { + margin-right: auto; +} + +.ml-auto { + margin-left: auto; +} + +.-ml-4 { + margin-left: -1rem; +} + +.-mt-20 { + margin-top: -5rem; +} + +.-ml-20 { + margin-left: -5rem; +} + +.-mt-24 { + margin-top: -6rem; +} + +.-mt-32 { + margin-top: -8rem; +} + +.-mt-48 { + margin-top: -12rem; +} + +.-mt-64 { + margin-top: -16rem; +} + +.last\:mr-0:last-child { + margin-right: 0; +} + +.hover\:-mt-4:hover { + margin-top: -1rem; +} + +.max-h-860-px { + max-height: 860px; +} + +.max-w-full { + max-width: 100%; +} + +.max-w-100-px { + max-width: 100px; +} + +.max-w-120-px { + max-width: 120px; +} + +.max-w-150-px { + max-width: 150px; +} + +.max-w-180-px { + max-width: 180px; +} + +.max-w-200-px { + max-width: 200px; +} + +.max-w-210-px { + max-width: 210px; +} + +.max-w-580-px { + max-width: 580px; +} + +.min-h-screen { + min-height: 100vh; +} + +.min-h-screen-75 { + min-height: 75vh; +} + +.min-w-0 { + min-width: 0; +} + +.min-w-48 { + min-width: 12rem; +} + +.min-w-140-px { + min-width: 140px; +} + +.object-contain { + -o-object-fit: contain; + object-fit: contain; +} + +.object-cover { + -o-object-fit: cover; + object-fit: cover; +} + +.object-fill { + -o-object-fit: fill; + object-fit: fill; +} + +.object-none { + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-75 { + opacity: 0.75; +} + +.opacity-80 { + opacity: .8; +} + +.outline-none { + outline: 0; +} + +.focus\:outline-none:focus { + outline: 0; +} + +.overflow-auto { + overflow: auto; +} + +.overflow-hidden { + overflow: hidden; +} + +.overflow-visible { + overflow: visible; +} + +.overflow-scroll { + overflow: scroll; +} + +.overflow-x-auto { + overflow-x: auto; +} + +.overflow-y-auto { + overflow-y: auto; +} + +.overflow-x-hidden { + overflow-x: hidden; +} + +.overflow-y-hidden { + overflow-y: hidden; +} + +.overflow-x-visible { + overflow-x: visible; +} + +.overflow-y-visible { + overflow-y: visible; +} + +.overflow-x-scroll { + overflow-x: scroll; +} + +.overflow-y-scroll { + overflow-y: scroll; +} + +.scrolling-touch { + -webkit-overflow-scrolling: touch; +} + +.scrolling-auto { + -webkit-overflow-scrolling: auto; +} + +.overscroll-auto { + -ms-scroll-chaining: chained; + overscroll-behavior: auto; +} + +.overscroll-contain { + -ms-scroll-chaining: none; + overscroll-behavior: contain; +} + +.overscroll-none { + -ms-scroll-chaining: none; + overscroll-behavior: none; +} + +.overscroll-y-auto { + overscroll-behavior-y: auto; +} + +.overscroll-y-contain { + overscroll-behavior-y: contain; +} + +.overscroll-y-none { + overscroll-behavior-y: none; +} + +.overscroll-x-auto { + overscroll-behavior-x: auto; +} + +.overscroll-x-contain { + overscroll-behavior-x: contain; +} + +.overscroll-x-none { + overscroll-behavior-x: none; +} + +.p-1 { + padding: 0.25rem; +} + +.p-2 { + padding: 0.5rem; +} + +.p-3 { + padding: 0.75rem; +} + +.p-4 { + padding: 1rem; +} + +.p-5 { + padding: 1.25rem; +} + +.p-8 { + padding: 2rem; +} + +.px-0 { + padding-left: 0; + padding-right: 0; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} + +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} + +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; +} + +.pt-0 { + padding-top: 0; +} + +.pb-0 { + padding-bottom: 0; +} + +.pt-1 { + padding-top: 0.25rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + +.pr-4 { + padding-right: 1rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pl-4 { + padding-left: 1rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pb-6 { + padding-bottom: 1.5rem; +} + +.pt-8 { + padding-top: 2rem; +} + +.pl-10 { + padding-left: 2.5rem; +} + +.pt-12 { + padding-top: 3rem; +} + +.pr-12 { + padding-right: 3rem; +} + +.pt-16 { + padding-top: 4rem; +} + +.pb-16 { + padding-bottom: 4rem; +} + +.pt-20 { + padding-top: 5rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pt-24 { + padding-top: 6rem; +} + +.pt-32 { + padding-top: 8rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pb-40 { + padding-bottom: 10rem; +} + +.pt-48 { + padding-top: 12rem; +} + +.pb-48 { + padding-bottom: 12rem; +} + +.pb-64 { + padding-bottom: 16rem; +} + +.placeholder-gray-400::-webkit-input-placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); +} + +.placeholder-gray-400::-moz-placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); +} + +.placeholder-gray-400:-ms-input-placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); +} + +.placeholder-gray-400::-ms-input-placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); +} + +.placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); +} + +.pointer-events-none { + pointer-events: none; +} + +.pointer-events-auto { + pointer-events: auto; +} + +.static { + position: static; +} + +.fixed { + position: fixed; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.sticky { + position: -webkit-sticky; + position: sticky; +} + +.top-0 { + top: 0; +} + +.right-0 { + right: 0; +} + +.bottom-0 { + bottom: 0; +} + +.left-0 { + left: 0; +} + +.top-auto { + top: auto; +} + +.bottom-auto { + bottom: auto; +} + +.left-auto { + left: auto; +} + +.-right-100 { + right: -100%; +} + +.-top-225-px { + top: -225px; +} + +.-top-160-px { + top: -160px; +} + +.-top-150-px { + top: -150px; +} + +.-top-94-px { + top: -94px; +} + +.-left-50-px { + left: -50px; +} + +.-top-29-px { + top: -29px; +} + +.-left-20-px { + left: -20px; +} + +.top-25-px { + top: 25px; +} + +.left-40-px { + left: 40px; +} + +.top-95-px { + top: 95px; +} + +.left-145-px { + left: 145px; +} + +.left-195-px { + left: 195px; +} + +.top-210-px { + top: 210px; +} + +.left-260-px { + left: 260px; +} + +.resize-none { + resize: none; +} + +.resize-y { + resize: vertical; +} + +.resize-x { + resize: horizontal; +} + +.resize { + resize: both; +} + +.shadow { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.shadow-md { + -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.shadow-lg { + -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.shadow-xl { + -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +.shadow-2xl { + -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +.shadow-none { + -webkit-box-shadow: none; + box-shadow: none; +} + +.hover\:shadow-md:hover { + -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.hover\:shadow-lg:hover { + -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.focus\:shadow-outline:focus { + -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +} + +.fill-current { + fill: currentColor; +} + +.table-auto { + table-layout: auto; +} + +.table-fixed { + table-layout: fixed; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-justify { + text-align: justify; +} + +.text-black { + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); +} + +.text-white { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); +} + +.text-gray-200 { + --text-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); +} + +.text-gray-300 { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); +} + +.text-gray-400 { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); +} + +.text-gray-500 { + --text-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); +} + +.text-gray-600 { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); +} + +.text-gray-700 { + --text-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); +} + +.text-gray-800 { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); +} + +.text-gray-900 { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); +} + +.text-red-500 { + --text-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); +} + +.text-orange-500 { + --text-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); +} + +.text-green-300 { + --text-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); +} + +.text-green-500 { + --text-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); +} + +.text-green-600 { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); +} + +.text-teal-500 { + --text-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); +} + +.text-blue-400 { + --text-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); +} + +.text-blue-600 { + --text-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); +} + +.text-pink-400 { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); +} + +.hover\:text-gray-400:hover { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); +} + +.hover\:text-gray-600:hover { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); +} + +.hover\:text-gray-800:hover { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); +} + +.hover\:text-gray-900:hover { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); +} + +.hover\:text-green-600:hover { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); +} + +.italic { + font-style: italic; +} + +.not-italic { + font-style: normal; +} + +.uppercase { + text-transform: uppercase; +} + +.lowercase { + text-transform: lowercase; +} + +.capitalize { + text-transform: capitalize; +} + +.normal-case { + text-transform: none; +} + +.underline { + text-decoration: underline; +} + +.line-through { + text-decoration: line-through; +} + +.no-underline { + text-decoration: none; +} + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); +} + +.normal-nums { + font-variant-numeric: normal; +} + +.ordinal { + --font-variant-numeric-ordinal: ordinal; +} + +.slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; +} + +.lining-nums { + --font-variant-numeric-figure: lining-nums; +} + +.oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; +} + +.proportional-nums { + --font-variant-numeric-spacing: proportional-nums; +} + +.tabular-nums { + --font-variant-numeric-spacing: tabular-nums; +} + +.diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; +} + +.stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select-text { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} + +.select-all { + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} + +.select-auto { + -webkit-user-select: auto; + -moz-user-select: auto; + -ms-user-select: auto; + user-select: auto; +} + +.align-baseline { + vertical-align: baseline; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.visible { + visibility: visible; +} + +.invisible { + visibility: hidden; +} + +.whitespace-normal { + white-space: normal; +} + +.whitespace-no-wrap { + white-space: nowrap; +} + +.whitespace-pre { + white-space: pre; +} + +.whitespace-pre-line { + white-space: pre-line; +} + +.whitespace-pre-wrap { + white-space: pre-wrap; +} + +.break-normal { + overflow-wrap: normal; + word-break: normal; +} + +.break-words { + overflow-wrap: break-word; +} + +.break-all { + word-break: break-all; +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.w-5 { + width: 1.25rem; +} + +.w-8 { + width: 2rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-12 { + width: 3rem; +} + +.w-16 { + width: 4rem; +} + +.w-auto { + width: auto; +} + +.w-1\/2 { + width: 50%; +} + +.w-6\/12 { + width: 50%; +} + +.w-10\/12 { + width: 83.333333%; +} + +.w-full { + width: 100%; +} + +.z-2 { + z-index: 2; +} + +.z-3 { + z-index: 3; +} + +.z-10 { + z-index: 10; +} + +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; +} + +.grid-flow-row { + grid-auto-flow: row; +} + +.grid-flow-col { + grid-auto-flow: column; +} + +.grid-flow-row-dense { + grid-auto-flow: row dense; +} + +.grid-flow-col-dense { + grid-auto-flow: column dense; +} + +.transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); +} + +.transform-none { + -webkit-transform: none; + transform: none; +} + +.rotate-90 { + --transform-rotate: 90deg; +} + +.rotate-180 { + --transform-rotate: 180deg; +} + +.transition-all { + -webkit-transition-property: all; + transition-property: all; +} + +.transition { + -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform; +} + +.ease-linear { + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} + +.ease-in { + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} + +.ease-out { + -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} + +.ease-in-out { + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.duration-150 { + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-webkit-keyframes ping { + 75%, 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0; + } +} + +@keyframes ping { + 75%, 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0; + } +} + +@-webkit-keyframes pulse { + 50% { + opacity: .5; + } +} + +@keyframes pulse { + 50% { + opacity: .5; + } +} + +@-webkit-keyframes bounce { + 0%, 100% { + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + -webkit-transform: none; + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +@keyframes bounce { + 0%, 100% { + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + -webkit-transform: none; + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +@media (min-width: 640px) { + .sm\:block { + display: block; + } + + .sm\:mt-0 { + margin-top: 0; + } + + .sm\:ml-1 { + margin-left: 0.25rem; + } + + .sm\:mr-2 { + margin-right: 0.5rem; + } + + .sm\:pt-0 { + padding-top: 0; + } + + .sm\:w-6\/12 { + width: 50%; + } +} + +@media (min-width: 768px) { + .md\:block { + display: block; + } + + .md\:flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + + .md\:hidden { + display: none; + } + + .md\:flex-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .md\:flex-col { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + .md\:flex-no-wrap { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .md\:items-stretch { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + + .md\:justify-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .md\:justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + + .md\:justify-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .md\:mt-0 { + margin-top: 0; + } + + .md\:mt-4 { + margin-top: 1rem; + } + + .md\:mb-4 { + margin-bottom: 1rem; + } + + .md\:mt-40 { + margin-top: 10rem; + } + + .md\:mt-64 { + margin-top: 16rem; + } + + .md\:ml-64 { + margin-left: 16rem; + } + + .md\:min-h-full { + min-height: 100%; + } + + .md\:min-w-full { + min-width: 100%; + } + + .md\:opacity-100 { + opacity: 1; + } + + .md\:overflow-hidden { + overflow: hidden; + } + + .md\:overflow-y-auto { + overflow-y: auto; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .md\:pt-0 { + padding-top: 0; + } + + .md\:pb-2 { + padding-bottom: 0.5rem; + } + + .md\:pr-12 { + padding-right: 3rem; + } + + .md\:pt-32 { + padding-top: 8rem; + } + + .md\:fixed { + position: fixed; + } + + .md\:relative { + position: relative; + } + + .md\:top-0 { + top: 0; + } + + .md\:bottom-0 { + bottom: 0; + } + + .md\:left-0 { + left: 0; + } + + .md\:shadow-none { + -webkit-box-shadow: none; + box-shadow: none; + } + + .md\:text-left { + text-align: left; + } + + .md\:w-64 { + width: 16rem; + } + + .md\:w-4\/12 { + width: 33.333333%; + } + + .md\:w-5\/12 { + width: 41.666667%; + } + + .md\:w-6\/12 { + width: 50%; + } + + .md\:w-8\/12 { + width: 66.666667%; + } +} + +@media (min-width: 1024px) { + .lg\:bg-transparent { + background-color: transparent; + } + + .lg\:block { + display: block; + } + + .lg\:inline-block { + display: inline-block; + } + + .lg\:flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + + .lg\:hidden { + display: none; + } + + .lg\:flex-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + + .lg\:self-center { + -ms-flex-item-align: center; + align-self: center; + } + + .lg\:justify-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .lg\:order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + + .lg\:order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + + .lg\:order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + + .lg\:mb-0 { + margin-bottom: 0; + } + + .lg\:mr-1 { + margin-right: 0.25rem; + } + + .lg\:mr-4 { + margin-right: 1rem; + } + + .lg\:mt-16 { + margin-top: 4rem; + } + + .lg\:ml-auto { + margin-left: auto; + } + + .lg\:-ml-16 { + margin-left: -4rem; + } + + .lg\:-mt-64 { + margin-top: -16rem; + } + + .lg\:p-10 { + padding: 2.5rem; + } + + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .lg\:pt-0 { + padding-top: 0; + } + + .lg\:pt-4 { + padding-top: 1rem; + } + + .lg\:pt-12 { + padding-top: 3rem; + } + + .lg\:pt-24 { + padding-top: 6rem; + } + + .lg\:pb-64 { + padding-bottom: 16rem; + } + + .lg\:static { + position: static; + } + + .lg\:shadow-none { + -webkit-box-shadow: none; + box-shadow: none; + } + + .lg\:text-left { + text-align: left; + } + + .lg\:text-right { + text-align: right; + } + + .lg\:text-white { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); + } + + .lg\:text-gray-300 { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); + } + + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); + } + + .lg\:w-auto { + width: auto; + } + + .lg\:w-3\/12 { + width: 25%; + } + + .lg\:w-4\/12 { + width: 33.333333%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-8\/12 { + width: 66.666667%; + } + + .lg\:w-9\/12 { + width: 75%; + } +} + +@media (min-width: 1280px) { + .xl\:mb-0 { + margin-bottom: 0; + } + + .xl\:w-3\/12 { + width: 25%; + } + + .xl\:w-4\/12 { + width: 33.333333%; + } + + .xl\:w-6\/12 { + width: 50%; + } + + .xl\:w-8\/12 { + width: 66.666667%; + } +} diff --git a/src/components/BarChart.vue b/src/components/Cards/CardBarChart.vue similarity index 63% rename from src/components/BarChart.vue rename to src/components/Cards/CardBarChart.vue index 1ce418c..f426b89 100644 --- a/src/components/BarChart.vue +++ b/src/components/Cards/CardBarChart.vue @@ -1,33 +1,31 @@ diff --git a/src/components/LineChart.vue b/src/components/Cards/CardLineChart.vue similarity index 63% rename from src/components/LineChart.vue rename to src/components/Cards/CardLineChart.vue index fe21390..5b8ccd7 100644 --- a/src/components/LineChart.vue +++ b/src/components/Cards/CardLineChart.vue @@ -1,23 +1,23 @@ diff --git a/src/components/Dropdowns/PagesDropdown.vue b/src/components/Dropdowns/PagesDropdown.vue new file mode 100644 index 0000000..5200202 --- /dev/null +++ b/src/components/Dropdowns/PagesDropdown.vue @@ -0,0 +1,110 @@ + + diff --git a/src/components/Dropdowns/TableDropdown.vue b/src/components/Dropdowns/TableDropdown.vue new file mode 100644 index 0000000..5963826 --- /dev/null +++ b/src/components/Dropdowns/TableDropdown.vue @@ -0,0 +1,63 @@ + + diff --git a/src/components/UserDropdown.vue b/src/components/Dropdowns/UserDropdown.vue similarity index 74% rename from src/components/UserDropdown.vue rename to src/components/Dropdowns/UserDropdown.vue index 9dc4728..ffa20fe 100644 --- a/src/components/UserDropdown.vue +++ b/src/components/Dropdowns/UserDropdown.vue @@ -3,8 +3,8 @@
Action Another action Something else here
+ diff --git a/src/components/Footers/Footer.vue b/src/components/Footers/Footer.vue new file mode 100644 index 0000000..4bf9a5f --- /dev/null +++ b/src/components/Footers/Footer.vue @@ -0,0 +1,171 @@ + + diff --git a/src/components/Footers/FooterAdmin.vue b/src/components/Footers/FooterAdmin.vue new file mode 100644 index 0000000..34f4608 --- /dev/null +++ b/src/components/Footers/FooterAdmin.vue @@ -0,0 +1,69 @@ + + diff --git a/src/components/Footers/FooterSmall.vue b/src/components/Footers/FooterSmall.vue new file mode 100644 index 0000000..6d0c0d7 --- /dev/null +++ b/src/components/Footers/FooterSmall.vue @@ -0,0 +1,79 @@ + + + diff --git a/src/components/Headers/HeaderStats.vue b/src/components/Headers/HeaderStats.vue new file mode 100644 index 0000000..ce821ba --- /dev/null +++ b/src/components/Headers/HeaderStats.vue @@ -0,0 +1,70 @@ + + + diff --git a/src/components/Maps/MapExample.vue b/src/components/Maps/MapExample.vue new file mode 100644 index 0000000..141ebaa --- /dev/null +++ b/src/components/Maps/MapExample.vue @@ -0,0 +1,89 @@ + + diff --git a/src/components/Navbar.vue b/src/components/Navbars/AdminNavbar.vue similarity index 74% rename from src/components/Navbar.vue rename to src/components/Navbars/AdminNavbar.vue index 28e86cc..589753b 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbars/AdminNavbar.vue @@ -9,9 +9,10 @@ + Dashboard + -