Full-featured CSS Utility Library – PrimeFlex

Category: CSS & CSS3 , Frameworks , Recommended | May 30, 2022
Author:primefaces
Views Total:71 views
Official Page:Go to website
Last Update:May 30, 2022
License:MIT

Preview:

Full-featured CSS Utility Library – PrimeFlex

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)

  • Fixed bugs

v3.1.2 (12/16/2021)

  • Fixed bugs

v3.1.1 (12/15/2021)

  • Fixed bugs

v3.1.0 (10/18/2021)

  • Update binaries

You Might Be Interested In:


Leave a Reply