Lookbook v5

Most important

• Use .text-muted for secondary text.
• All colours are available as .bg-{color}.
• <a> now are blue-50.

Docs

• Previews and more here: https://lookback.github.io/lookbook-website.
• All enabled classes: https://lookback.github.io/lookbook-website/tech/classes.

Breaking

• Run purgecss and minify as a part of defaultPlugins()
• Remove positive, negative, warning CSS vars
• Remove --default-* CSS vars
• Tweak code styles
• Expose all colors for borders. Add active variant, remove light
• Tweak form styles
• Remake spacing scale
• Remove var(--off-white) from :root and cleanup in tailwind config
• Remove theme('colors.defaultBoxShadow')
• Remove .font-light
• font-f1: 42-34px, font-f0: 54-42px
• Alter and use theme.letterSpacing on body and headings
• Remove unused font-black util

Changes

• Increase base leading to 1.6
• Expose all colors for fill and background-color
• Add .text-muted util (for grey-80)
• Make links be blue-60
• Replace .tabular-nums with Tailwind version
• Add .square util in aspect-ratio.css file
• Enable outline util
• Enable background and text opacity
• Enable pointer-events util
• Enable ring utils
• Tweak shadows
• Tweak button colours
• Fix ::selection colour
• Fix :focus styles for
• Make be grey-90
• Add CSS for styling
• Consistent .btn:disabled styles
• Consistent code colours
• Make leading-tight be 1.45