DEV-catppuccin/tailwindcss
1
0
Fork 0
mirror of https://github.com/catppuccin/tailwindcss.git synced 2026-01-09 05:01:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update after repo transfer

Browse Source
This commit is contained in:
winston 2022-07-05 04:23:40 +02:00
parent 79829ce97a
commit ae2a9cd567
No known key found for this signature in database
GPG Key ID: 3786770EDBC2B481
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -1,7 +1,7 @@
<h3 align="center"> <h3 align="center">
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png" height="30" width="0px"/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png" height="30" width="0px"/>
Catppuccin for TailwindCSS Catppuccin for <a href="https://github.com/tailwindlabs/tailwindcss">TailwindCSS</a>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png" height="30" width="0px"/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png" height="30" width="0px"/>
</h3> </h3>
@ -17,15 +17,15 @@
## Preview ## Preview
You can check out one of our deployed examples [here](https://nekowinston.github.io/catppuccin-tailwindcss/)! You can check out one of our deployed examples [here](https://catppuccin.github.io/tailwindcss)!
## Usage ## Usage
1. Install the plugin 1. Install the plugin
```sh ```sh
$ npm install -D @nekowinston/ctp-tailwindcss $ npm install -D @catppuccin/tailwindcss
# --- or --- # --- or ---
$ yarn add -D @nekowinston/ctp-tailwindcss $ yarn add -D @catppuccin/tailwindcss
``` ```
2. Configure your `tailwind.config.js` 2. Configure your `tailwind.config.js`
@ -33,7 +33,7 @@ $ yarn add -D @nekowinston/ctp-tailwindcss
module.exports = { module.exports = {
// ...other settings // ...other settings
plugins: [ plugins: [
require('@nekowinston/ctp-tailwindcss'), require('@catppuccin/tailwindcss'),
], ],
} }
``` ```
@ -43,7 +43,7 @@ module.exports = {
module.exports = { module.exports = {
// ...other settings // ...other settings
plugins: [ plugins: [
require('@nekowinston/ctp-tailwindcss')({ require('@catppuccin/tailwindcss')({
// prefix to use, e.g. `text-pink` becomes `text-ctp-pink`. // prefix to use, e.g. `text-pink` becomes `text-ctp-pink`.
// default is `false`, which means no prefix // default is `false`, which means no prefix
prefix: 'ctp', prefix: 'ctp',

10
package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "@nekowinston/ctp-tailwindcss", "name": "@catppuccin/tailwindcss",
"version": "0.0.3", "version": "0.0.3",
"main": "plugin.js", "main": "plugin.js",
"author": "winston <hey@winston.sh>", "author": "winston <hey@winston.sh>",
@ -12,12 +12,12 @@
"plugin.js" "plugin.js"
], ],
"bugs": { "bugs": {
"url": "https://github.com/nekowinston/catppuccin-tailwindcss/issues" "url": "https://github.com/catpuccin/tailwindcss/issues"
}, },
"homepage": "https://github.com/nekowinston/catppuccin-tailwindcss#readme", "homepage": "https://github.com/catpuccin/tailwindcss#readme",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/nekowinston/catppuccin-tailwindcss.git" "url": "https://github.com/catpuccin/tailwindcss.git"
}, },
"keywords": [ "keywords": [
"pastel-colors", "pastel-colors",
@ -28,7 +28,7 @@
"soothing" "soothing"
], ],
"dependencies": { "dependencies": {
"@nekowinston/ctp-palette": "0.1.5", "@catppuccin/palette": "0.1.5",
"tailwindcss": "^3.0.24" "tailwindcss": "^3.0.24"
}, },
"devDependencies": { "devDependencies": {

2
plugin.js
View File

@ -1,5 +1,5 @@
const plugin = require("tailwindcss/plugin"); const plugin = require("tailwindcss/plugin");
const ctp = require("@nekowinston/ctp-palette"); const ctp = require("@catppuccin/palette");
// helper function for css values + opacity in tailwind < 3.1 // helper function for css values + opacity in tailwind < 3.1
const withOpacity = (variableName) => { const withOpacity = (variableName) => {