Releases: bemky/uniform
Releases · bemky/uniform
v3.0.0.beta9
Changes
- /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
v2.4.1
v2.2.0
v2.0
New naming structures. Breaks a lot of class names and variables from 1.x.
Added
- Breakpoints now default to screen sizes using media queries, but you can also force a breakpoint by wrapping an element with
sm-size
,md-size
,lg-size
,xl-size
uniformThumb
uniformCard-accordion
to uniformCardcolor('gray-dark')
- mixin
size-rule
. Make a rule for a specific size breakpoint - mixin
colors
. Declare selectors with color modification classes on certain attributes - mixin
sizes
. Declare selectors with color modification classes on certain attributes
Removed
uniformTile
(replaced withuniformCard-tile
)- color variables (
$gray
,$yellow
,$red-dark
...) changed tocolor('gray-dark')
hidden
use.hide
insteaduniformTabs
useuniformNav
withborder-bottom
instead- removed
position-fill
Changed
-tiny
to-quarter
-less
to-half
-more
to-2x
-super
to-4x
pointer
tocursor-pointer
- Changed modifier classes to start with component name or dash (ex.
uniformButton green
=>uniformButton -green
) - Changed default grid .col so that starts with padding, add
.grid-nest
to bring first and last column to edge - removed
grid.no-wrap
, use.grid.grid-nowrap
- changed
grid.no-gutter
togrid.grid-gutter-none
- changed
grid.nest
togrid.grid-nest
- changed
col.no-gutter
to.col-gutter-none
- changed
uniform-loader
touniformLoader
- changed
uniformNav
touniformMainNav
- changed
uniformNavList
touniformNav
- changed mixin
horizontal-center
toposition-h-center
- changed mixin
align-middle
toposition-center
- changed mixin
vertical-middle
toposition-v-center
- changed mixin
apply-media-sizes
tosize-rules
v1.0
This is the first really stable and usable release of Uniform. Many of the components were rewritten, removed, and added. In general, this release brings a shift in methodology. Building with Uniform now supplies and relies on more helpers to build things out.
This will break everything in previous versions. Many component names went from title-case
to camelCase
, and many modifier classes inside of components were removed in favor of using helper classes in html.
Added
uniformAlert
uniformDropdown
uniformSelect
uniformFloatingLabel
uniformModal
uniformTable
uniformTooltip
- tons of helper classes like
margin
,pad
,border-top
...
Removed
bourbon
andneat
dependencies- custom sass functions
uniform-list
,uniform-checks
,uniform-step
,uniform-icons
Changed
title-case
tocamelCase
for all compontentsinline-input
touniformInputGroup
.container
to.grid
was completely overhauld to use flexboxtable-container
totable