| Safe Haskell | None |
|---|---|
| Language | GHC2021 |
Web.Atomic.CSS.Box
Synopsis
- pad :: Styleable h => Sides Length -> CSS h -> CSS h
- gap :: Styleable h => Length -> CSS h -> CSS h
- margin :: Styleable h => Sides Length -> CSS h -> CSS h
- shadow :: (Styleable h, PropertyStyle Shadow a, ToClassName a) => a -> CSS h -> CSS h
- data Shadow
- data Inner = Inner
- bg :: (ToColor clr, Styleable h) => clr -> CSS h -> CSS h
- rounded :: Styleable h => Length -> CSS h -> CSS h
- border :: Styleable h => Sides PxRem -> CSS h -> CSS h
- borderStyle :: Styleable h => BorderStyle -> CSS h -> CSS h
- data BorderStyle
- borderWidth :: Styleable h => Sides PxRem -> CSS h -> CSS h
- borderColor :: (ToColor clr, Styleable h) => clr -> CSS h -> CSS h
- opacity :: Styleable h => Float -> CSS h -> CSS h
- sides :: (Styleable h, ToStyle a, ToClassName a, Num a) => ClassName -> (Property -> Property) -> Sides a -> CSS h -> CSS h
- sides' :: (Styleable h, ToStyle a, ToClassName a, Num a) => (a -> CSS h -> CSS h) -> (a -> CSS h -> CSS h) -> (a -> CSS h -> CSS h) -> (a -> CSS h -> CSS h) -> (a -> CSS h -> CSS h) -> Sides a -> CSS h -> CSS h
Documentation
pad :: Styleable h => Sides Length -> CSS h -> CSS h Source #
Space surrounding the children of the element
To create even spacing around and between all elements combine with gap
el ~ flexCol . pad 10 . gap 10 $ do el "one" el "two" el "three"
shadow :: (Styleable h, PropertyStyle Shadow a, ToClassName a) => a -> CSS h -> CSS h Source #
Add a drop shadow to an element
input ~ shadow Inner $ "Inset Shadow" button ~ shadow () $ "Click Me"
Instances
| PropertyStyle Shadow Inner Source # | |
Defined in Web.Atomic.CSS.Box Methods propertyStyle :: Inner -> Style Source # | |
| PropertyStyle Shadow None Source # | |
Defined in Web.Atomic.CSS.Box Methods propertyStyle :: None -> Style Source # | |
| PropertyStyle Shadow () Source # | |
Defined in Web.Atomic.CSS.Box Methods propertyStyle :: () -> Style Source # | |
Constructors
| Inner |
Instances
| ToClassName Inner Source # | |
Defined in Web.Atomic.CSS.Box Methods toClassName :: Inner -> ClassName Source # | |
| Show Inner Source # | |
| PropertyStyle Shadow Inner Source # | |
Defined in Web.Atomic.CSS.Box Methods propertyStyle :: Inner -> Style Source # | |
bg :: (ToColor clr, Styleable h) => clr -> CSS h -> CSS h Source #
Set the background color. See ToColor
border :: Styleable h => Sides PxRem -> CSS h -> CSS h Source #
Set a border around the element
el ~ border 1 $ "all sides" el ~ border (X 1) $ "only left and right"
borderStyle :: Styleable h => BorderStyle -> CSS h -> CSS h Source #
data BorderStyle Source #
Instances
| ToClassName BorderStyle Source # | |
Defined in Web.Atomic.CSS.Box Methods toClassName :: BorderStyle -> ClassName Source # | |
| ToStyle BorderStyle Source # | |
Defined in Web.Atomic.CSS.Box Methods style :: BorderStyle -> Style Source # | |
| Show BorderStyle Source # | |
Defined in Web.Atomic.CSS.Box Methods showsPrec :: Int -> BorderStyle -> ShowS # show :: BorderStyle -> String # showList :: [BorderStyle] -> ShowS # | |
borderColor :: (ToColor clr, Styleable h) => clr -> CSS h -> CSS h Source #
Set a border color. See ToColor