@jumpu-ui/tailwindcss
Advanced tools
+19
-0
@@ -9,5 +9,13 @@ /*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */ | ||
| "Courier New", monospace; | ||
| --color-blue-50: oklch(0.97 0.014 254.604); | ||
| --color-blue-100: oklch(0.932 0.032 255.585); | ||
| --color-blue-200: oklch(0.882 0.059 254.128); | ||
| --color-blue-300: oklch(0.809 0.105 251.813); | ||
| --color-blue-400: oklch(0.707 0.165 254.624); | ||
| --color-blue-500: oklch(0.623 0.214 259.815); | ||
| --color-blue-600: oklch(0.546 0.245 262.881); | ||
| --color-blue-700: oklch(0.488 0.243 264.376); | ||
| --color-blue-800: oklch(0.424 0.199 265.638); | ||
| --color-blue-900: oklch(0.379 0.146 265.522); | ||
| --color-blue-950: oklch(0.282 0.091 267.935); | ||
| --color-gray-50: oklch(0.985 0.002 247.839); | ||
@@ -43,6 +51,17 @@ --color-gray-100: oklch(0.967 0.003 264.542); | ||
| ); | ||
| --color-primary-50: var(--color-blue-50); | ||
| --color-primary-100: var(--color-blue-100); | ||
| --color-primary-200: var(--color-blue-200); | ||
| --color-primary-300: var(--color-blue-300); | ||
| --color-primary-400: var(--color-blue-400); | ||
| --color-primary-500: var(--color-blue-500); | ||
| --color-primary-600: var(--color-blue-600); | ||
| --color-primary-700: var(--color-blue-700); | ||
| --color-primary-800: var(--color-blue-800); | ||
| --color-primary-900: var(--color-blue-900); | ||
| --color-primary-950: var(--color-blue-950); | ||
| --spacing-relative: 0.25em; | ||
| --color-danger: #b80000; | ||
| --color-success: #15803d; | ||
| --color-warning: #facc15; | ||
| } | ||
@@ -49,0 +68,0 @@ } |
+1
-1
| MIT License | ||
| Copyright (c) 2020-2022 tuqulore inc. | ||
| Copyright (c) 2020-present tuqulore inc. | ||
@@ -5,0 +5,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy |
+2
-2
| { | ||
| "name": "@jumpu-ui/tailwindcss", | ||
| "description": "A Tailwind CSS plugin of Jumpu UI implementation.", | ||
| "version": "2.0.0-alpha.0", | ||
| "version": "2.0.0-alpha.1", | ||
| "author": "tuqulore inc.", | ||
@@ -45,3 +45,3 @@ "bugs": { | ||
| "type": "module", | ||
| "gitHead": "3e9bccde278cf9a22481ee5041214a797812c9d7" | ||
| "gitHead": "cd650b6edee5e745d4d6b9e64dc947a7ead6ff8a" | ||
| } |
+19
-6
@@ -9,3 +9,3 @@ # @jumpu-ui/tailwindcss | ||
| ## Usage | ||
| ## Installation | ||
@@ -18,9 +18,6 @@ Install the package to your project. | ||
| > [!NOTE] | ||
| > | ||
| > Currently, we've only support [@tailwindcss/vite installation](https://tailwindcss.com/docs/installation/using-vite). | ||
| Import the package to CSS file which installed Tailwind CSS. | ||
| ```css | ||
| /* If you installed Tailwind CSS with @tailwindcss/vite: */ | ||
| @import "tailwindcss"; | ||
@@ -30,5 +27,14 @@ @import "@jumpu-ui/tailwindcss"; | ||
| If you want use partial styles, please import several CSS files from the package as follows: | ||
| ```css | ||
| /* If you installed Tailwind CSS with @tailwindcss/postcss: */ | ||
| @import "tailwindcss"; | ||
| @import "@jumpu-ui/tailwindcss/src/style.css"; | ||
| ``` | ||
| ### Partially Installation | ||
| If you want to use partial styles, please import several CSS files from the package as follows: | ||
| ```css | ||
| /* If you installed Tailwind CSS with @tailwindcss/vite: */ | ||
| @import "tailwindcss"; | ||
@@ -39,2 +45,9 @@ @import "@jumpu-ui/tailwindcss/theme.css" layer(theme); | ||
| ```css | ||
| /* If you installed Tailwind CSS with @tailwindcss/postcss: */ | ||
| @import "tailwindcss"; | ||
| @import "@jumpu-ui/tailwindcss/src/theme.css" layer(theme); | ||
| @import "@jumpu-ui/tailwindcss/src/components/button.css" layer(components); | ||
| ``` | ||
| ## Configuration | ||
@@ -41,0 +54,0 @@ |
+1
-1
@@ -1,2 +0,2 @@ | ||
| @theme { | ||
| @theme static { | ||
| --color-danger: #b80000; | ||
@@ -3,0 +3,0 @@ --color-success: #15803d; |
+1
-1
@@ -1,2 +0,2 @@ | ||
| @theme { | ||
| @theme static { | ||
| --color-primary-50: var(--color-blue-50); | ||
@@ -3,0 +3,0 @@ --color-primary-100: var(--color-blue-100); |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
48246
2.75%1411
1.36%64
25.49%0
-100%