Skip to content

3.0 #6

@bemky

Description

@bemky

Utilities

  • /helpers to /utilities
  • change breakpoint syntaxwidth-100-p-sm -> `sm:width-100-p
  • change breakpoints to all be min-width
  • color-dark -> color-700
  • text-smaller to text-xs (xs sm lg xl)
  • add width-3/4, width-full
  • update spacing scale 1/4 1/2 3/4 1 5/4 3/2 2 3 4 5...
  • grid -> flex
  • add shadow (including shadow-inset, 1px inset with --shadow-inset-opacity)
  • add rounded-1
  • change psuedo-classess bg-blue-hover -> hover:bg-blue
  • add psuedo classes active, focus, hover, checked, focus-within, first, last
  • add group-hover: syntax for psuedo classes group-hover rolls up to :hover on .group
  • spacing units from em to rem
  • include normalize (https://tailwindcss.com/docs/preflight)
  • update all display: to value .cell to .table-cell
  • hide to hidden
  • add contents as display: contents
  • add object-cover as object-fit: cover
  • add object-center as object-position: center;
  • add inset- for top: 0; right: 0; left: 0; bottom: 0
  • add order for flex
  • add space-h to .space-x-0 > * + *
  • add text-italic
  • add text-hairline ... hairline thin light normal medium semibold bold extrabold black
  • add tracking- and leading-
  • add list-
  • add placeholder- to colors
  • add underline, change text-decoration-none to underline-none
  • update text-transform to reflect values
  • update 'align-` to reflect values of vertical-align
  • add text-opacity and bg-opacity via --bg-opacity: 1
  • add border-
  • add `border-opacity
  • add divide-
  • add all cursor-
  • add fill-current set to currentColor
  • add break-
  • add line-through
  • add text-wrap
  • add select-
  • add rotate-
  • add animations spin pulse ping bounce shimmer blink
  • add a utility to apply to all children

Components

  • Add UniformTabs
  • Add UniformSticky to toggle stuck class for css's position:sticky

Docs

  • Add docs for size and color mixins
  • Add docs for including scss via node configuration

Issues

.bg-hover-blue-lightest{
    &:hover > th,
    &:hover > td{
        background: color('blue-lightest') !important;
    }
}

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions