nuxt-fela
Add Fela a small, high-performant and framework-agnostic toolbelt to handle state-driven styling in JavaScript to Nuxt.
Setup
- Add
nuxt-fela
dependency using yarn or npm to your project
yarn add nuxt-fela
- Add
nuxt-fela
tomodules
section ofnuxt.config.js
modules: 'nuxt-fela' fela: components: 'Button' 'DatePicker' locale: 'fr'
or
modules: 'nuxt-fela' components: 'Button' 'DatePicker' locale: 'fr'
- Add Element UI styles.
Properties
-
name:
alignContent
shortcut:aC
type:AlignContent
-
name:
alignItems
shortcut:aI
type:AlignItems
-
name:
alignSelf
shortcut:aS
type:AlignSelf
-
name:
animation
shortcut:an
type:string
-
name:
animationDelay
shortcut:anDe
type:NumberOrString
unit: second -
name:
animationDirection
shortcut:anDi
type:Animationdirection
-
name:
animationDuration
shortcut:anDu
type:NumberOrString
unit: second -
name:
animationFillMode
shortcut:anFM
type:AnimationFillMode
-
name:
animationIterationCount
shortcut:anIC
type:AnimationIterationCount
-
name:
animationName
shortcut:anNa
type:string
-
name:
animationPlayState
shortcut:anPS
type:AnimationPlayState
-
name:
animationTimingFunction
shortcut:anTF
type:string
-
name:
backfaceVisibility
shortcut:bfV
type:BackfaceVisibility
-
name:
background
shortcut:bg
type:string
-
name:
backgroundAttachment
shortcut:bgA
type:BackgroundAttachment
-
name:
backgroundBlendMode
shortcut:bgBM
type:string
-
name:
backgroundClip
shortcut:bgCl
type:BackgroundClip
-
name:
backgroundColor
shortcut:bgC
type:string
-
name:
backgroundImage
shortcut:bgI
type:string
-
name:
backgroundOrigin
shortcut:bgO
type:BackgroundOrigin
-
name:
backgroundPosition
shortcut:bgP
type:string
-
name:
backgroundRepeat
shortcut:bgR
type:string
-
name:
backgroundSize
shortcut:bgS
type:string
-
name:
border
shortcut:b
type:string
-
name:
borderBottom
shortcut:bB
type:string
-
name:
borderBottomColor
shortcut:bBC
type:string
-
name:
borderBottomLeftRadius
shortcut:bBLRd
type:NumberOrString
-
name:
borderBottomRightRadius
shortcut:bBRRd
type:NumberOrString
-
name:
borderBottomStyle
shortcut:bBS
type:string
-
name:
borderBottomWidth
shortcut:bBW
type:NumberOrString
-
name:
borderCollapse
shortcut:bCo
type:BorderCollapse
-
name:
borderColor
shortcut:bC
type:string
-
name:
borderLeftColor
shortcut:bLC
type:string
-
name:
borderLeftStyle
shortcut:bLS
type:string
-
name:
borderLeftWidth
shortcut:bLW
type:NumberOrString
-
name:
borderRadius
shortcut:bRd
type:NumberOrString
-
name:
borderRightColor
shortcut:bRC
type:string
-
name:
borderRightStyle
shortcut:bRS
type:string
-
name:
borderRightWidth
shortcut:bRW
type:NumberOrString
-
name:
borderStyle
shortcut:bS
type:string
-
name:
borderTopColor
shortcut:bTC
type:string
-
name:
borderTopLeftRadius
shortcut:bTLRd
type:NumberOrString
-
name:
borderTopRightRadius
shortcut:bTRRd
type:NumberOrString
-
name:
borderTopStyle
shortcut:bTS
type:string
-
name:
borderTopWidth
shortcut:bTW
type:NumberOrString
-
name:
borderWidth
shortcut:bW
type:NumberOrString
-
name:
bottom
shortcut:b
type:NumberOrString
-
name:
color
shortcut:c
type:string
-
name:
content
shortcut:co
type:AlignItems
-
name:
cursor
shortcut:cu
type:AlignSelf
-
name:
direction
shortcut:di
type:alignSelf
-
name:
display
shortcut:d
type:alignSelf
-
name:
elevation
shortcut:el
type:alignSelf
-
name:
flex
shortcut:fl
type:alignSelf
-
name:
flexBasis
shortcut:flB
type:alignSelf
-
name:
flexDirection
shortcut:flD
type:alignSelf
-
name:
flexGrow
shortcut:flG
type:alignSelf
-
name:
flexShrink
shortcut:flS
type:alignSelf
-
name:
flexWrap
shortcut:flW
type:alignSelf
-
name:
fontFamily
shortcut:fF
type:alignSelf
-
name:
fontSize
shortcut:fS
type:alignSelf
-
name:
fontStyle
shortcut:anTF
type:alignSelf
-
name:
fontVariant
shortcut:fV
type:alignSelf
-
name:
fontWeight
shortcut:fW
type:alignSelf
-
name:
height
shortcut:h
type:alignSelf
-
name:
justifyContent
shortcut:jC
type:alignSelf
-
name:
left
shortcut:l
type:alignSelf
-
name:
letterSpacing
shortcut:lS
type:alignSelf
-
name:
lineHeight
shortcut:lH
type:alignSelf
-
name:
marginBottom
shortcut:mB
type:alignSelf
-
name:
marginLeft
shortcut:mL
type:alignSelf
-
name:
marginRight
shortcut:mR
type:alignSelf
-
name:
marginTop
shortcut:mT
type:alignSelf
-
name:
maxHeight
shortcut:maxH
type:alignSelf
-
name:
maxWidth
shortcut:maxW
type:alignSelf
-
name:
minHeight
shortcut:minH
type:alignSelf
-
name:
minWidth
shortcut:minW
type:alignSelf
-
name:
opacity
shortcut:o
type:alignSelf
-
name:
order
shortcut:anTF
type:alignSelf
-
name:
outlineColor
shortcut:ouC
type:alignSelf
-
name:
outlineWidth
shortcut:ouW
type:alignSelf
-
name:
overflow
shortcut:ov
type:alignSelf
-
name:
paddingBottom
shortcut:mB
type:alignSelf
-
name:
paddingLeft
shortcut:mL
type:alignSelf
-
name:
paddingRight
shortcut:mR
type:alignSelf
-
name:
paddingTop
shortcut:mT
type:alignSelf
-
name:
position
shortcut:p
type:alignSelf
-
name:
right
shortcut:r
type:alignSelf
-
name:
textAlign
shortcut:tA
type:alignSelf
-
name:
textDecorationColor
shortcut:tDC
type:alignSelf
-
name:
textDecorationLine
shortcut:tDL
type:alignSelf
-
name:
textDecorationStyle
shortcut:tDS
type:alignSelf
-
name:
top
shortcut:t
type:alignSelf
-
name:
transform
shortcut:tr
type:alignSelf
-
name:
width
shortcut:w
type:NumberOrString
unit:rem
-
name:
zIndex
shortcut:zI
type:ZIndex