roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 01:29:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency (#175)

Browse source
This commit is contained in:
41666 2021-03-13 22:54:34 -05:00 • committed by GitHub
parent a931f8c69c
commit f24d2fcc99
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/design-system/organisms/landing/Landing.stories.tsx
View file

@ -2,7 +2,7 @@ import * as React from 'react';
import { Landing } from './Landing';
export default {
title: 'Organisms/Landing',
title: 'Organisms/Landing',
};
export const Landing_ = () => <Landing />;

32
packages/design-system/organisms/landing/Landing.styled.ts
View file

@ -3,30 +3,30 @@ import { text400 } from '@roleypoly/design-system/atoms/typography';
import styled, { css } from 'styled-components';
export const HeroText = styled.div`
${onTablet(css`
text-align: center;
`)}
${onTablet(css`
text-align: center;
`)}
`;
export const DemoSubtitle = styled.p`
${text400}
${text400}
text-align: center;
margin-top: 0.4em;
text-align: center;
margin-top: 0.4em;
`;
export const DemoAlignment = styled.div`
min-height: 125px;
${onTablet(css`
min-height: 95px;
`)}
min-height: 125px;
${onTablet(css`
min-height: 95px;
`)}
`;
export const HeroCentering = styled.div`
display: flex;
flex-direction: column;
min-height: calc(100vh - 200px);
align-items: center;
justify-content: center;
margin-bottom: 2em;
display: flex;
flex-direction: column;
min-height: calc(100vh - 200px);
align-items: center;
justify-content: center;
margin-bottom: 2em;
`;

54
packages/design-system/organisms/landing/Landing.tsx
View file

@ -8,31 +8,31 @@ import * as React from 'react';
import { DemoAlignment, DemoSubtitle, HeroCentering, HeroText } from './Landing.styled';
export const Landing = () => (
<HeroCentering>
<HeroText>
<div>
<LargeTitle>Discord roles for humans.</LargeTitle>
</div>
<div style={{ color: palette.taupe500 }}>
<LargeText>
Ditch the bot commands. It's&nbsp;{new Date().getFullYear()}.
</LargeText>
</div>
</HeroText>
<Space />
<HalfsiesContainer>
<HalfsiesItem style={{ marginTop: '2em' }}>
<DemoAlignment>
<DemoDiscord />
</DemoAlignment>
<DemoSubtitle>Why are you okay with antiques?</DemoSubtitle>
</HalfsiesItem>
<HalfsiesItem style={{ marginTop: '2em' }}>
<DemoAlignment>
<DemoPicker />
</DemoAlignment>
<DemoSubtitle>Just click or tap.</DemoSubtitle>
</HalfsiesItem>
</HalfsiesContainer>
</HeroCentering>
<HeroCentering>
<HeroText>
<div>
<LargeTitle>Discord roles for humans.</LargeTitle>
</div>
<div style={{ color: palette.taupe500 }}>
<LargeText>
Ditch the bot commands. It's&nbsp;{new Date().getFullYear()}.
</LargeText>
</div>
</HeroText>
<Space />
<HalfsiesContainer>
<HalfsiesItem style={{ marginTop: '2em' }}>
<DemoAlignment>
<DemoDiscord />
</DemoAlignment>
<DemoSubtitle>Why are you okay with antiques?</DemoSubtitle>
</HalfsiesItem>
<HalfsiesItem style={{ marginTop: '2em' }}>
<DemoAlignment>
<DemoPicker />
</DemoAlignment>
<DemoSubtitle>Just click or tap.</DemoSubtitle>
</HalfsiesItem>
</HalfsiesContainer>
</HeroCentering>
);