With the built-in 'primeflex/primeflex.scss' Here is how to create a class called mybutton Import the utils from primeflex/utils to be able to create your own classes based on PrimeFlex classes. Separator between responsive breakpoints like md: and pseudo classes like hover.Ĭommonly used class blocks can be merged as a single class to be reused using the styleclass mixin. Can be vertical of horizontal depending on form layout.īase value to use in spacing utilities, view spacing documentation for details. Can be vertical of horizontal depending on form layout. Variableīreakpoint of screens such as notebook monitors.īreakpoint of smaller screens such as desktop monitors. Refer to Sass documentation for more information about how to build scss files. To begin with clone the primeflex repo and then build the primeflex.scss file after your customizations. SASS variables are available to customize and create your own primeflex build. In case you need to use it standalone without a Prime library, include one of the themes from the themes folder. PrimeFlex does not ship with a built-in color scheme by default as it is derived from the Prime UI library. PrimeFlex can also be loaded from a CDN using a link tag. PrimeFlex is available for download at NPM for usage with a module bundler such as webpack.Īfter installation you may include the library by importing from node_modules. PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.
0 Comments
Leave a Reply. |