Replo Units

When you edit Replo spacing, sizes, margins, etc, you can use one of several available units to specify sizes.

Constant Units

• Pixels: Equivalent to exactly the amount of pixels that the browser displays

• Percent (%): Equivalent to a percentage of the Container of the component that you're editing

Font-size Relative Units

• em: Relative to the font size of the component you're editing. "1em" means "same as the current font size". "1.1em" means "110% of the current font size"

• rem: Relative to the font size set on the page. This is useful for templates which you'll use across multiple Shopify stores

Screen-size Relative Units

• vw: Relative to the full width of the screen. "1vw" means 100% of the width of whatever window the visitor is viewing your site in, and "1.1vw" means 110% of that window width.

• vh: Relative to the full height of the screen. "1vh" means 100% of the height of whatever window the visitor is viewing your site in.