Building a web-based application or site can be a lengthy process—there are so many elements to consider, and it takes time to create content that is engaging and informative.
Naturally, a smart designer or developer will always look for a shortcut to save time—after all, why take an hour to do something, if a shortcut will take half the time? The great thing about PostCSS is that it has a good selection of shortcut plugins that we can use; these include plugins such as the examples:
postcss-focus
: This plugin is available at https://github.com/postcss/postcss-focus, this simple plugin adds a:focus
pseudo-selector to any:hover
attribute encountered in a style rule.postcss-border
: If specified in a shorthand version, this plugin will add aborder-width
attribute to an existingborder:
attribute. The plugin source is available from https://github.com/andrepolischuk/postcss-border.postcss-short-data
: This plugin is available at https://github.com/jonathantneal...