Full-featured CSS Utility Library – PrimeFlex


Author: primefaces
Views Total: 1 view
Official Page: Go to website
Last Update: May 30, 2022
License: MIT

Preview:

Description:

PrimeFlex is a lightweight, responsive, feature-rich, utility-first CSS framework for building modern websites.

How to use it:

1. Install and import the PrimeFlex with NPM.

# NPM
$ npm i primeflex --save
@import '~/node_modules/primeflex/primeflex.css';

2. Or directly load the following stylesheets in your document.

<!-- Core Stylesheet -->
<link rel="stylesheet" href="./dist/primeflex.min.css" />
<!-- Optional Themes -->
<link rel="stylesheet" href="./dist/themes/arya-blue.css" />
<link rel="stylesheet" href="./dist/themes/saga-blue.css.css" />
<link rel="stylesheet" href="./dist/themes/vela-blue.css" />

CSS Utilities:

  • LAYOUT
  • FLEXBOX
  • GRID
  • BACKGROUND
  • BORDER
  • SPACING
  • SIZING
  • TYPOGRAPHY
  • EFFECTS
  • TRANSITION
  • ANIMATION
  • TRANSFORM
  • INTERACTIVITY

Changelog:

v3.2.1 (05/30/2022)

  • remove sourcemaps from themes

v3.2.0 (05/07/2022)

  • Primary and Red Color Palette
  • Add gap, row-gap and column-gap classes
  • Container – Container-fluid Class (proposal)
  • Add rem and direction options to border-radius classes
  • Add text-color and text-color-secondary classes to use text color variables of Prime UI themes
  • Add rem options to max-w* and max-h* classes
  • Add focus, hover and active states to shadow classes
  • Add focus, hover and active states to text-decoration classes
  • Add vertical alignment classes
  • Add $prefix variable to not conflict with other libraries like Tailwind
  • Missing responsive styles for col and col-fixed classes
  • Fixed bugs: Breakpoints variable cannot be overriden

v3.1.3 (02/18/2022)

v3.1.2 (12/16/2021)

v3.1.1 (12/15/2021)

v3.1.0 (10/18/2021)

See also  Pure CSS Tabbed Interface with 3D Cube Flip Animation

Leave a Reply

Your email address will not be published. Required fields are marked *