styled

Documentation

Overview

Package styled implements a utility style css generating library for the groundlayer project.

It allows us to move from template based theme directives into actual styles generated on the fly and attached to their targets with ease.

Index

• Variables

Variables

var ChakraUIScreens = base.NewString(DefaultScreenScales).
	Key("sm", `@media (min-width: 30em)`).
	Key("md", `@media (min-width: 48em)`).
	Key("lg", `@media (min-width: 62em)`).
	Key("xl", `@media (min-width: 80em)`).
	Key("2xl", `@media (min-width: 94em)`)

var DefaultScreenScales = base.StringScale("sm", "md", "lg", "xl", "2xl")

Screens represents measures/scale of supported screen sizes.

var TailwindUIScreens = base.NewString(DefaultScreenScales).
	Key("sm", `@media (min-width: 640px)`).
	Key("md", `@media (min-width: 768px)`).
	Key("lg", `@media (min-width: 1024px)`).
	Key("xl", `@media (min-width: 1280px)`).
	Key("2xl", `@media (min-width: 1536px)`)