fix all linting issues, upgrade most packages

This commit is contained in:
41666 2022-01-30 04:53:13 -05:00
parent c7774ddca3
commit 3c3af304f7
45 changed files with 1148 additions and 1848 deletions

View file

@ -6,7 +6,7 @@ import styled, { css, keyframes } from 'styled-components';
export const DiscordBase = styled.div`
background-color: ${palette.discord100};
border: solid 1px rgba(0, 0, 0, 0.15);
border: solid 1px rgb(0 0 0 / 15%);
border-radius: 3px;
padding: 10px;
user-select: none;
@ -54,7 +54,7 @@ export const DiscordRole = styled.div<{
!props.isGood &&
props.isRoleypoly &&
css`
animation: ${isBadFlash} 0.5s 10s ease-in-out both;
animation: ${isBadFlash.getName()} 0.5s 10s ease-in-out both;
`}
`;
@ -66,16 +66,13 @@ const bumpDown = css`
export const Dont = styled(GoX)`
${bumpDown}
color: ${palette.red400};
`;
export const Do = styled(GoCheck)`
${bumpDown}
color: ${palette.green400};
`;
export const Why = styled(GoQuestion)`
${bumpDown}
color: ${palette.discord400};
`;

View file

@ -10,7 +10,6 @@ export const HeroText = styled.div`
export const DemoSubtitle = styled.p`
${text400}
text-align: center;
margin-top: 0.4em;
`;

View file

@ -59,10 +59,10 @@ export const InteractionBase = styled.div<InteractionBaseProps>`
padding: 0 5px;
transition: opacity ${transitions.actionable}s ease-in-out,
background-color ${transitions.actionable}s ease-in-out;
opacity: ${(props) => (props.hide ? 1 : 0)};
opacity: ${(props) => (props.hide ? '100%' : '0%')};
:hover {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgb(0 0 0 / 15%);
cursor: pointer;
}
`;
@ -97,7 +97,7 @@ export const SecondaryBase = styled(MastheadBase)`
background-color: ${palette.taupe300};
z-index: 99;
padding: 0 15px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 3px rgb(0 0 0 / 5%);
`;
export const IconHolder = styled.div`

View file

@ -14,7 +14,7 @@ export const CategoryActions = styled.div<{ right?: boolean }>`
`
: css`
margin-right: 5px;
`};
`}
}
${(props) =>
@ -37,7 +37,7 @@ export const ReorderButton = styled.div`
transition: background-color ${transitions.actionable}s ease-in-out;
&:hover {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgb(0 0 0 / 15%);
}
`;

View file

@ -9,6 +9,5 @@ export const FlexLine = styled.div`
export const FlexWrap = styled.div`
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-flow: wrap column;
`;

View file

@ -26,7 +26,6 @@ export const CardContainer = styled.div`
export const SectionHead = styled.div`
${text500}
flex: 1 1 100%;
padding: 0.6em;
display: flex;