Add packages, Update tailwind.config.js

This commit is contained in:
yude 2021-03-08 13:37:56 +09:00
parent 4aa120e7a9
commit a5d189a401
3 changed files with 79 additions and 15 deletions

View File

@ -28,15 +28,18 @@
"@zeit/next-css": "^1.0.1",
"autoprefixer": "^10.2.4",
"next": "^10.0.6",
"next-themes": "^0.0.10",
"next-themes": "^0.0.12",
"next-translate": "^1.0.2",
"nightwind": "^1.1.6",
"popper.js": "^1.16.1",
"postcss": "^8.2.4",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-switch": "^6.0.0",
"tailwindcss": "^2.0.2",
"tailwindcss-filters": "^3.0.0",
"tailwindcss-responsive-embed": "^1.0.0"
"tailwindcss-responsive-embed": "^1.0.0",
"use-dark-mode": "^2.3.1"
},
"devDependencies": {
"@types/node": "^14.14.25",

View File

@ -1,6 +1,6 @@
module.exports = {
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: "class", // or 'media' or 'class'
darkMode: "class",
theme: {
aspectRatio: {
none: 0,
@ -47,14 +47,15 @@ module.exports = {
}
},
variants: {
animation: ['hover', 'focus'], // allow animate-* to use hover: and focus:
filter: ['responsive'], // defaults to ['responsive']
backdropFilter: ['responsive'], // defaults to ['responsive']
animation: ['hover', 'focus'],
filter: ['responsive'],
backdropFilter: ['responsive'],
aspectRatio: ['responsive'],
nightwind: ['group-hover', 'active', 'focus'],
},
plugins: [
require('tailwindcss-filters'),
require("tailwindcss-responsive-embed"),
require("tailwindcss-aspect-ratio"),
require("tailwindcss-aspect-ratio")
]
}

View File

@ -131,7 +131,7 @@
postcss "7.0.32"
purgecss "^2.3.0"
"@fullhuman/postcss-purgecss@^3.0.0":
"@fullhuman/postcss-purgecss@^3.0.0", "@fullhuman/postcss-purgecss@^3.1.3":
version "3.1.3"
resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz#47af7b87c9bfb3de4bc94a38f875b928fffdf339"
integrity sha512-kwOXw8fZ0Lt1QmeOOrd+o4Ibvp4UTEBFQbzvWldjlKv5n+G9sXfIPn1hh63IQIL8K8vbvv1oYMJiIUbuy9bGaA==
@ -220,6 +220,11 @@
"@types/prop-types" "*"
csstype "^3.0.2"
"@use-it/event-listener@^0.1.2":
version "0.1.6"
resolved "https://registry.yarnpkg.com/@use-it/event-listener/-/event-listener-0.1.6.tgz#5776274fec72f3f25af9ead1898e7f45bc435812"
integrity sha512-e6V7vbU8xpuqy4GZkTLExHffOFgxmGHo3kNWnlhzM/zcX2v+idbD/HaJ9sKdQMgTh+L7MIhdRDXGX3SdAViZzA==
"@zeit/next-css@^1.0.1":
version "1.0.1"
resolved "https://registry.yarnpkg.com/@zeit/next-css/-/next-css-1.0.1.tgz#4f784e841e7ca1b21b3468a902e2c1fa95a3e75c"
@ -1266,7 +1271,7 @@ fs-extra@^8.0.0:
jsonfile "^4.0.0"
universalify "^0.1.0"
fs-extra@^9.0.1:
fs-extra@^9.0.1, fs-extra@^9.1.0:
version "9.1.0"
resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@ -1828,10 +1833,10 @@ native-url@0.3.4:
dependencies:
querystring "^0.2.0"
next-themes@^0.0.10:
version "0.0.10"
resolved "https://registry.yarnpkg.com/next-themes/-/next-themes-0.0.10.tgz#86fe5f8a4654416f5d9157993217180174e582b8"
integrity sha512-YapL2GVJDooOuGYCYyCywYXRMpulBngG5Qay/HkMK9RyL9xOZ6C3vEgac2dzLWpo3uDVlk+0Qc9XgwGfLHwq/w==
next-themes@^0.0.12:
version "0.0.12"
resolved "https://registry.yarnpkg.com/next-themes/-/next-themes-0.0.12.tgz#8021999f314dc08614f4bcd1f8b7b91f1cd5bf00"
integrity sha512-127ZeerlF/GC17TMVkZkarj3f01weI03b+Ne1xHmmaRs9ouYXVkgyAd60GHRzUnCFVo1NKLcZe0Pr8OnTzrxwQ==
next-translate@^1.0.2:
version "1.0.2"
@ -1883,6 +1888,13 @@ next@^10.0.6:
optionalDependencies:
sharp "0.26.3"
nightwind@^1.1.6:
version "1.1.6"
resolved "https://registry.yarnpkg.com/nightwind/-/nightwind-1.1.6.tgz#c6c25069406ef7e4369bac46d73ea9bffa9d3a1a"
integrity sha512-xIPMG2I7VHsO/c/yN56PnLY2NKXNGk1wCjQvbUY684SIJTeLIGH2mIz//P3Quu62PXnkfmg5wnH/eHXj/R0tYw==
dependencies:
tailwindcss "^2.0.0"
node-abi@^2.7.0:
version "2.19.3"
resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.19.3.tgz#252f5dcab12dad1b5503b2d27eddd4733930282d"
@ -1998,7 +2010,7 @@ object-assign@^4.1.0, object-assign@^4.1.1:
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
object-hash@^2.0.3:
object-hash@^2.0.3, object-hash@^2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.1.1.tgz#9447d0279b4fcf80cff3259bf66a1dc73afabe09"
integrity sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==
@ -2481,6 +2493,13 @@ react-refresh@0.8.3:
resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
react-switch@^6.0.0:
version "6.0.0"
resolved "https://registry.yarnpkg.com/react-switch/-/react-switch-6.0.0.tgz#bd4a2dea08f211b8a32e55e8314fd44bc1ec947e"
integrity sha512-QV3/6eRK5/5epdQzIqvDAHRoGLbCv/wDpHUi6yBMXY1Xco5XGuIZxvB49PHoV1v/SpEgOCJLD/Zo43iic+aEIw==
dependencies:
prop-types "^15.7.2"
react@^17.0.1:
version "17.0.1"
resolved "https://registry.yarnpkg.com/react/-/react-17.0.1.tgz#6e0600416bd57574e3f86d92edba3d9008726127"
@ -2518,7 +2537,7 @@ readdirp@~3.5.0:
dependencies:
picomatch "^2.2.1"
reduce-css-calc@^2.1.6:
reduce-css-calc@^2.1.6, reduce-css-calc@^2.1.8:
version "2.1.8"
resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz#7ef8761a28d614980dc0c982f772c93f7a99de03"
integrity sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==
@ -2924,6 +2943,32 @@ tailwindcss@^1.2.0:
reduce-css-calc "^2.1.6"
resolve "^1.14.2"
tailwindcss@^2.0.0:
version "2.0.3"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.0.3.tgz#f8d07797d1f89dc4b171673c26237b58783c2c86"
integrity sha512-s8NEqdLBiVbbdL0a5XwTb8jKmIonOuI4RMENEcKLR61jw6SdKvBss7NWZzwCaD+ZIjlgmesv8tmrjXEp7C0eAQ==
dependencies:
"@fullhuman/postcss-purgecss" "^3.1.3"
bytes "^3.0.0"
chalk "^4.1.0"
color "^3.1.3"
detective "^5.2.0"
didyoumean "^1.2.1"
fs-extra "^9.1.0"
html-tags "^3.1.0"
lodash "^4.17.20"
modern-normalize "^1.0.0"
node-emoji "^1.8.1"
object-hash "^2.1.1"
postcss-functions "^3"
postcss-js "^3.0.3"
postcss-nested "^5.0.1"
postcss-selector-parser "^6.0.4"
postcss-value-parser "^4.1.0"
pretty-hrtime "^1.0.3"
reduce-css-calc "^2.1.8"
resolve "^1.19.0"
tailwindcss@^2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.0.2.tgz#28e1573d29dd4547b26782facb05bcfaa92be366"
@ -3078,6 +3123,21 @@ url@^0.11.0:
punycode "1.3.2"
querystring "0.2.0"
use-dark-mode@^2.3.1:
version "2.3.1"
resolved "https://registry.yarnpkg.com/use-dark-mode/-/use-dark-mode-2.3.1.tgz#d506349c7b7e09e9977cb8a6ab4470896aa3779a"
integrity sha512-hmcdJR96tTustRQdaQwe6jMrZHnmPqXBxgy4jaQ4gsfhwajsCpjECuq9prgDe9XxMx/f9r96o2/md6O4Lwhwjg==
dependencies:
"@use-it/event-listener" "^0.1.2"
use-persisted-state "^0.3.0"
use-persisted-state@^0.3.0:
version "0.3.3"
resolved "https://registry.yarnpkg.com/use-persisted-state/-/use-persisted-state-0.3.3.tgz#5e0f2236967cec7c34de33abc07ae6818e7c7451"
integrity sha512-pCNlvYC8+XjRxwnIut4teGC9f2p9aD88R8OGseQGZa2dvqG/h1vEGk1vRE1IZG0Vf161UDpn+NlW4+UGubQflQ==
dependencies:
"@use-it/event-listener" "^0.1.2"
use-subscription@1.5.1:
version "1.5.1"
resolved "https://registry.yarnpkg.com/use-subscription/-/use-subscription-1.5.1.tgz#73501107f02fad84c6dd57965beb0b75c68c42d1"