Migrate to Astro base
This commit is contained in:
@@ -1,23 +0,0 @@
|
||||
|
||||
const colors = {
|
||||
primary: '#9fef00',
|
||||
primaryLighter: '#cff97a',
|
||||
textColor: '#ffffff',
|
||||
textColorSecondary: '#a4b1cd',
|
||||
background: '#141d2b',
|
||||
backgroundDarker: '#111927',
|
||||
backgroundLighter: '#1a2332',
|
||||
bgShadowColor: '#0f1620',
|
||||
fgShadowColor: '#456602',
|
||||
primaryTransparent: '#9fef0012',
|
||||
|
||||
// Action Colors
|
||||
info: '#04e4f4',
|
||||
success: '#20e253',
|
||||
warning: '#f6f000',
|
||||
error: '#fca016',
|
||||
danger: '#f80363',
|
||||
neutral: '#272f4d',
|
||||
};
|
||||
|
||||
export default colors;
|
||||
@@ -1,30 +0,0 @@
|
||||
export type InputSize = 'small' | 'medium' | 'large';
|
||||
|
||||
export const applySize = (inputSize?: InputSize) => {
|
||||
const sizeSpecificStyles = {
|
||||
small: `
|
||||
font-size: 1rem;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 0.5rem;
|
||||
`,
|
||||
medium: `
|
||||
font-size: 1.5rem;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.75rem 1.5rem;
|
||||
margin: 0.5rem;
|
||||
`,
|
||||
large: `
|
||||
font-size: 2rem;
|
||||
border-radius: 0.25rem;
|
||||
padding: 1rem 1.75rem;
|
||||
margin: 0.5rem;
|
||||
`,
|
||||
};
|
||||
switch (inputSize) {
|
||||
case 'small': return sizeSpecificStyles.small;
|
||||
case 'medium': return sizeSpecificStyles.medium;
|
||||
case 'large': return sizeSpecificStyles.large;
|
||||
default: return sizeSpecificStyles.small;
|
||||
}
|
||||
};
|
||||
@@ -1,14 +0,0 @@
|
||||
import { createGlobalStyle } from 'styled-components';
|
||||
import PTMono from 'assets/fonts/PTMono.ttf';
|
||||
|
||||
export const GlobalStyles = createGlobalStyle`
|
||||
@font-face {
|
||||
font-family: PTMono;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(${PTMono});
|
||||
}
|
||||
body { font-family: PTMono; }
|
||||
`;
|
||||
|
||||
export default GlobalStyles;
|
||||
@@ -1,23 +0,0 @@
|
||||
|
||||
export const TextSizes = {
|
||||
xSmall: '0.75rem',
|
||||
small: '1rem',
|
||||
medium: '1.5rem',
|
||||
large: '2rem',
|
||||
xLarge: '3rem',
|
||||
xxLarge: '4rem',
|
||||
};
|
||||
|
||||
export const TextReset = `
|
||||
font-size: ${TextSizes.small};
|
||||
font-family: PTMono, Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: normal;
|
||||
letter-spacing: 0.38px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
`;
|
||||
Reference in New Issue
Block a user