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

Lookbook v3.0.0!

New major release! ✨

Features

• All text colour utils are now exposed. Use text-green-20, text-red-80, etc. as you please.
• Tailwind 2.0. Read the upgrade guide.
• Better kbd element styling.
• Use .rounded-lg on .btn, text inputs, and select.
• Make b, strong have font-weight: bold.
• Make all headings bold per default.
• Generate .text-current util class.

Breaking

• Requires PostCSS v8.
• Remove hover variant for text color Tailwind util.
• Remove warning, error, positive, selected border variants.
• Remove make-compat script.
• Rename:
  • .text-default to .text-body
  • .bg-default to .bg-body

Internal

• Switch CSS minified from clean-css to postcss-csso.
• Bump a bunch of dependencies.
• Output sizes as HTML or JSON.
• Use rgb(r g b) form instead of rgb(#hex).
• Replace watch npm script with npm start.

2.2.0: More color and font utils

🆕 New stuff

• Add .text-blue-70, .text-green-60, .bg-green-10 utils.
• Add .font-black util.

2.1.0

🆕 New

• Added .flex-wrap util class.

2.0.1 – Follow up fixes

The regular patch follow up to a stable major release 😄

This version also publishes colors.json in the repo root to npm, since it's imported by index.js.

2.0.0 stable! 🎉

This is the stable 2.0.0 release of the Lookbook.

Breaking changes

• .icon class name removed. See @lookback/component package (http://github.com/lookback/component).

Other

• dist dir not checked into the repo anymore. We use npm for code sharing now, and the dist dir is included in the published npm package.
• Locked down Tailwind dep to 1.6.2, in order to avoid new util classes being added.

npm package

This release is the first release with the Lookback as npm package.

Breaking

The breaking change is the name switch to @lookback/lookbook. This must be updated everywhere where you import or require the Lookbook.

Tailwind 1.4.4

• Bump a bunch of deps.
• Use Tailwind 1.4.4.

2.0.0-beta.21...2.0.0-beta.22

Dark mode fixes, form fixes

2.0.0-beta.20...2.0.0-beta.21

Stronger .btn colours

Fixes

• .btn-secondary gets grey-20 bg instead of grey-30.
• Darker :focus background colours for all buttons.