Global Modifier
Global modifiers change in general the behavior of elements.
NOTE unlike normal BEM modifiers, global modifiers do not override default statuses. The classes of the global modifiers are (according to BEM) the default status, so there are no double hyphens in the class names here either.
Border
Add a border to an element.
Border Radius
Controlling the border radius of an element.
Clear & Clearfix
Wrapping of content around an element.
Colors
Modifiers that change the background, border or font color.
Cursor Pointer
Set the mouse to a pointer style.
Disable
Disable an element.
Display
Display box type of an element.
Filter
Applies graphical effects like blur or color shift to an element.
Flex
Use CSS flex for layout content.
Float
Use CSS float for layout content.
Font
Change the font styles.
Grid
The grid system uses a series of containers, rows, and columns to layout and align content.
Horizontal Scrolling
Create a container that can be scrolled horizontally.
Line Clamp
Truncates text at a specific number of lines
Overflow
Set the overflow of an element.
Position
Set the position of an element.
Resizable
Make a block element resizable.
Scrollbar
Change the style of a scrollbar.
Selection
Make elements selectable or not.
Size
Determine the width and height of an element.
Spacer
Determine the margin and padding of an element.
Visibility
Set the visibility of an element.