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

feat(Editor): make server utilities their own pages

Browse source 
Signed-off-by: Katalina Okano <git@kat.cafe>
This commit is contained in:
41666 2021-07-17 19:23:35 -04:00
parent d52508a046
commit 4cc202b62a
8 changed files with 125 additions and 153 deletions
Download patch file Download diff file Expand all files Collapse all files

37
packages/design-system/molecules/server-utilities/ServerUtilities.styled.ts Normal file
View file

@ -0,0 +1,37 @@
import { palette } from '@roleypoly/design-system/atoms/colors';
import { transitions } from '@roleypoly/design-system/atoms/timings';
import { text200, text400 } from '@roleypoly/design-system/atoms/typography';
import styled from 'styled-components';
export const ClickaleBlock = styled.a`
display: flex;
color: unset;
text-decoration: none;
align-items: center;
padding: 0.5em;
transition: background-color ${transitions.actionable}s ease-in-out;
box-sizing: border-box;
justify-content: space-between;
max-width: 93vw;
:hover {
background-color: ${palette.taupe300};
}
`;
export const Title = styled.div`
${text400};
/* padding: 0.15em 0; */
svg {
color: ${palette.taupe500};
position: relative;
top: 2px;
}
`;
export const Description = styled.div`
${text200};
`;
export const MainSide = styled.div``;