Module

Fahrtwind.Style

Package: purescript-fahrtwind
Repository: rowtype-yoga/purescript-fahrtwind

Tailwind.css inspired helper functions for speeding up styling elements

Re-exports from Fahrtwind.Style.BlendMode

#mixBlendMode Source

mixBlendMode :: BlendMode -> Style

#backgroundBlendMode Source

backgroundBlendMode :: BlendMode -> Style

Re-exports from Fahrtwind.Style.BlendMode.Types

#BlendMode Source

data BlendMode

Constructors

#blendModeToStyleProperty Source

blendModeToStyleProperty :: BlendMode -> StyleProperty

Re-exports from Fahrtwind.Style.Border

#roundedXl Source

roundedXl :: Style

#roundedSm Source

roundedSm :: Style

#roundedNone Source

roundedNone :: Style

#roundedMd Source

roundedMd :: Style

#roundedLg Source

roundedLg :: Style

#roundedFull Source

roundedFull :: Style

#roundedDefault Source

roundedDefault :: Style

#rounded3xl Source

rounded3xl :: Style

#rounded2xl Source

rounded2xl :: Style

#rounded Source

rounded :: StyleProperty -> Style

#boxSizingContentBox Source

boxSizingContentBox :: Style

#boxSizingBorderBox Source

boxSizingBorderBox :: Style

#borderTop Source

borderTop :: Int -> Style

#borderSolid Source

borderSolid :: Style

#borderRight Source

borderRight :: Int -> Style

#borderNone Source

borderNone :: Style

#borderLeft Source

borderLeft :: Int -> Style

#borderGradient Source

borderGradient :: { backgroundGradient :: String, borderGradient :: String } -> Style

#borderCol' Source

borderCol' :: StyleProperty -> Style

#borderCol Source

borderCol :: Color -> Style

#borderBottom Source

borderBottom :: Int -> Style

#border Source

border :: Int -> Style

Re-exports from Fahrtwind.Style.BoxModel

#pY' Source

pY' :: StyleProperty -> Style

#pY Source

pY :: Int -> Style

#pXY Source

pXY :: Int -> Style

#pX' Source

pX' :: StyleProperty -> Style

#pX Source

pX :: Int -> Style

#pT' Source

pT' :: StyleProperty -> Style

#pT Source

pT :: Int -> Style

#pR' Source

pR' :: StyleProperty -> Style

#pR Source

pR :: Int -> Style

#pL' Source

pL' :: StyleProperty -> Style

#pL Source

pL :: Int -> Style

#pB' Source

pB' :: StyleProperty -> Style

#pB Source

pB :: Int -> Style

#p' Source

p' :: StyleProperty -> Style

#mY' Source

mY' :: StyleProperty -> Style

#mY Source

mY :: Int -> Style

#mXY Source

mXY :: Int -> Style

#mXAuto Source

mXAuto :: Style

#mX' Source

mX' :: StyleProperty -> Style

#mX Source

mX :: Int -> Style

#mT' Source

mT' :: StyleProperty -> Style

#mT Source

mT :: Int -> Style

#mR' Source

mR' :: StyleProperty -> Style

#mR Source

mR :: Int -> Style

#mL' Source

mL' :: StyleProperty -> Style

#mL Source

mL :: Int -> Style

#mB' Source

mB' :: StyleProperty -> Style

#mB Source

mB :: Int -> Style

#m' Source

m' :: StyleProperty -> Style

Re-exports from Fahrtwind.Style.BoxShadow

#shadows Source

shadows :: Array String -> Style

#shadowXxlCol Source

shadowXxlCol :: Color -> Style

#shadowXxl Source

shadowXxl :: Style

#shadowXlCol Source

shadowXlCol :: Color -> Style

#shadowXl Source

shadowXl :: Style

#shadowSmCol Source

shadowSmCol :: Color -> Style

#shadowSm Source

shadowSm :: Style

#shadowMdCol Source

shadowMdCol :: Color -> Style

#shadowMd Source

shadowMd :: Style

#shadowLgCol Source

shadowLgCol :: Color -> Style

#shadowLg Source

shadowLg :: Style

#shadowDefaultCol Source

shadowDefaultCol :: Color -> Style

#shadowDefault Source

shadowDefault :: Style

#shadow' Source

shadow' :: StyleProperty -> Style

#shadow Source

shadow :: String -> Style

#mkShadow Source

mkShadow :: { blurRadius :: Int, col :: Color, offsetX :: Int, offsetY :: Int, spreadRadius :: Int } -> String

Re-exports from Fahrtwind.Style.Breakpoint

#screenXl Source

screenXl :: Style -> Style

#screenSm Source

screenSm :: Style -> Style

#screenMd Source

screenMd :: Style -> Style

#screenLg Source

screenLg :: Style -> Style

#screen2xl Source

screen2xl :: Style -> Style

Re-exports from Fahrtwind.Style.Color.Background

#svgBackgroundImage Source

svgBackgroundImage :: JSX -> Style

#linearGradientString' Source

linearGradientString' :: Int -> Array String -> String

#linearGradientString Source

linearGradientString :: Int -> Array Color -> String

#linearGradientStopsString Source

linearGradientStopsString :: Int -> Array (Tuple Number Color) -> String

#linearGradientStops Source

linearGradientStops :: Int -> Array (Tuple Number Color) -> Style

#linearGradient' Source

linearGradient' :: Int -> Array String -> Style

#linearGradient Source

linearGradient :: Int -> Array Color -> Style

#blurredBackground' Source

blurredBackground' :: { blurRadius :: Int, blurredCol :: String, fallbackCol :: String } -> Style

#blurredBackground Source

blurredBackground :: Color -> Int -> Style

#backgroundSize' Source

backgroundSize' :: StyleProperty -> Style

#backgroundSize Source

backgroundSize :: String -> Style

#backgroundRepeatY Source

backgroundRepeatY :: Style

#backgroundRepeatX Source

backgroundRepeatX :: Style

#backgroundRepeat Source

backgroundRepeat :: String -> Style

#backgroundPosition Source

backgroundPosition :: String -> Style

#backgroundNoRepeat Source

backgroundNoRepeat :: Style

#backgroundImage' Source

backgroundImage' :: StyleProperty -> Style

#backgroundImage Source

backgroundImage :: String -> Style

#background' Source

background' :: StyleProperty -> Style

#background Source

background :: Color -> Style

Re-exports from Fahrtwind.Style.Color.Tailwind

#TailwindColor Source

type TailwindColor = { _100 :: Color, _200 :: Color, _300 :: Color, _400 :: Color, _50 :: Color, _500 :: Color, _600 :: Color, _700 :: Color, _800 :: Color, _900 :: Color }

#yellow Source

yellow :: TailwindColor

#white Source

white :: Color

#warmGray Source

warmGray :: TailwindColor

#violet Source

violet :: TailwindColor

#trueGray Source

trueGray :: TailwindColor

#teal Source

teal :: TailwindColor

#rose Source

rose :: TailwindColor

#red Source

red :: TailwindColor

#purple Source

purple :: TailwindColor

#pink Source

pink :: TailwindColor

#orange Source

orange :: TailwindColor

#lime Source

lime :: TailwindColor

#lightBlue Source

lightBlue :: TailwindColor

#indigo Source

indigo :: TailwindColor

#green Source

green :: TailwindColor

#gray Source

gray :: TailwindColor

#fuchsia Source

fuchsia :: TailwindColor

#emerald Source

emerald :: TailwindColor

#cyan Source

cyan :: TailwindColor

#coolGray Source

coolGray :: TailwindColor

#blueGray Source

blueGray :: TailwindColor

#blue Source

blue :: TailwindColor

#black Source

black :: Color

#amber Source

amber :: TailwindColor

Re-exports from Fahrtwind.Style.Color.Text

#textRight Source

textRight :: Style

#textLeft Source

textLeft :: Style

#textJustify Source

textJustify :: Style

#textCol' Source

textCol' :: StyleProperty -> Style

#textCol Source

textCol :: Color -> Style

#textCenter Source

textCenter :: Style

Re-exports from Fahrtwind.Style.Color.Util

#withSaturation Source

withSaturation :: Number -> Color -> Color

#withLightness Source

withLightness :: Number -> Color -> Color

#withHue Source

withHue :: Number -> Color -> Color

#withAlpha Source

withAlpha :: Number -> Color -> Color

#saturation Source

saturation :: Color -> Number

#lightness Source

lightness :: Color -> Number

#hue Source

hue :: Color -> Number

Re-exports from Fahrtwind.Style.Cursor

#cursorWait Source

cursorWait :: Style

#cursorText Source

cursorText :: Style

#cursorPointer Source

cursorPointer :: Style

#cursorNotAllowed Source

cursorNotAllowed :: Style

#cursorMove Source

cursorMove :: Style

#cursorHelp Source

cursorHelp :: Style

#cursorDefault Source

cursorDefault :: Style

#cursorAuto Source

cursorAuto :: Style

Re-exports from Fahrtwind.Style.Display

#inlineGrid Source

inlineGrid :: Style

#inlineFlex Source

inlineFlex :: Style

#inlineBlock Source

inlineBlock :: Style

#flex Source

flex :: Style

#displayNone Source

displayNone :: Style

#block Source

block :: Style

Re-exports from Fahrtwind.Style.Display.Flex

#justifyStart Source

justifyStart :: Style

#justifySelfStart Source

justifySelfStart :: Style

#justifySelfEnd Source

justifySelfEnd :: Style

#justifySelfCenter Source

justifySelfCenter :: Style

#justifyEvenly Source

justifyEvenly :: Style

#justifyEnd Source

justifyEnd :: Style

#justifyCenter Source

justifyCenter :: Style

#justifyBetween Source

justifyBetween :: Style

#justifyAround Source

justifyAround :: Style

#itemsStart Source

itemsStart :: Style

#itemsEvenly Source

itemsEvenly :: Style

#itemsEnd Source

itemsEnd :: Style

#itemsCenter Source

itemsCenter :: Style

#itemsBetween Source

itemsBetween :: Style

#itemsAround Source

itemsAround :: Style

#gap Source

gap :: Int -> Style

#flexWrapReverse Source

flexWrapReverse :: Style

#flexWrap Source

flexWrap :: Style

#flexShrink Source

flexShrink :: Int -> Style

#flexRow Source

flexRow :: Style

#flexNoWrap Source

flexNoWrap :: Style

#flexGrow Source

flexGrow :: Int -> Style

#flexCol Source

flexCol :: Style

#alignSelfStart Source

alignSelfStart :: Style

#alignSelfEnd Source

alignSelfEnd :: Style

#alignSelfCenter Source

alignSelfCenter :: Style

Re-exports from Fahrtwind.Style.Display.Grid

#templateRows Source

templateRows :: String -> Style

#templateCols Source

templateCols :: String -> Style

#displayGrid Source

displayGrid :: Style

Re-exports from Fahrtwind.Style.Divide

#divideYReverse Source

divideYReverse :: Int -> Style

#divideY Source

divideY :: Int -> Style

#divideXReverse Source

divideXReverse :: Int -> Style

#divideX Source

divideX :: Int -> Style

#divideCol' Source

divideCol' :: StyleProperty -> Style

#divideCol Source

divideCol :: Color -> Style

Re-exports from Fahrtwind.Style.Global

#variables Source

variables :: Style

#nest Source

nest :: forall r rl. RowToList r rl => HomogeneousRowList rl StyleProperty => Record r -> StyleProperty

#globalStyles Source

globalStyles :: Style

Re-exports from Fahrtwind.Style.Input

#placeholder Source

placeholder :: Style -> Style

#outlineNone Source

outlineNone :: Style

Re-exports from Fahrtwind.Style.Inset

#top' Source

top' :: StyleProperty -> Style

#top Source

top :: Int -> Style

#right' Source

right' :: StyleProperty -> Style

#right Source

right :: Int -> Style

#left' Source

left' :: StyleProperty -> Style

#left Source

left :: Int -> Style

#bottom' Source

bottom' :: StyleProperty -> Style

#bottom Source

bottom :: Int -> Style

Re-exports from Fahrtwind.Style.Isolation

#isolationAuto Source

isolationAuto :: Style

#isolate Source

isolate :: Style

Re-exports from Fahrtwind.Style.Nesting

#attributeValueStyle Source

attributeValueStyle :: String -> String -> Style -> Style

Re-exports from Fahrtwind.Style.Opacity

#opacity Source

opacity :: Int -> Style

Re-exports from Fahrtwind.Style.Overflow

#textOverflowEllipsis Source

textOverflowEllipsis :: Style

#overflowYScroll Source

overflowYScroll :: Style

#overflowYHidden Source

overflowYHidden :: Style

#overflowXScroll Source

overflowXScroll :: Style

#overflowXHidden Source

overflowXHidden :: Style

#overflowVisible Source

overflowVisible :: Style

#overflowScroll Source

overflowScroll :: Style

#overflowHidden Source

overflowHidden :: Style

Re-exports from Fahrtwind.Style.PointerEvents

#pointerEventsNone Source

pointerEventsNone :: Style

#pointerEventsAuto Source

pointerEventsAuto :: Style

#ignoreClicks Source

ignoreClicks :: Style

#acceptClicks Source

acceptClicks :: Style

Re-exports from Fahrtwind.Style.Position

#positionSticky Source

positionSticky :: Style

#positionStatic Source

positionStatic :: Style

#positionRelative Source

positionRelative :: Style

#positionFixed Source

positionFixed :: Style

#positionAbsolute Source

positionAbsolute :: Style

Re-exports from Fahrtwind.Style.PseudoClasses

#visited Source

visited :: Style -> Style

#valid Source

valid :: Style -> Style

#target Source

target :: Style -> Style

#scope Source

scope :: Style -> Style

#root Source

root :: Style -> Style

#required Source

required :: Style -> Style

#readWrite Source

readWrite :: Style -> Style

#readOnly Source

readOnly :: Style -> Style

#pseudoRight Source

pseudoRight :: Style -> Style

#pseudoLeft Source

pseudoLeft :: Style -> Style

#outOfRange Source

outOfRange :: Style -> Style

#optional Source

optional :: Style -> Style

#onlyOfType Source

onlyOfType :: Style -> Style

#onlyChild Source

onlyChild :: Style -> Style

#oddChild Source

oddChild :: Style -> Style

#nthOfType Source

nthOfType :: Int -> Style -> Style

#nthChild Source

nthChild :: Int -> Style -> Style

#link Source

link :: Style -> Style

#lastOfType Source

lastOfType :: Style -> Style

#lastChild Source

lastChild :: Style -> Style

#invalid Source

invalid :: Style -> Style

#indeterminate Source

indeterminate :: Style -> Style

#inRange Source

inRange :: Style -> Style

#hover Source

hover :: Style -> Style

#fullscreen Source

fullscreen :: Style -> Style

#focusWithin Source

focusWithin :: Style -> Style

#focus Source

focus :: Style -> Style

#firstOfType Source

firstOfType :: Style -> Style

#firstChild Source

firstChild :: Style -> Style

#first Source

first :: Style -> Style

#evenChild Source

evenChild :: Style -> Style

#enabled Source

enabled :: Style -> Style

#empty Source

empty :: Style -> Style

#disabled Source

disabled :: Style -> Style

#default Source

default :: Style -> Style

#checked Source

checked :: Style -> Style

#active Source

active :: Style -> Style

Re-exports from Fahrtwind.Style.PseudoElements

#selection Source

selection :: Style -> Style

#firstLine Source

firstLine :: Style -> Style

#firstLetter Source

firstLetter :: Style -> Style

#content Source

content :: String -> Style

#beforeElement Source

beforeElement :: Style -> Style

#afterElement Source

afterElement :: Style -> Style

Re-exports from Fahrtwind.Style.Size

#widthScreen Source

widthScreen :: Style

#widthFull Source

widthFull :: Style

#widthAndHeight' Source

widthAndHeight' :: StyleProperty -> Style

#widthAndHeight Source

widthAndHeight :: Int -> Style

#width' Source

width' :: StyleProperty -> Style

#width Source

width :: Int -> Style

#screenWidth Source

screenWidth :: StyleProperty

#screenHeight Source

screenHeight :: StyleProperty

#minWidth' Source

minWidth' :: StyleProperty -> Style

#minWidth Source

minWidth :: Int -> Style

#minHeight' Source

minHeight' :: StyleProperty -> Style

#minHeight Source

minHeight :: Int -> Style

#maxWidth' Source

maxWidth' :: StyleProperty -> Style

#maxWidth Source

maxWidth :: Int -> Style

#maxHeight' Source

maxHeight' :: StyleProperty -> Style

#maxHeight Source

maxHeight :: Int -> Style

#heightScreen Source

heightScreen :: Style

#heightFull Source

heightFull :: Style

#height' Source

height' :: StyleProperty -> Style

#height Source

height :: Int -> Style

#full Source

full :: StyleProperty

Re-exports from Fahrtwind.Style.Text

#underline Source

underline :: Style

#trackingWidest Source

trackingWidest :: Style

#trackingWider Source

trackingWider :: Style

#trackingWide Source

trackingWide :: Style

#trackingTighter Source

trackingTighter :: Style

#trackingTight Source

trackingTight :: Style

#trackingNormal Source

trackingNormal :: Style

#tracking Source

tracking :: Number -> Style

#textXs Source

textXs :: Style

#textXl Source

textXl :: Style

#textTransformUppercase Source

textTransformUppercase :: Style

#textSm Source

textSm :: Style

#textSized Source

textSized :: Number -> Number -> Style

#textLinearGradient Source

textLinearGradient :: Int -> Array String -> Style

#textLg Source

textLg :: Style

#textDefault Source

textDefault :: Style

#textBase Source

textBase :: Style

#text9xl Source

text9xl :: Style

#text8xl Source

text8xl :: Style

#text7xl Source

text7xl :: Style

#text6xl Source

text6xl :: Style

#text5xl Source

text5xl :: Style

#text4xl Source

text4xl :: Style

#text3xl Source

text3xl :: Style

#text2xl Source

text2xl :: Style

#noTextDecoration Source

noTextDecoration :: Style

#lineHeight' Source

lineHeight' :: StyleProperty -> Style

#lineHeight Source

lineHeight :: String -> Style

#italic Source

italic :: Style

#fontThin Source

fontThin :: Style

#fontSize' Source

fontSize' :: StyleProperty -> Style

#fontSize Source

fontSize :: Int -> Style

#fontSemibold Source

fontSemibold :: Style

#fontSemiMedium Source

fontSemiMedium :: Style

#fontNormal Source

fontNormal :: Style

#fontMedium Source

fontMedium :: Style

#fontLight Source

fontLight :: Style

#fontFamilyOrSerif Source

fontFamilyOrSerif :: String -> Style

#fontFamilyOrSans Source

fontFamilyOrSans :: String -> Style

#fontFamilyOrMono Source

fontFamilyOrMono :: String -> Style

#fontExtralight Source

fontExtralight :: Style

#fontExtrabold Source

fontExtrabold :: Style

#fontBold Source

fontBold :: Style

#fontBlack Source

fontBlack :: Style

Re-exports from Fahrtwind.Style.Transform

#translate Source

translate :: String -> String -> Style

#transformMany Source

transformMany :: Array String -> Style

#transform' Source

transform' :: StyleProperty -> Style

#transform Source

transform :: String -> Style

#rotate Source

rotate :: Int -> Style

#mkTranslate Source

mkTranslate :: String -> String -> String

#mkRotate Source

mkRotate :: String -> String

Re-exports from Fahrtwind.Style.Transition

#transitionRec Source

transitionRec :: { delay :: String, duration :: String, property :: String, timingFunction :: String } -> Style

#transition' Source

transition' :: StyleProperty -> Style

#transition Source

transition :: String -> Style

Re-exports from Fahrtwind.Style.UserSelect

#userSelectText Source

userSelectText :: Style

#userSelectNone Source

userSelectNone :: Style

Re-exports from Fahrtwind.Style.Visibility

#visible Source

visible :: Style

#invisible Source

invisible :: Style

Modules: Fahrtwind; Fahrtwind.Animation; Fahrtwind.Icon.BrandIcon; Fahrtwind.Icon.Common; Fahrtwind.Icon.Heroicons; Fahrtwind.Layer; Fahrtwind.Style; Fahrtwind.Style.BlendMode; Fahrtwind.Style.BlendMode.Types; Fahrtwind.Style.Border; Fahrtwind.Style.BoxModel; Fahrtwind.Style.BoxShadow; Fahrtwind.Style.Breakpoint; Fahrtwind.Style.Child; Fahrtwind.Style.Color.Background; Fahrtwind.Style.Color.Tailwind; Fahrtwind.Style.Color.Text; Fahrtwind.Style.Color.Util; Fahrtwind.Style.Cursor; Fahrtwind.Style.Display; Fahrtwind.Style.Display.Flex; Fahrtwind.Style.Display.Grid; Fahrtwind.Style.Divide; Fahrtwind.Style.Global; Fahrtwind.Style.Input; Fahrtwind.Style.Inset; Fahrtwind.Style.Isolation; Fahrtwind.Style.Nesting; Fahrtwind.Style.Opacity; Fahrtwind.Style.Overflow; Fahrtwind.Style.PointerEvents; Fahrtwind.Style.Position; Fahrtwind.Style.PseudoClasses; Fahrtwind.Style.PseudoElements; Fahrtwind.Style.ScrollBar; Fahrtwind.Style.Size; Fahrtwind.Style.Text; Fahrtwind.Style.Transform; Fahrtwind.Style.Transition; Fahrtwind.Style.UserSelect; Fahrtwind.Style.Visibility