2.6.0 • Published 16 days ago
@mskcc/tailwind v2.6.0
MSK Tailwind Package
tailwind configuration file for MSKCC
Installation
You will need to install the following packages and add the preset to your tailwind.config.js
file.
We also have postcss and stylesheet config files, but our tailwind config is the only one that is needed to incorporate DSM.
npm install --save-dev @mskcc/tailwind tailwindcss postcss postcss-import autoprefixer
Create the following files inside root directory of your project:
tailwind.config.js
postcss.config.js
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
presets: [require('@mskcc/tailwind/presets')],
content: [
'./src/**/*.{js,ts,jsx,tsx}',
// or wherever your files that will use tailwind lives
],
};
Extended Configurations
// postcss.config.js
module.exports = {
...require('@mskcc/tailwind/postcss.config'),
};
/* add the following to your global stylesheet */
@import '@mskcc/tailwind/styles.css';
Usage
- Colors
bg-msk-[color]-[10-100]
- Elevations (box shadows)
shadow-msk-elevation-[plus|minus]-[0-24]
- Typescale (h1, display1)
text-msk-[type]-[0-9]
- Font family
font-msk-[type]
2.6.1-beta.0
16 days ago
2.6.0
23 days ago
2.5.1-beta.0
27 days ago
2.5.0
28 days ago
2.4.5
3 months ago
2.4.4
4 months ago
2.4.3
4 months ago
2.4.3-beta.0
5 months ago
2.4.2
6 months ago
2.4.1
7 months ago
2.4.0
7 months ago
2.3.0
7 months ago
2.2.0
7 months ago
2.1.0
8 months ago
2.0.1-beta.0
8 months ago
2.0.0
9 months ago