chunkydotdev

cd /home/dev/bunny-game-api
[ $(git rev-parse HEAD) = $(git ls-remote $(git rev-parse --abbrev-ref @{u} | \
sed 's/\// /g') | cut -f1) ] && echo up to date || (git pull && docker compose up -d --build api database)

chunkydotdev

import styled from 'styled-components'
import { Colors, Spacings } from '../theme.ts'

const PrimaryButton = styled.button`
  background-color: ${Colors.primary};
  border: 0;
  margin-bottom: ${Spacings.md};
`

const Component1 = () => {

chunkydotdev

export const Spacings = {
  xs: '4px',
  sm: '8px',
  md: '16px',
  lg: '32px',
  xl: '64px'
}
 
export const colors = {
  primary: '#00A6FB',

chunkydotdev

import styled from 'styled-components'

const PrimaryButton = styled.button`
  background-color: ${({theme}) => theme.colors.primary};
  border: 0;
  margin-bottom: ${({theme}) => theme.spacings.md};
`

const Component1 = () => {

chunkydotdev

import { ThemeProvider } from 'styled-components'
import { theme } from './theme.ts'

const App = () => {

  return <>
    <ThemeProvider theme={theme}>
      <Component1 />
      <Component2 />
      <Component3 />

chunkydotdev

export const theme = {
  spacings: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '32px',
    xl: '64px'
  }, 
  colors: {
    primary: '#00A6FB',

chunkydotdev

import styled from 'styled-components'

const FishBubble = styled.div.attrs(({ y, x }: { y: number; x: number }) => ({
  style: {
    top: `${y}%`,
    left: `${x}px`
  }
}))`
  position: absolute;
  height: 4px;

chunkydotdev

import styled from 'styled-components'

const FishBubble = styled.div<{ x: number; y: number }>`
  top: ${({ y }) => y}%;
  left: ${({ x }) => x}px;
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: white;
  animation: up 1.5s linear forwards;

chunkydotdev

import React from 'react';
import styled from 'styled-components';

const Button = styled.button`
  border: 1px solid black;
  background-color: white;
  padding: 10px;
  color: black;
  transition: 0.2s all;
  pointer: cursor;

chunkydotdev

### Keybase proof

I hereby claim:

  * I am storken on github.
  * I am magnusjunghard (https://keybase.io/magnusjunghard) on keybase.
  * I have a public key ASCRm5Q8mW8g3VeyPfvnjDKa_GcXA0KzVuuhAb21K2thVAo

To claim this, I am signing this object: