@kubit-ui-web/react-components/dist/esm/components/cardImage/cardImage.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const CardImageTitleStyled = styled.div.withConfig({
    shouldForwardProp: () => true,
}) ``;
export const CardImageSubTitleStyled = styled.div.withConfig({
    shouldForwardProp: () => true,
}) ``;
export const CardImageStyled = styled.div `
  display: flex;
  flex-direction: column;
  cursor: pointer;
  ${props => getStyles(props.styles.container)}

  ${CardImageTitleStyled} {
    ${props => getStyles(props.styles.titleContainer)}
  }

  ${CardImageSubTitleStyled} {
    ${props => getStyles(props.styles.descriptionContainer)}
  }
`;
export const CardImageImageStyled = styled.div `
  background: ${props => `url(${props.image}) no-repeat`};
  background-size: auto;
  background-position: 50% 50%;
  height: 100%;
  flex: 1;
  ${props => getStyles(props.styles.imageContainer)}
`;
export const CardImageContentStyled = styled.div `
  ${props => getStyles(props.styles.content)}
`;
export const CardImageTesxtContainerStyled = styled.div `
  ${props => getStyles(props.styles.textContainer)}
`;
export const CardImageLinkStyled = styled.div `
  display: flex;
  ${props => getStyles(props.styles.linkContainer)}
`;
//# sourceMappingURL=cardImage.styled.js.map