HTML
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,
}),
],
};