Image position


Image position is a utility to position an image within a parent container, in most cases it would be a strip.

Note:This only affects medium and large screen sizes.

Bottom

View example of the utilities image position bottom

Top

View example of the utilities image position top

Left

View example of the utilities image position top

View example of the utilities image position top

Top right

View example of the utilities image position top right

Top left

View example of the utilities image position top left

Bottom right

View example of the utilities image position bottom right

Bottom left

View example of the utilities image position bottom left

Import

To import just this utility into your project, copy the snippet below and include it in your main Sass file.

@import 'utilities_image-position';

For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.

Design

For more information view the image position design spec which includes the specification in markdown format and a PNG image.