fronius-primevue-css-library v1.0.2

fronius-primevue-css-library

Includes all styles for the new Web UI seperated in 6 different screen sizes:

• Big screens: width bigger then 1300px (landscape) or 769px (portrait)
• Tablets: screenwidth between 800px and 1299px (landscape) or 500px and 768px (portrait)
• Mobile devices: screenwidth smaller then 799px (landscape) or 499px (portrait)

Style Syntax:

1. project (account, system or content)
2. position (header, content, footer, sidebar, ...)
3. object (button, overlay-menu, image, icon, ...)

4. parts inside object (text, icon, ...)

   Project and position are mandatory.

   Example 1: All styles for a button inside the account header including an icon and some text:

• account-header
• account-header-button
• account-header-button-icon

• account-header-button-text

  If there are 2 or more objects inside the same project-position declare every object with an unique object name.

  Example 2: The button from example 1 is not the only button inside account-header and includes the user name and account settings:

• account-header-user-button