Framework classes
The Insert Framework Classes dropdown can be used to search and add classes for which the design rules have been pre-specified in the Foundation, Bootstrap, and Materialize framework.
One of the criticisms on (the use of) front-end frameworks is that it leads to sameness — many sites created with for example the Bootstrap framework look and feel the same and lack authenticity. Too many things have been predefined in too much detail.
In comparison, Foundation is less ‘opinionated’. With fewer framework styles to override and having a more neutral canvas to start with, designs are more unique.
There is something to say about both approaches and depending on the situation a specific approach or framework might be better suited.
In addition, new custom classes can be added that bring their own style rules to the table — creating some unique is totally up to the designer!
Adding predefined Foundation classes
As we saw earlier with the button examples, Foundation has done a great job in modularizing the styles. These modular classes are designed to be used depending on the role and context of an element.
Using the modular class structure can be a great help in the initial phases of the project and help to think about the role of the content element. Updating the appearance by editing the styles associated with the classes, or adding new classes with different style rules is a cinch.
The Insert Framework Classes dropdown facilitates the use of the framework classes and prevents typos. Simply start typing what you are looking for and the list will show an increasingly precise list of matching classes.