search

primefaces / primeflex

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages as well
https://www.primefaces.org/primeflex
MIT License
626 stars 191 forks source link

Support more breakpoints #202

Open axos88 opened 11 months ago

axos88 commented 11 months ago

Is it possible to change the number of breakpoints? 4 is not too many, and different projects have different needs.

Bootstrap supports a dynamic number of breakpoints for example, that would be awesome!

agertenbach commented 10 months ago

+1 -- Also looking for the correct way to handle this in the latest versions of Primeflex -- the previously documented SCSS variables appear to have changed and we need to enable progressive support for larger breakpoints

axos88 commented 5 months ago

This works for me currently, but some proper documentation would be nice:

@import 'primeflex/core/variables';

$xxl: 1600px;
$fhd: 1920px;
$qhd: 2560px;

$breakpoints: (
  'sm': $sm,
  'md': $md,
  'lg': $lg,
  'xl': $xl,
  'xxl': $xxl,
  'fhd': $fhd,
  'qhd': $qhd
);

@import 'primeflex/primeflex.scss';