inlineblock

import hash from "./hash";
import SyntheticStyleSheet from "./SyntheticStyleSheet";

type Declarations<T> = Readonly<{
  [namespace: string]: T;
}>;

type StylesClassname = string;

type StylesClassnamesMap = Readonly<{

inlineblock

import Airstyle from "lib/airstyle";
import type {Styles} from "./AirbnbStyles";
import fixPixelRemNumbers from "./transforms/fixPixelRemNumbers";

// This file is the instance of airstyle, you'd want one per config, probably one per site
const airbnb = new Airstyle<Styles>({
  production: false, // if true, we don't do hashing at all.
  inline: false, // if true, we use style instead of className (for emails)
  transforms: [fixPixelRemNumbers], // array of ordered transforms that change input to a different output
});

inlineblock

import type {NextPage} from "next";
import Head from "next/head";
import Image from "next/image";
import airbnb from "styles/airbnb";

const Container = airbnb.div({
  minHeight: "100vh",
  padding: "0 0.5rem",
  display: "flex",
  flexDirection: "column",