Left floated images with a caption are kept at a smaller width to flow with the body copy. To float a captioned image to the left, add the class cap-l to the figure tag.
Small Width
The small width adds the class size-s to the figure tag. The small width class will limit the image width to 125px.
Example
Morbi blandit fringilla blandit.
Aenean mi mi, vestibulum a consectetur egestas, elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.
Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.
…
…
…
Medium Width
The medium width adds the class size-m to the figure tag. The medium width class will limit the image width to 250px.
Example
Nullam ac lectus nec est hendrerit lobortis. Nam vel augue eu sapien adipiscing ullamcorper vel a nunc. Morbi blandit fringilla blandit.
Aenean mi mi, vestibulum a consectetur egestas, elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.
Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.
…
…
…
Large Width
The large width adds the class size-l to the figure tag. The large width class will limit the image width to 300px.
Example
Nullam ac lectus nec est hendrerit lobortis. Nam vel augue eu sapien adipiscing ullamcorper vel a nunc. Morbi blandit fringilla blandit.
Aenean mi mi, vestibulum a consectetur egestas elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.
Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.