adding in colors from finalised style guide
This commit is contained in:
parent
448208af1b
commit
cb796c7886
@ -37,10 +37,9 @@ const StyledP = styled.p`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const convertCase = (val) => {
|
const convertCase = (val) => {
|
||||||
const result = val.replace( /([A-Z])/g, " $1" );
|
const result = val.replace( /([A-Z])/g, ' $1' );
|
||||||
return val.charAt(0).toUpperCase() + result.slice(1); // capitalize the first
|
return result.charAt(0).toUpperCase() + result.slice(1);
|
||||||
// letter - as an example.
|
};
|
||||||
}
|
|
||||||
|
|
||||||
storiesOf('Colors', module)
|
storiesOf('Colors', module)
|
||||||
.add('default', () => {
|
.add('default', () => {
|
||||||
@ -51,7 +50,11 @@ storiesOf('Colors', module)
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Column xs={6} md={3} key={index}>
|
<Column
|
||||||
|
key={index}
|
||||||
|
md={3}
|
||||||
|
xs={6}
|
||||||
|
>
|
||||||
<StyledWrapper>
|
<StyledWrapper>
|
||||||
<StyledSquare />
|
<StyledSquare />
|
||||||
<StyledP>
|
<StyledP>
|
||||||
|
Loading…
Reference in New Issue
Block a user