x

Open in GithubOpen 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-ratiocss 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 asobject-fitand positionwith --twic-modeand 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