mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-17 01:59:08 +00:00
fix all linting issues, upgrade most packages
This commit is contained in:
parent
c7774ddca3
commit
3c3af304f7
45 changed files with 1148 additions and 1848 deletions
|
@ -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};
|
||||
`;
|
||||
|
|
|
@ -10,7 +10,6 @@ export const HeroText = styled.div`
|
|||
|
||||
export const DemoSubtitle = styled.p`
|
||||
${text400}
|
||||
|
||||
text-align: center;
|
||||
margin-top: 0.4em;
|
||||
`;
|
||||
|
|
|
@ -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`
|
||||
|
|
|
@ -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%);
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
@ -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;
|
||||
`;
|
||||
|
|
|
@ -26,7 +26,6 @@ export const CardContainer = styled.div`
|
|||
|
||||
export const SectionHead = styled.div`
|
||||
${text500}
|
||||
|
||||
flex: 1 1 100%;
|
||||
padding: 0.6em;
|
||||
display: flex;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue