SUIT CSS is a reliable and testable styling methodology for component-based UI development. A collection of CSS packages and build tools are available as modules. SUIT CSS plays well with React, Ember, Angular, and other component-based approaches to UI development. The SUIT CSS naming convention helps to scope component CSS and make your widgets render more predictably. The SUIT CSS preprocessor assembles future-facing extensions to CSS that support component-based development. Vendor prefixes are automatically applied with Autoprefixer. Custom media query aliases and custom properties help with theming and configuring components. Imports are inlined and can be used to reference npm-installed packages. postcss-bem-linter (for PostCSS) is included in the preprocessor but can be used stand-alone. It lets you test your CSS for conformance to the SUIT CSS methodology.
Features
- Encapsulation testing
- Future-facing CSS preprocessor
- Scope styles
- Starter CSS for web apps
- HTML Inspector can be used to test that your HTML conforms to the SUIT conventions
- Dependency resolution