x

@twicpics-components

CSS style driven

You can set up the TwicPics components using pure CSS and the power of CSS variables.

Edit TwicPics x Nuxt - CSS style driven

1. Display ratio with --twic-ratio

horse

class landscape

horse

class square

horse

class portrait

2. Class combination: object-fit and position with --twic-mode and twic-position

horse

class contain & class left

horse

class contain & class right

horse

class cover

3. Other classical settings (here with width)

horse

class lg

horse

class md

horse

class sm