You are able to reset the height and width of an object by adding class .height-mobile-auto and .width-mobile-auto. Expand full height and width of your mobile device by adding .expand-full-height-on-mobile and .expand-full-width-on-mobile. Reset max and minium width/height by using the following modifier: .h-auto, .w-auto, .max-width-reset, .max-height-reset, and .min-width-0

Width presets

Uniform widths to keep things aligned. See helpers.scss file for more details. You can also set .width-0 to remove any given width, or you can use .w-auto to undo explicitly specified widths
Class

.width-1

Description

change width to 1.5rem

Example
Class

.width-2

Description

change width to 2rem

Example
Class

.width-3

Description

change width to 2.5rem

Example
Class

.width-4

Description

change width to 2.75rem

Example
Class

.width-5

Description

change width to 3rem

Example
Class

.width-6

Description

change width to 3.25rem

Example
Class

.width-7

Description

change width to 3.5rem

Example
Class

.width-8

Description

change width to 3.75rem

Example
Class

.width-9

Description

change width to 4rem

Example
Class

.width-10

Description

change width to 4.25rem

Example
Class

.width-xs

Description

change min-width to 5rem

Example
Class

.width-sm

Description

change min-width to 10rem

Example
Class

.width-lg

Description

change min-width to 15rem

Example
Class

.width-xl

Description

change min-width to 20rem

Example

Class

.w-25

Description

change width to 25%

Example
Class

.w-50

Description

change width to 50%

Example
Class

.w-75

Description

change width to 75%

Example
Class

.w-100

Description

change width to 100%

Example

Height presets

Uniform heights to keep things aligned. See variables.scss file for more details on $p-* values.
Class

.height-1

Description

change height to 1.5rem

Example
Class

.height-2

Description

change height to 2rem

Example
Class

.height-3

Description

change height to 2.5rem

Example
Class

.height-4

Description

change height to 2.75rem

Example
Class

.height-5

Description

change height to 3rem

Example
Class

.height-6

Description

change height to 3.25rem

Example
Class

.height-7

Description

change height to 3.5rem

Example
Class

.height-8

Description

change height to 3.75rem

Example
Class

.height-9

Description

change height to 4rem

Example
Class

.height-10

Description

change height to 4.25rem

Example
Class

.height-xs

Description

change min-height to 5rem

Example
Class

.height-sm

Description

change min-height to 10rem

Example
Class

.height-lg

Description

change min-height to 15rem

Example
Class

.height-xl

Description

change min-height to 20rem

Example

Class

.h-25

Description

change height to 25%

Example
Class

.h-50

Description

change height to 50%

Example
Class

.h-75

Description

change height to 75%

Example
Class

.h-100

Description

change height to 100%

Example