fk-react-ui-components/lib/CheckboxTreeFilter/styles/CheckboxTreeFilter.js

Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should

/**
 * Created by manoraj.k on 17/08/17.
 */
import styled from 'styled-components';
import { colors } from '../../colorCodes';

export const CheckboxTreeFilterContainer = styled.div`
    display: inline-block;
    font-family: Arial;
    .fa-times {
        color: ${colors.greyText};
        cursor: pointer;
        font-size: '15px';
    }
    .fa-search {
        font-size: 12px;
    }
`;
export const Chip = styled.div`
    display: inline-block;
    background-color: ${colors.chipBgColor};
    font-size: 12px;
    font-family: Arial;
    border-radius: 3px;
    padding: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    color: ${colors.headingColor};
    cursor: pointer;
`;

export const Filter = styled.div`
    cursor: pointer;
    display: inline-block;
`;

export const ChipContainer = styled.div`
    margin-bottom: 5px;
    max-height: 116px;
    overflow-y: scroll;
`;
//# sourceMappingURL=CheckboxTreeFilter.js.map