Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@toptal/base-tailwind

Package Overview
Dependencies
Maintainers
0
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@toptal/base-tailwind - npm Package Compare versions

Comparing version 0.0.2-alpha-fx-5726-create-base-preset-package-7cdb4a4dd.4295 to 0.0.2-alpha-fx-5726-create-base-preset-package-82bcdce69.4297

4

dist-package/package.json
{
"name": "@toptal/base-tailwind",
"version": "0.0.2-alpha-fx-5726-create-base-preset-package-7cdb4a4dd.4295+7cdb4a4dd",
"version": "0.0.2-alpha-fx-5726-create-base-preset-package-82bcdce69.4297+82bcdce69",
"description": "Base Tailwind configuration that contains global design token. This preset have to be reused by any project-specific Tailwind configuration.",

@@ -38,3 +38,3 @@ "author": "Toptal",

],
"gitHead": "7cdb4a4ddee130d17468e7b2eeab69c26fd36ea4"
"gitHead": "82bcdce6958f2a3a2d9516d6d122b34c1e982fe2"
}
# `base-tailwind`
BASE design Tailwind preset that contains global design token. The preset has to be reused by any project-specific Tailwind configuration (Picasso, Caliber, etc.).
BASE design Tailwind preset that contains global design token. The preset has to be reused by any project-specific Tailwind configuration (Picasso, Caliber, etc.) and has to be mentioned before any other presets.
```javascript
const basePreset = require('@toptal/base-tailwind')
const picassoPreset = require('@toptal/picasso-tailwind')
const caliberPreset = require('@toptal/caliber-tailwind')
/** @type {import('tailwindcss').Config} */
module.exports = {
plugins: [
...(basePreset.plugins || []),
...(picassoPreset.plugins || []),
...(caliberPreset.plugins || []),
presets: [
require('@toptal/base-tailwind'),
require('@toptal/picasso-tailwind'),
],
theme: {
...basePreset.theme,
...picassoPreset.theme,
...caliberPreset.theme,
},
extend: {
...basePreset.extend,
...picassoPreset.extend,
...caliberPreset.extend,
},
// ...
}
```
{
"name": "@toptal/base-tailwind",
"version": "0.0.2-alpha-fx-5726-create-base-preset-package-7cdb4a4dd.4295+7cdb4a4dd",
"version": "0.0.2-alpha-fx-5726-create-base-preset-package-82bcdce69.4297+82bcdce69",
"description": "Base Tailwind configuration that contains global design token. This preset have to be reused by any project-specific Tailwind configuration.",

@@ -38,3 +38,3 @@ "author": "Toptal",

],
"gitHead": "7cdb4a4ddee130d17468e7b2eeab69c26fd36ea4"
"gitHead": "82bcdce6958f2a3a2d9516d6d122b34c1e982fe2"
}
# `base-tailwind`
BASE design Tailwind preset that contains global design token. The preset has to be reused by any project-specific Tailwind configuration (Picasso, Caliber, etc.).
BASE design Tailwind preset that contains global design token. The preset has to be reused by any project-specific Tailwind configuration (Picasso, Caliber, etc.) and has to be mentioned before any other presets.
```javascript
const basePreset = require('@toptal/base-tailwind')
const picassoPreset = require('@toptal/picasso-tailwind')
const caliberPreset = require('@toptal/caliber-tailwind')
/** @type {import('tailwindcss').Config} */
module.exports = {
plugins: [
...(basePreset.plugins || []),
...(picassoPreset.plugins || []),
...(caliberPreset.plugins || []),
presets: [
require('@toptal/base-tailwind'),
require('@toptal/picasso-tailwind'),
],
theme: {
...basePreset.theme,
...picassoPreset.theme,
...caliberPreset.theme,
},
extend: {
...basePreset.extend,
...picassoPreset.extend,
...caliberPreset.extend,
},
// ...
}
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc