strapi-plugin-content-manager/admin/src/components/FiltersPickWrapper/Div.js

A powerful UI to easily manage your data.

import styled from 'styled-components';

const Div = styled.div`
  width: calc(100% + 60px);
  margin: ${props => props.show ? '-100px -30px 30px' : `-${props.number}px -30px 103px`};
  background: #fff;
  box-shadow: 3px 2px 4px #E3E9F3;
  padding: 18px 30px 0px 30px;
  transition: ${props => {
    if (props.anim) {
      return props.show ? 'margin-top .3s ease-out, margin-bottom .2s ease-out' : 'margin .3s ease-in';
    }
  }};
`;


export default Div;