Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | 42x | import { css, cssClass } from '../styled'; import { theme } from '../utils'; export const Image = styleProps => cssClass` ${styleProps.isFixed && css` max-width: unset; ${theme(styleProps.themeKey, `css.fixed`)(styleProps)}; `} ${styleProps.fit === 'contain' && css` object-fit: contain; ${styleProps.fitPosition && css` object-position: ${styleProps.fitPosition}; `}; ${theme(styleProps.themeKey, `css.contain`)(styleProps)}; `} ${styleProps.fit === 'cover' && css` object-fit: cover; ${styleProps.fitPosition && css` object-position: ${styleProps.fitPosition}; `}; ${theme(styleProps.themeKey, `css.cover`)(styleProps)}; `} & { ${theme(styleProps.themeKey, `css.root`)(styleProps)}; } `; |