Get server listing design working mostly correct
This commit is contained in:
parent
94e3acb9c4
commit
d93e804a31
9 changed files with 170 additions and 188 deletions
20
resources/scripts/assets/css/GlobalStylesheet.ts
Normal file
20
resources/scripts/assets/css/GlobalStylesheet.ts
Normal file
|
@ -0,0 +1,20 @@
|
|||
import tw from 'twin.macro';
|
||||
import { createGlobalStyle } from 'styled-components/macro';
|
||||
|
||||
export default createGlobalStyle`
|
||||
@import url('//fonts.googleapis.com/css?family=Rubik:300,400,500&display=swap');
|
||||
@import url('//fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:500&display=swap');
|
||||
|
||||
body {
|
||||
${tw`font-sans bg-neutral-800 text-neutral-200`};
|
||||
letter-spacing: 0.015em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
${tw`font-medium tracking-normal font-header`};
|
||||
}
|
||||
|
||||
p {
|
||||
${tw`text-neutral-200 leading-snug font-sans`};
|
||||
}
|
||||
`;
|
Reference in a new issue