Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

@uxf/styles

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uxf/styles

## Components

1.2.3
Source
npm

Version published: 4 years ago

Maintainers: 1

Created: 4 years ago

Source

@uxf/styles

Components

`AccessibleSvg`

Constants

`Classes`

common modifier classname constants (eg. IS_HOVERABLE_CLASSNAME for is-hoverable classname)

Mixins

`appearanceReset`

`aspectRatio`

`injectCss`

`inputAutofill`

`inputReset`

`multilineTruncate`

`noWrap`

`reboot`

`responsiveHidden`

`responsiveHideVisually`

`responsiveMultilineTruncate`

`responsiveNoWrap`

`responsiveTruncate`

`selectReset`

`textAreaReset`

`truncate`

Properties

`background`

$backgroundColor
$background

`borders`

$border
$borderBottom
$borderLeft
$borderRight
$borderTop
$borderX
$borderY
$borderRadius
$outline

`breaks`

$breakAfter
$breakBefore
$breakInside

`character`

$fontFamily
$fontSize
$fontStretch
$fontStyle
$fontWeight
$letterSpacing
$lineHeight
$textTransform

`child`

$alignSelf
$flexBasis
$flexGrow
$flexShrink
$gridArea
$justifySelf
$order

`colors`

$backgroundColor
$color

`column`

$columnCount
$columnFill
$columnGap
$columnRule
$columnSpan
$columnWidth

`display`

$display

`flexChild`

$alignSelf
$flexBasis
$flexGrow
$flexShrink
$order

`flexParent`

$alignContent
$alignItems
$display
$flexDirection
$flexWrap
$justifyContent

`floating`

$clear
$float

`gridChild`

$alignSelf
$gridArea
$justifySelf

`gridParent`

$alignContent
$alignItems
$display
$gridAutoColumns
$gridAutoFlow
$gridAutoRows
$gridColumnCount
$gridGap
$gridColumnGap
$gridRowGap
$gridRowCount
$gridTemplateAreas
$gridTemplateColumns
$gridTemplateRows
$justifyContent
$justifyItems

`interactions`

$cursor
$pointerEvents
$resize
$userSelect

`margins`

$mb
$ml
$mr
$mt
$my
$mx

`maxLines`

$maxLines

`objectFitting`

$objectFit
$objectPosition

`overflow`

$overflow
$overflowX
$overflowY

`paddings`

$pb
$pl
$pr
$pt
$py
$px

`paragraph`

$hyphens
$maxLines
$noWrap
$textAlign
$textIndent
$truncate

`perspective`

$perspective
$perspectiveOrigin

`position`

$bottom
$left
$right
$top
$position
$verticalAlign
$zIndex

`shadows`

$boxShadow
$textShadow

`sizing`

$height
$maxHeight
$maxWidth
$minHeight
$minWidth
$width

`spacings`

margins
paddings

`textDecoration`

$textDecoration

`transform`

$transform
$transformOrigin
$transformStyle

`transitions`

$transition

`typography`

character
colors
paragraph
textDecoration

`visibility`

$backfaceVisibility
$hidden
$opacity
$hideVisually

Types

CssUnits
shared types for utils and mixins
several custom css property definitions (for these which are not suitable from csstype package)
ResponsiveProperty namespace with typing for each property available in Properties

Utils

`columnsToPercent`

`encodedSvg`

`formatResponsiveAspectRatio`

`formatResponsiveGridColumns`

`formatValue`

`formatResponsiveValue`

`formatResponsiveValueFromProperty`

`getNumericValueFromArray`

`hexToRgb`

`percent`

`matchBetween`

`matchMin`

`matchBetween`

`matchMax`

`matchHiDpi`

`mediaBetween`

`mediaMin`

`mediaMax`

`mediaHiDpi`

`facepaintMin`

`facepaintOnly`

`responsiveMixin`

`spacing`

`transition`

`withUnit`

FAQs

What is @uxf/styles?

Is @uxf/styles well maintained?

Package last updated on 08 Feb 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install