fronius-primevue-css-library
v1.0.2
Published
CSS library for new Web UI
Downloads
25
Readme
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:
- project (account, system or content)
- position (header, content, footer, sidebar, ...)
- object (button, overlay-menu, image, icon, ...)
- 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