_float.scss
The following float values are the most common. However, there are other values you can add. Be careful. Because display values are tied to breakpoints your css can get rather large.
/* --------------- Float Variables --------------- */
/* Float - The following float values are the most common. However, there are other values you can add. Be careful. Because display values are tied to breakpoints your css can get rather large. */
$floats: ('left', 'right', 'none');
/* --------------- /Float Variables --------------- */
The Float Class can be written as follows.
Class | Effect |
---|---|
.clearfix | Allows parent elements to |
The Float Class Prefix can be written in different ways depending on your desired specificity.
Minimal | .fl |
---|---|
Strict | .float |
The following breakpoint extension can be customized and extended in the variable-settings.scss file.
Ext | Def | Breakpoint | Device |
---|---|---|---|
-tn | tiny | 0px | Small Phone |
-xs | extra-small | 480px | Phone |
-sm | small | 640px | Small Tablet |
-md | medium | 768px | Tablet |
-lg | large | 992px | Laptop |
-xl | extra-large | 1200px | Desktop |
-pr | Printed Page | All Devices |
The following Float values are provided as they are the most commonly used. Float values can be altered in the variable-settings.scss file. Be careful. Float values are tied to breakpoints. Your css can get rather large.
-right | -left | -none |
Float
Float