Customize primeFlex breakpoint?

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages
Post Reply
Nargzul
Posts: 23
Joined: 21 Apr 2017, 14:30

28 Apr 2022, 14:17

Hi,

I'm using PrimeFlex in an angular application(without PrimeNg), and I need to changes the breakpoints values.
I've seen this: https://www.primefaces.org/primeflex/setup
But I'm wondering if, since I'm on Angular and using scss everywhere, if there is a way to avoid having to clone a repo and build myself an scss?

I tried the following with no luck:

Code: Select all

$sm:600px;
$md:960px;
$lg:1280px;
$xl:1920px;
@import 'primeflex/primeflex.scss';
Any idea if it is possible?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

28 Apr 2022, 15:05

Hi,

This issue has already been fixed with https://github.com/primefaces/primeflex/issues/111

I plan to release the new version tomorrow.
Best Regards,

Nargzul
Posts: 23
Joined: 21 Apr 2017, 14:30

28 Apr 2022, 15:09

mert.sincan wrote:
28 Apr 2022, 15:05
Hi,

This issue has already been fixed with https://github.com/primefaces/primeflex/issues/111

I plan to release the new version tomorrow.
Best Regards,
Hi!
Good to know, how should I use it when the new version is released? (sorry a bit new to SCSS)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

29 Apr 2022, 13:04

Hi,

you can use it like your SCSS code block above;

Exp;

Code: Select all

$sm:600px;
$md:960px;
$lg:1280px;
$xl:1920px;
@import 'primeflex/primeflex.scss';
Best Regards,

Nargzul
Posts: 23
Joined: 21 Apr 2017, 14:30

02 May 2022, 07:20

mert.sincan wrote:
29 Apr 2022, 13:04
Hi,

you can use it like your SCSS code block above;

Exp;

Code: Select all

$sm:600px;
$md:960px;
$lg:1280px;
$xl:1920px;
@import 'primeflex/primeflex.scss';
Best Regards,
thank you very much! Do you know if it has been released?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

04 May 2022, 12:23

We plan to release it this week ;)

Nargzul
Posts: 23
Joined: 21 Apr 2017, 14:30

09 May 2022, 07:40

mert.sincan wrote:
04 May 2022, 12:23
We plan to release it this week ;)
I just updated to the 3.2.0 and tested it, work like a charm, thank you!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

13 May 2022, 10:39

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “PrimeFlex”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest