Marathia’s Stacks

RapidWeaver stacks for the rest of us

RapidWeaver stacks for the rest of us

Stacks Image 91039

SmartFloat Stack demo #4

a left floating element with mixed content


demo #1 | demo #2 | demo #3 | demo #4 | demo #5 | demo #6 | demo #7 | back to the product page

768px, the floating image element is shown above the wrapping element.

See the image of the HUD for the options used in this example.

The border radius of the floating element on big screens is calculated by the stack.
Stacks Image 91288
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc.
On screens wider than 768px, this text wraps around the image on the left.

On smaller screens, this text is shown below the image.

Some filler text to make the floating element bigger than the wrapping element: Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Minim soluta sit suscipit mirum erat. Demonstraverunt ipsum congue anteposuerit tempor nulla. Ii lectores iusto blandit littera decima. Sequitur erat ut nobis eum dolore. Usus nihil litterarum et mazim at. Lectorum putamus nunc typi in consequat. Modo iusto quis per aliquip eum. Mutationem notare habent lius veniam nibh. Lorem aliquip litterarum quarta doming lorem. Blandit te quis eros soluta tincidunt.

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…