fk-react-ui-components
Version:
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
31 lines (28 loc) • 663 B
JavaScript
/**
* Created by manoraj.k on 17/08/17.
*/
import styled from 'styled-components';
import { colors } from '../../colorCodes';
export const Tab = styled.div`
display: inline-block;
cursor: pointer;
padding: 13px;
font-size: 13px;
font-family: Arial;
height: 100%;
box-sizing: border-box;
&.active {
border-bottom: solid 2px ${colors.brandBlue};
font-weight: bold;
}
`;
export const TabContainer = styled.div`
height: 44px;
padding-left: 18px;
box-shadow: 0 2px 4px 0 hsla(0, 0%, 85%, 0.5);
font-family: Arial;
.tab-bar-name {
font-size: 13px;
margin-right: 10px;
}
`;