-
+
+
+
Created with ❤️ and Nuxt
-
-
-
- Gradients
-
+
+
+ Gradients
-
+
-
-
+
-
+
@@ -64,23 +64,23 @@ import { navigation } from '@/assets/data/navigation'
export default {
data() {
return {
- mobile: false
+ mobile: false,
}
},
computed: {
navigation() {
return navigation
- }
+ },
},
watch: {
$route() {
this.mobile = false
- }
+ },
},
methods: {
toggleMobile() {
this.mobile = !this.mobile
- }
- }
+ },
+ },
}
diff --git a/components/GlobalPopup.vue b/components/GlobalPopup.vue
index 4f9374c..223bd09 100644
--- a/components/GlobalPopup.vue
+++ b/components/GlobalPopup.vue
@@ -1,9 +1,9 @@
-
+
@@ -30,13 +30,15 @@
export default {
data() {
return {
- show: false
+ show: false,
}
},
mounted() {
const showPopup = localStorage.getItem('showPopup')
const showPopupDate = localStorage.getItem('showPopupDate')
- const hourHasPassed = showPopupDate && new Date().getTime() - new Date(showPopupDate).getTime() > 3600000
+ const hourHasPassed =
+ showPopupDate &&
+ new Date().getTime() - new Date(showPopupDate).getTime() > 3600000
if (hourHasPassed) {
this.show = true
@@ -55,7 +57,7 @@ export default {
localStorage.setItem('showPopup', 'FALSE')
localStorage.setItem('showPopupDate', new Date().toISOString())
- }
- }
+ },
+ },
}
diff --git a/components/GradientCard.vue b/components/GradientCard.vue
index 03eb646..0a47581 100644
--- a/components/GradientCard.vue
+++ b/components/GradientCard.vue
@@ -2,36 +2,36 @@
-
-
+
-
-
+
+
@@ -49,34 +49,34 @@ export default {
props: {
name: {
type: String,
- required: true
+ required: true,
},
colors: {
type: String,
- required: true
+ required: true,
},
direction: {
type: [String, Boolean],
- default: false
+ default: false,
},
version: {
type: [String, Boolean],
- default: false
+ default: false,
},
controls: {
type: Boolean,
- default: true
+ default: true,
},
overlap: {
type: Boolean,
- default: true
- }
+ default: true,
+ },
},
data() {
return {
currentDirection: this.direction,
copyCode: '',
- isFavourite: false
+ isFavourite: false,
}
},
computed: {
@@ -88,14 +88,14 @@ export default {
directions() {
return this.version
? directions
- : directions.filter(dir => dir.key !== 'center')
+ : directions.filter((dir) => dir.key !== 'center')
},
favourite() {
return this.isFavourite ? 'text-rose-500' : 'text-white'
},
card() {
return this.overlap && '-mt-8'
- }
+ },
},
mounted() {
this.isFavourite = this.checkFavourite()
@@ -109,7 +109,7 @@ export default {
saveGradient() {
const gradients = JSON.parse(localStorage.getItem('gradients')) || []
- const exists = gradients.find(gradient => gradient.name === this.name)
+ const exists = gradients.find((gradient) => gradient.name === this.name)
if (exists) {
gradients.splice(gradients.indexOf(exists), 1)
@@ -122,7 +122,7 @@ export default {
name: this.name,
colors: this.colors,
direction: this.currentDirection,
- version: this.version
+ version: this.version,
})
this.isFavourite = true
@@ -137,8 +137,8 @@ export default {
checkFavourite() {
const gradients = JSON.parse(localStorage.getItem('gradients')) || []
- return gradients.find(gradient => gradient.name === this.name)
- }
- }
+ return gradients.find((gradient) => gradient.name === this.name)
+ },
+ },
}
diff --git a/components/GradientGrid.vue b/components/GradientGrid.vue
index 43f583f..398c0f4 100644
--- a/components/GradientGrid.vue
+++ b/components/GradientGrid.vue
@@ -1,6 +1,8 @@
-
+
diff --git a/components/GrainyCard.vue b/components/GrainyCard.vue
index b0a5a79..dbffdcd 100644
--- a/components/GrainyCard.vue
+++ b/components/GrainyCard.vue
@@ -1,27 +1,27 @@
-
-
+
-
+
@@ -39,20 +39,20 @@ export default {
props: {
leftColor: {
type: String,
- required: true
+ required: true,
},
rightColor: {
type: String,
- required: true
+ required: true,
},
name: {
type: String,
- required: true
- }
+ required: true,
+ },
},
data() {
return {
- color: ''
+ color: '',
}
},
mounted() {
@@ -63,8 +63,8 @@ export default {
methods: {
handleImage() {
downloadImage(this.$refs.parent, this.name)
- }
- }
+ },
+ },
}
diff --git a/components/GrainyPreview.vue b/components/GrainyPreview.vue
index 9624b85..8793876 100644
--- a/components/GrainyPreview.vue
+++ b/components/GrainyPreview.vue
@@ -1,7 +1,13 @@
-
-
-
+
@@ -11,13 +17,13 @@ export default {
props: {
gradient: {
type: String,
- required: true
+ required: true,
},
color: {
type: String,
- required: true
- }
- }
+ required: true,
+ },
+ },
}
diff --git a/components/HeaderGithub.vue b/components/HeaderGithub.vue
index 89015b1..8b3fbb6 100644
--- a/components/HeaderGithub.vue
+++ b/components/HeaderGithub.vue
@@ -6,6 +6,6 @@
>
GitHub
-
+
diff --git a/components/IconBulb.vue b/components/IconBulb.vue
index 86f2076..caaed31 100644
--- a/components/IconBulb.vue
+++ b/components/IconBulb.vue
@@ -1,5 +1,15 @@
-
-
+
diff --git a/components/IconCenter.vue b/components/IconCenter.vue
index 5c6dbd6..ac64e2b 100644
--- a/components/IconCenter.vue
+++ b/components/IconCenter.vue
@@ -1,5 +1,13 @@
-
-
+
diff --git a/components/IconChevron.vue b/components/IconChevron.vue
index 27f2dd3..d9de264 100644
--- a/components/IconChevron.vue
+++ b/components/IconChevron.vue
@@ -1,5 +1,13 @@
-
-
+
diff --git a/components/IconClose.vue b/components/IconClose.vue
index 5cade82..0d0e928 100644
--- a/components/IconClose.vue
+++ b/components/IconClose.vue
@@ -1,5 +1,13 @@
-
-
+
diff --git a/components/IconCode.vue b/components/IconCode.vue
index 1637e75..1ecba1b 100644
--- a/components/IconCode.vue
+++ b/components/IconCode.vue
@@ -1,5 +1,15 @@
-
-
+
diff --git a/components/IconGithub.vue b/components/IconGithub.vue
index 456be8e..8fda55f 100644
--- a/components/IconGithub.vue
+++ b/components/IconGithub.vue
@@ -1,3 +1,9 @@
-
+
diff --git a/components/IconImage.vue b/components/IconImage.vue
index 42a7dcc..5858b22 100644
--- a/components/IconImage.vue
+++ b/components/IconImage.vue
@@ -1,5 +1,15 @@
-
-
+
diff --git a/components/IconPencil.vue b/components/IconPencil.vue
index 88d24a6..8e4a1c5 100644
--- a/components/IconPencil.vue
+++ b/components/IconPencil.vue
@@ -1,5 +1,11 @@
-
-
+
diff --git a/components/IconRefresh.vue b/components/IconRefresh.vue
index c86ec02..b5a8bc7 100644
--- a/components/IconRefresh.vue
+++ b/components/IconRefresh.vue
@@ -1,5 +1,13 @@
-
-
+
diff --git a/components/IconStar.vue b/components/IconStar.vue
index 7280d42..09ff720 100644
--- a/components/IconStar.vue
+++ b/components/IconStar.vue
@@ -1,5 +1,15 @@
-
-
+
diff --git a/components/IconTailwind.vue b/components/IconTailwind.vue
index 25dc312..43fc577 100644
--- a/components/IconTailwind.vue
+++ b/components/IconTailwind.vue
@@ -1,3 +1,17 @@
-
+
+
+
+
+
+
+
diff --git a/components/MeshCanvas.vue b/components/MeshCanvas.vue
index e914cdd..c92f17d 100644
--- a/components/MeshCanvas.vue
+++ b/components/MeshCanvas.vue
@@ -8,20 +8,20 @@
:br-color="brColor"
/>
-
-
+
@@ -42,24 +42,24 @@ export default {
props: {
tlColor: {
type: String,
- required: true
+ required: true,
},
trColor: {
type: String,
- required: true
+ required: true,
},
blColor: {
type: String,
- required: true
+ required: true,
},
brColor: {
type: String,
- required: true
+ required: true,
},
name: {
type: String,
- required: true
- }
+ required: true,
+ },
},
mounted() {
this.drawCanvas()
@@ -109,7 +109,7 @@ export default {
},
handleImage() {
downloadImage(this.$refs.canvas, this.name)
- }
- }
+ },
+ },
}
diff --git a/components/MeshColors.vue b/components/MeshColors.vue
index c998c68..078c00b 100644
--- a/components/MeshColors.vue
+++ b/components/MeshColors.vue
@@ -1,21 +1,9 @@
-
@@ -24,20 +12,20 @@ export default {
props: {
tlColor: {
type: String,
- required: true
+ required: true,
},
trColor: {
type: String,
- required: true
+ required: true,
},
blColor: {
type: String,
- required: true
+ required: true,
},
brColor: {
type: String,
- required: true
- }
- }
+ required: true,
+ },
+ },
}
diff --git a/components/MeshPreview.vue b/components/MeshPreview.vue
index 4f06ba6..af1dcd6 100644
--- a/components/MeshPreview.vue
+++ b/components/MeshPreview.vue
@@ -1,10 +1,13 @@
-
+
@@ -17,16 +20,16 @@ export default {
props: {
gradient: {
type: String,
- required: true
+ required: true,
},
controls: {
type: Boolean,
- default: false
+ default: false,
},
stops: {
type: Array,
- required: true
- }
- }
+ required: true,
+ },
+ },
}
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1 @@
+{}
diff --git a/layouts/default.vue b/layouts/default.vue
index 06c156f..1dc35db 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -14,20 +14,20 @@
diff --git a/nuxt.config.js b/nuxt.config.js
index c8649e1..7ee3198 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -18,7 +18,6 @@ export default {
content:
'A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.',
},
- { name: 'format-detection', content: 'telephone=no' },
{ property: 'og:type', content: 'website' },
{ property: 'og:url', content: 'https://hypercolor.dev/' },
{
@@ -49,7 +48,7 @@ export default {
],
link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }],
},
- css: ['@/assets/css/main.css'],
+ css: ['@/assets/css/tailwind.css'],
plugins: [],
components: true,
buildModules: ['@nuxt/postcss8', '@nuxtjs/toast'],
@@ -65,13 +64,13 @@ export default {
sitemap: {
hostname: 'https://hypercolor.dev',
},
+ robots: {
+ UserAgent: '*',
+ },
toast: {
position: 'bottom-center',
duration: 2000,
className: 'notification',
containerClass: 'notification-container',
},
- robots: {
- UserAgent: '*',
- },
}
diff --git a/package.json b/package.json
index 92c26bb..ce97d51 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,9 @@
"eslint": "^8.0.0",
"html-to-image": "^1.9.0",
"postcss": "^8.4.10",
- "tailwindcss": "^3.1.5"
+ "tailwindcss": "^3.1.8",
+ "fast-glob": "^3.2.12",
+ "prettier": "^2.7.1",
+ "prettier-plugin-tailwindcss": "^0.1.13"
}
}
diff --git a/pages/favourite.vue b/pages/favourite.vue
index 070befa..2328652 100644
--- a/pages/favourite.vue
+++ b/pages/favourite.vue
@@ -19,7 +19,7 @@ export default {
name: 'FavouritePage',
data() {
return {
- gradients: []
+ gradients: [],
}
},
mounted() {
@@ -28,7 +28,7 @@ export default {
methods: {
setGradients() {
this.gradients = JSON.parse(localStorage.getItem('gradients'))
- }
- }
+ },
+ },
}
diff --git a/pages/flags.vue b/pages/flags.vue
index 588b9c1..392d87e 100644
--- a/pages/flags.vue
+++ b/pages/flags.vue
@@ -1,10 +1,17 @@
-
+
A collection of country flags created with Tailwind CSS.
-
@@ -18,7 +25,7 @@ export default {
computed: {
gradients() {
return gradients
- }
- }
+ },
+ },
}
diff --git a/pages/generator.vue b/pages/generator.vue
index 5a181b1..708f5e2 100644
--- a/pages/generator.vue
+++ b/pages/generator.vue
@@ -4,12 +4,18 @@
title="Gradient Generator"
subtitle="Gradient Generator for Tailwind CSS"
>
- Create your own Tailwind CSS gradient with the full Tailwind CSS color library and the extended radial and conic gradient options provided through Hypercolor.
+ Create your own Tailwind CSS gradient with the full Tailwind CSS color
+ library and the extended radial and conic gradient options provided
+ through Hypercolor.
-
+
@@ -26,59 +32,60 @@ import { fromColors, viaColors, toColors } from '~/assets/data/colors'
export default {
name: 'GeneratorPage',
- asyncData () {
+ asyncData() {
const filteredDirections = directions
- .flatMap(dir => [dir.gradient, dir.radial, dir.conic])
- .filter(dir => dir !== '')
+ .flatMap((dir) => [dir.gradient, dir.radial, dir.conic])
+ .filter((dir) => dir !== '')
.sort()
return {
directions: filteredDirections,
fromColors,
viaColors,
- toColors
+ toColors,
}
},
- data () {
+ data() {
return {
direction: '',
from: '',
via: '',
- to: ''
+ to: '',
}
},
- head () {
+ head() {
return {
title: 'Gradient Generator for Tailwind CSS',
meta: [
{
hid: 'description',
name: 'description',
- content: 'Create your own Tailwind CSS gradient with the full Tailwind CSS color library and the extended radial and conic gradient options provided through Hypercolor.'
- }
- ]
+ content:
+ 'Create your own Tailwind CSS gradient with the full Tailwind CSS color library and the extended radial and conic gradient options provided through Hypercolor.',
+ },
+ ],
}
},
computed: {
- gradient () {
+ gradient() {
return this.via !== 'none'
? `${this.direction} ${this.from} ${this.via} ${this.to}`
: `${this.direction} ${this.from} ${this.to}`
- }
+ },
},
- mounted () {
+ mounted() {
this.handleRandomiser()
},
methods: {
- getRandom (array) {
+ getRandom(array) {
return array[Math.floor(Math.random() * array.length)]
},
- handleRandomiser () {
+ handleRandomiser() {
this.direction = this.getRandom(this.directions)
this.from = this.getRandom(this.fromColors)
this.via = this.getRandom(this.viaColors)
this.to = this.getRandom(this.toColors)
- }
- }
+ },
+ },
}
diff --git a/pages/grainy.vue b/pages/grainy.vue
index 84d92d6..04ab014 100644
--- a/pages/grainy.vue
+++ b/pages/grainy.vue
@@ -4,13 +4,22 @@
title="Grainy Gradient Generator"
subtitle="Grainy Gradient Generator for Tailwind CSS"
>
- Create beautiful grainy style gradients using the full range of Tailwind CSS
- colors, perfect for your desktop or phone wallpaper.
+ Create beautiful grainy style gradients using the full range of Tailwind
+ CSS colors, perfect for your desktop or phone wallpaper.
-
+
-
+
@@ -30,73 +39,74 @@ import { getColor } from '@/utils/colors'
export default {
name: 'GrainyPage',
- asyncData () {
+ asyncData() {
const filteredDirections = directions
- .flatMap(dir => [dir.gradient, dir.radial, dir.conic])
- .filter(dir => dir !== '')
+ .flatMap((dir) => [dir.gradient, dir.radial, dir.conic])
+ .filter((dir) => dir !== '')
.sort()
return {
directions: filteredDirections,
fromColors,
viaColors,
- toColors
+ toColors,
}
},
- data () {
+ data() {
return {
direction: '',
from: '',
via: '',
to: '',
- color: ''
+ color: '',
}
},
- head () {
+ head() {
return {
title: 'Gradient Generator for Tailwind CSS',
meta: [
{
hid: 'description',
name: 'description',
- content: 'Create your own Tailwind CSS gradient with the full Tailwind CSS color library and the extended radial and conic gradient options provided through Hypercolor.'
- }
- ]
+ content:
+ 'Create your own Tailwind CSS gradient with the full Tailwind CSS color library and the extended radial and conic gradient options provided through Hypercolor.',
+ },
+ ],
}
},
computed: {
- gradient () {
+ gradient() {
return this.via !== 'none'
? `${this.direction} ${this.from} ${this.via} ${this.to}`
: `${this.direction} ${this.from} ${this.to}`
},
- bgColor () {
+ bgColor() {
return this.from.replace('from', 'bg')
- }
+ },
},
watch: {
- from () {
+ from() {
this.getColor()
- }
+ },
},
- mounted () {
+ mounted() {
this.handleRandomiser()
this.$nextTick(() => this.getColor())
},
methods: {
- getRandom (array) {
+ getRandom(array) {
return array[Math.floor(Math.random() * array.length)]
},
- handleRandomiser () {
+ handleRandomiser() {
this.direction = this.getRandom(this.directions)
this.from = this.getRandom(this.fromColors)
this.via = this.getRandom(this.viaColors)
this.to = this.getRandom(this.toColors)
},
- getColor () {
+ getColor() {
this.color = getColor(this.$refs.bgColor)
- }
- }
+ },
+ },
}
diff --git a/pages/index.vue b/pages/index.vue
index 82f6f5f..e5286f0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -20,7 +20,7 @@ export default {
computed: {
gradients() {
return gradients
- }
- }
+ },
+ },
}
diff --git a/pages/mesh.vue b/pages/mesh.vue
index 5cf8e7a..9ca787c 100644
--- a/pages/mesh.vue
+++ b/pages/mesh.vue
@@ -8,28 +8,38 @@
colors, perfect for your desktop or phone wallpaper.
-
+
Hide
@@ -38,7 +48,7 @@
Add Stop
@@ -46,27 +56,33 @@
-
-
+
Remove Stop
@@ -145,9 +173,9 @@ import { getColor } from '@/utils/colors'
export default {
name: 'MeshPage',
- asyncData () {
+ asyncData() {
return {
- bgColors
+ bgColors,
}
},
data() {
@@ -157,7 +185,7 @@ export default {
stops: [],
rgbColor: '',
rgbColors: [],
- showControls: false
+ showControls: false,
}
},
head() {
@@ -168,37 +196,37 @@ export default {
hid: 'description',
name: 'description',
content:
- 'Create beautiful mesh style gradients using the full range of Tailwind CSS colors, perfect for your desktop or phone wallpaper.'
- }
- ]
+ 'Create beautiful mesh style gradients using the full range of Tailwind CSS colors, perfect for your desktop or phone wallpaper.',
+ },
+ ],
}
},
watch: {
color: {
handler() {
this.update()
- }
+ },
},
colors: {
handler() {
this.update()
},
- deep: true
- }
+ deep: true,
+ },
},
mounted() {
this.handleRandomiser()
},
methods: {
- getRandomColor (array) {
+ getRandomColor(array) {
return array[Math.floor(Math.random() * array.length)]
},
- getRandomNumber () {
+ getRandomNumber() {
return Math.floor(Math.random() * 100) + 1
},
- handleRandomiser () {
+ handleRandomiser() {
this.color = this.getRandomColor(bgColors)
this.colors = []
@@ -211,9 +239,9 @@ export default {
const newStop = {
position: {
left: this.getRandomNumber(),
- top: this.getRandomNumber()
+ top: this.getRandomNumber(),
},
- transparent: this.getRandomNumber()
+ transparent: this.getRandomNumber(),
}
this.stops.push(newStop)
@@ -225,7 +253,12 @@ export default {
gradient() {
return `
background-color: ${this.rgbColor};
- background-image: ${this.stops.map((stop, index) => `radial-gradient(at ${stop.position.left}% ${stop.position.top}%, ${this.rgbColors[index]} 0, transparent ${stop.transparent}%)`).join(', ')};
+ background-image: ${this.stops
+ .map(
+ (stop, index) =>
+ `radial-gradient(at ${stop.position.left}% ${stop.position.top}%, ${this.rgbColors[index]} 0, transparent ${stop.transparent}%)`
+ )
+ .join(', ')};
`
},
generate() {
@@ -245,16 +278,17 @@ export default {
const newStop = {
position: {
left: this.getRandomNumber(),
- top: this.getRandomNumber()
+ top: this.getRandomNumber(),
},
- transparent: this.getRandomNumber()
+ transparent: this.getRandomNumber(),
}
- const color = this.bgColors[Math.floor(Math.random() * this.bgColors.length)]
+ const color =
+ this.bgColors[Math.floor(Math.random() * this.bgColors.length)]
this.stops.push(newStop)
this.colors.push(color)
- }
- }
+ },
+ },
}
diff --git a/prettier.config.js b/prettier.config.js
new file mode 100644
index 0000000..6acc558
--- /dev/null
+++ b/prettier.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+ semi: false,
+ tabWidth: 2,
+ useTabs: false,
+ singleQuote: true,
+ trailingComma: 'es5',
+ plugins: [require('prettier-plugin-tailwindcss')],
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 6be9d7e..15022d4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,11 @@
const defaultTheme = require('tailwindcss/defaultTheme')
+/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
- 'pages/*.{vue,js}',
'pages/**/*.{vue,js}',
'components/**/*.{vue,js}',
- 'assets/data/*.js',
+ 'assets/**/*.js',
],
theme: {
extend: {
diff --git a/yarn.lock b/yarn.lock
index cce108e..c2ef29d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4039,6 +4039,17 @@ fast-glob@^3.2.11, fast-glob@^3.2.9:
merge2 "^1.3.0"
micromatch "^4.0.4"
+fast-glob@^3.2.12:
+ version "3.2.12"
+ resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+ integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+ dependencies:
+ "@nodelib/fs.stat" "^2.0.2"
+ "@nodelib/fs.walk" "^1.2.3"
+ glob-parent "^5.1.2"
+ merge2 "^1.3.0"
+ micromatch "^4.0.4"
+
fast-json-stable-stringify@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -7208,7 +7219,12 @@ prepend-http@^1.0.0:
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==
-"prettier@^1.18.2 || ^2.0.0":
+prettier-plugin-tailwindcss@^0.1.13:
+ version "0.1.13"
+ resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz#ca1071361dc7e2ed5d95a2ee36825ce45f814942"
+ integrity sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==
+
+"prettier@^1.18.2 || ^2.0.0", prettier@^2.7.1:
version "2.7.1"
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
@@ -8303,10 +8319,10 @@ svgo@^1.0.0:
unquote "~1.1.1"
util.promisify "~1.0.0"
-tailwindcss@^3.1.5:
- version "3.1.7"
- resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.7.tgz#ce99425f30a74e01457a2e6a724463b0df3159ac"
- integrity sha512-r7mgumZ3k0InfVPpGWcX8X/Ut4xBfv+1O/+C73ar/m01LxGVzWvPxF/w6xIUPEztrCoz7axfx0SMdh8FH8ZvRQ==
+tailwindcss@^3.1.8:
+ version "3.1.8"
+ resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.8.tgz#4f8520550d67a835d32f2f4021580f9fddb7b741"
+ integrity sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==
dependencies:
arg "^5.0.2"
chokidar "^3.5.3"