x

Open in Github Open in StackBlitz
@twicpics-components
Documentation

CSS style driven

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

1. Set up aspect ratio with --twic-ratio css variable.

class square
class portrait
class landscape

2. Set up zoom value with --twic-zoom css variable.

class zoom-sm
class zoom-md
class zoom-lg

3. Class combination: you can set up multiples props as object-fit and position with --twic-mode and twic-position


class contain& class left
class contain& class right
class cover

4. Other classical settings (here with width)


class lg
class md
class sm