@npm.tangocode/tc_ui_components/src/components/List/style.ts

[<img src="https://s3.amazonaws.com/tc-ui-components/documentationImages/tangoCodeLogo.png">](https://tangocode.com/) # TangoCode React UI Components #

import styled , { StyledComponentClass } from 'styled-components';
import { ICON_CODE } from '../../constants/iconCodes';
import { COLOR_PALETTE } from '../../constants/colors';
import * as React from 'react';


export const MemberList = styled.ul`
  list-style: none;
  margin:0;
  padding:0;
  `
export const ListItemsContainer = styled.div` 
  display: flex;  
  flex-direction: column;
  width: 100%;   
`;

export const ListBottom = styled.div`
  width: 100%;
  height: 40px;
`;

export const LoadMoreButton = styled.div`
    align-items: center;
    border-radius: 3px;
    border: none;
    background: ${COLOR_PALETTE.GREY_DARK_2};
    color: white;
    display: flex;
    cursor: pointer;
    font-family: Jaldi;
    font-size: 13px;
    height: 30px;
    letter-spacing: 1.4px;
    justify-content: space-around;
    transition: all 0.25s;
    width: 120px;
    &: hover {
      background: ${COLOR_PALETTE.GREY_LIGHT_2};
    }
`;

export const LoadMoreButtonContainer = styled.div`
    align-items: center;
    display: flex;
    height: 33px;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
`;