You can change the size of the CSS content automatically generated by Oracle JET so that unused classes or particular types of classes are compressed, removed, excluded, or not generated.
When you use the responsive framework classes, Oracle JET generates a large number of classes that you may not need. Here are some steps you can take to control the size and generation of the CSS.
The responsive classes are often repetitive and compress well. For details about compressing your CSS, see Optimizing Performance.
Remove unused classes.
By default, Oracle JET generates responsive classes small, medium, large, and xlarge screens. If you know that your application will not use some of these classes, you can set the associated
$responsiveQuery* variables to
// If you don't want xlarge classes, you could set: $screenXlargeRange: none; $responsiveQueryLargeOnly: none; $responsiveQueryXlargeUp: none;
Exclude unused classes from the application layout, flex, grid, form layout, and responsive helper groups.
$include*variables, see Using Variables to Control CSS Content.
Stop generation of a particular responsive helper class.
For finer-grained control, there are additional variables that you can set to
false to generation of a particular type of class.
Generate hide classes like
Generate text-align end classes like
Generate float start classes like
Generate float end classes like