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

@vismaux/tailwindcss-vud

Package Overview
Dependencies
Maintainers
8
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vismaux/tailwindcss-vud

Visma Unified Design theme configuration for tailwindcss.

  • 1.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
558
decreased by-12.68%
Maintainers
8
Weekly downloads
 
Created
Source

@vismaux/tailwindcss-vud

npm version

Visma Unified Design (VUD) theme configuration for tailwindcss.

Usage

Note: This guide expects to have tailwindcss already in place.
If not, please refer to tailwindcss installation guide.

This package supports two different configurations:

  • Complementary - for use together with @vismaux/vud;
  • Vanilla - standalone configuration of the VUD theme (not available yet).

Complementary (to @vismaux/vud)

  1. Install this package npm i @vismaux/tailwindcss-vud -D;
  2. Add it to your tailwind.config.js:
const { complementaryTheme } = require('@vismaux/tailwindcss-vud');

module.exports = {
  /**
   * Main property to set the theme.
   * If needed, values can be overwritten by using the spread syntax:
   * `theme: { ...complementaryTheme, colors: myColors }`
   * or taking use of special `extend` property, more on that:
   * https://tailwindcss.com/docs/theme#extending-the-default-theme
   */
  theme: complementaryTheme,

  // recommended, to avoid name conflicts with the classes coming from `vud` library
  prefix: 'tw-',

  // recommended, to give higher specificity for tailwind utilities than `vud` styles
  important: true,

  // recommended, because `vud` library already handles the font family
  corePlugins: {
    fontFamily: false,
  },

  // ... the rest of your configuration ...
};

Vanilla

not available yet

FAQs

Package last updated on 23 Mar 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

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