ls-tailwindcss-config

This is a TailwindCSS configuration based on the LINE SHOPPING design system - UI. Available for all repositories with the same design. Can use default or override config customizations.

The project to be installed requires the Tailwind CSS Framework

Installation

npm install --save @linecorp/ls-tailwindcss-config

Private npm

You can manually add the following line in the global npm config ~/.npmrc or a local one ./.npmrc

@linecorp:registry=https://npm.linecorp.com/
registry=http://repo.linecorp.com/content/groups/npm/

Usage

After installation, imported the library to tailwind.config.js

import LSTailwindCSSConfig from 'ls-tailwindcss-config'
module.exports = LSTailwindCSSConfig()

if you want to add or override can send customizing config to the param.
Please follow configuring and customizing for prerequisite guide.

import LSTailwindCSSConfig from 'ls-tailwindcss-config'
const config = {
  theme: {
    fontSize: {
      'base': '1.5rem',
    },
    extend: {
      colors: {
        'regal-blue': '#243c5a',
      }
    }
  }
}
module.exports = LSTailwindCSSConfig(config)

Development

Prerequisites

Please install Volta before start develops the project for managing the Node version.

Install dependencies

$ npm install

Format standrad eslint

$ npm run lint

Run test

$ npm run test

Publish package to private NPM

$ npm run release