CSS styles

Angular-Material library this framework is based on provides a pretty complete set of CSS styles that include typography and responsiveness. But, real applications would need more. In Pip.WebUI.CSS we collected generic CSS styles that we reused across many web applications.

Typography

CSS classes and mixins to set fonts, sizes, styles and other visual text attributes.

Positions

CSS classes and mixins to position elements on web pages

Sizes

CSS classes and mixins to set width, height, paddings and margins for elements

Flexbox

CSS classes and mixins to extend flexbox layouts implemented by Angular Material.

Colors

CSS classes and mixins to set colors from predefined pallettes or special color set.

Animations, transformations and other visual effects

CSS classes and mixins to specify animations and transformations. It also has CSS classes for dividers and opacity.

Control properties

CSS styles and mixins to change behavior of HTML controls. They allow to change scrolling, cursors and other control properties.

Learn more about the module

• User's guide
• Online samples
• Developer's guide
• Changelog
• Pip.WebUI project website
• Pip.WebUI project wiki
• Pip.WebUI discussion forum
• Pip.WebUI team blog

Module dependencies

• pip-webui-lib: angular material CSS styles

License

This module is released under MIT license and totally free for commercial and non-commercial use.