antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-03-02 04:07:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Lint all files

Browse source
This commit is contained in:
jeffvli 2023-07-01 19:10:05 -07:00
parent 22af76b4d6
commit 30e52ebb54
334 changed files with 76519 additions and 75932 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/renderer/styles/fonts.ts
View file

@ -1,28 +1,28 @@
import { css } from 'styled-components';
export enum Font {
EPILOGUE = 'Epilogue',
GOTHAM = 'Gotham',
INTER = 'Inter',
POPPINS = 'Poppins',
EPILOGUE = 'Epilogue',
GOTHAM = 'Gotham',
INTER = 'Inter',
POPPINS = 'Poppins',
}
export const fontGotham = (weight?: number) => css`
font-weight: ${weight || 400};
font-family: Gotham, sans-serif;
font-weight: ${weight || 400};
font-family: Gotham, sans-serif;
`;
export const fontPoppins = (weight?: number) => css`
font-weight: ${weight || 400};
font-family: Poppins, sans-serif;
font-weight: ${weight || 400};
font-family: Poppins, sans-serif;
`;
export const fontInter = (weight?: number) => css`
font-weight: ${weight || 400};
font-family: Inter, sans-serif;
font-weight: ${weight || 400};
font-family: Inter, sans-serif;
`;
export const fontEpilogue = (weight?: number) => css`
font-weight: ${weight || 400};
font-family: Epilogue, sans-serif;
font-weight: ${weight || 400};
font-family: Epilogue, sans-serif;
`;

8
src/renderer/styles/helpers.ts
View file

@ -1,9 +1,9 @@
const size = {
desktop: '320px',
mobile: '640px',
desktop: '320px',
mobile: '640px',
};
export const device = {
desktop: `(max-width: ${size.desktop})`,
mobile: `(max-width: ${size.mobile})`,
desktop: `(max-width: ${size.desktop})`,
mobile: `(max-width: ${size.mobile})`,
};

54
src/renderer/styles/mixins.ts
View file

@ -1,53 +1,53 @@
import { css } from 'styled-components';
export const textEllipsis = css`
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;
`;
export const flexBetween = css`
display: flex;
flex-direction: row;
justify-content: space-between;
display: flex;
flex-direction: row;
justify-content: space-between;
`;
export const flexCenter = css`
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
`;
export const flexCenterColumn = css`
${flexCenter}
flex-direction: column;
${flexCenter}
flex-direction: column;
`;
export const coverBackground = css`
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
`;
export const fadeIn = css`
@keyframes fadein {
from {
opacity: 0;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
to {
opacity: 1;
}
}
}
`;
export const rotating = css`
@keyframes rotating {
from {
transform: rotate(0deg);
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
to {
transform: rotate(360deg);
}
}
}
`;