HTML

@sgroup/tailwind-plugins/base

We provide an extremely minimal, yet opinionated base (on top of Tailwind's preflight).

[v-cloak]

For Vue-based projects, any element with this attribute will be hidden until Vue is mounted. See v-cloak.

Font rendering

As a "fix" for rendering fonts across multiple browsers and OS's, we employ a browser fix:

webkit-font-smoothing: 'antialiased';
moz-osx-font-smoothing: 'grayscale';
moz-font-feature-settings: "liga", "kern";
text-rendering: 'optimizelegibility';

Configuration

Configure the @sgroup/tailwind-plugins/base plugin with options.

module.exports = {
   plugins: [
       require('@sgroup/tailwind-plugins/base')({
           fontRenderingFix: true,
       }),
   ],
};