@slipmatio/tailwind-config

3.0.0 • Public • Published

Common TailwindCSS configuration for Slipmat.io projects. The project versioning follows Tailwind major versions (ie. v3.x of this package use Tailwind 3.x).

This configuration adds:

  • Slipmat colors:
    • slipmat for Slipmat red (slipmat-500 is the logo color)
  • Play font to default sans fonts

Usage

First install the package:

pnpm add -D @slipmatio/tailwind-config

then add require('@slipmatio/tailwind-config') to presets array in tailwind.config.js.

You can then extend the config if you want. Extended properties override the defaults:

// tailwind.config.js

module.exports = {
  presets: [require('@slipmatio/tailwind-config')],
  theme: {
    extend: {
      fontFamily: {
        source: ['Source Sans Pro', 'sans-serif'],
      },
    },
  },
}

Install the Play font by adding following tags to the <head> of the main template:

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
  href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap"
  rel="stylesheet"
/>

More from Tailwind documentation.

Follow @Uninen on Twitter.

Package Sidebar

Install

npm i @slipmatio/tailwind-config

Homepage

slipmat.io

Weekly Downloads

12

Version

3.0.0

License

MIT

Unpacked Size

3.79 kB

Total Files

4

Last publish

Collaborators

  • uninen