Search code examples
sassprimeflex

Primeflex variables $lg

in Primeflex docs, variable $lg (Breakpoint of screens such as notebook monitors) has a default value of 992px. How can I change that? For example, I want to set a default value of 1100px. Please assist 🙂 I'm using Primeflex 3.0.1

Solution

  • This is explained in https://www.primefaces.org/primeflex/setup

    Variables

    SASS variables are available to customize and create your own primeflex build. To begin with clone the primeflex repo and then build the primeflex.scss file after your customizations. Refer to Sass documentation for more information about how to build scss files.

    What is not super clear from that section is where to find the variables. You'll need to modify this file:

    https://github.com/primefaces/primeflex/blob/master/_sass/lib/src/_variables.scss