You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -220,17 +220,17 @@ module.exports = {
220
220
}
221
221
```
222
222
223
-
Customizations should be applied to a specific modifier like `default` or `xl`, and must be added under the `css` property. Customizations are authored in the same [CSS-in-JS syntax](https://tailwindcss.com/docs/plugins#css-in-js-syntax) used to write Tailwind plugins.
223
+
Customizations should be applied to a specific modifier like `DEFAULT` or `xl`, and must be added under the `css` property. Customizations are authored in the same [CSS-in-JS syntax](https://tailwindcss.com/docs/plugins#css-in-js-syntax) used to write Tailwind plugins.
224
224
225
225
It's important to note that all customizations are **merged** with the defaults. If you'd like to completely override a provided size modifier, you can do so by disabling that modifier so the default styles are not included.
226
226
227
227
See [the default styles](./src/styles.js) for this plugin for more in-depth examples of configuring each modifier.
228
228
229
229
### Customizing shared styles
230
230
231
-
Many styles _(for example colors, font weight, and text decoration)_ are shared between all size modifiers, and are therefore defined only for the `default` modifier, since modifiers are designed to be used with the [multi-class modifier pattern](http://nicolasgallagher.com/about-html-semantics-front-end-architecture/#component-modifiers).
231
+
Many styles _(for example colors, font weight, and text decoration)_ are shared between all size modifiers, and are therefore defined only for the `DEFAULT` modifier, since modifiers are designed to be used with the [multi-class modifier pattern](http://nicolasgallagher.com/about-html-semantics-front-end-architecture/#component-modifiers).
232
232
233
-
If you'd like to customize these sorts of styles, do so using the `default` modifier:
233
+
If you'd like to customize these sorts of styles, do so using the `DEFAULT` modifier:
234
234
235
235
```js
236
236
// tailwind.config.js
@@ -326,7 +326,7 @@ module.exports = {
326
326
327
327
This option acts as a _safelist_, so you can list only the modifiers you'd actually like included and the others will be removed.
328
328
329
-
The `default` modifier is always included and cannot be disabled.
329
+
The `DEFAULT` modifier is always included and cannot be disabled.
0 commit comments