simple-css-0.0.4: simple binding of css and html

SimpleCss.Tricks.Shortcuts.Css

Contents

Description

styling shortcuts

Synopsis

directions

data Dir Source

Constructors

DAll 
DLeft 
DRight 
DBottom 
DTop 

Instances

direction constructors

hor :: [Dir]Source

hor = [left, right]

ver :: [Dir]Source

ver = [top, bottom]

sides :: [Dir]Source

sides = [left, top, right, bottom]

floating

lfloat :: [Decl]Source

sets float property to left

rfloat :: [Decl]Source

sets float property to right

rclear :: [Decl]Source

sets clear property to right

lclear :: [Decl]Source

sets clear property to left

bclear :: [Decl]Source

sets clear property to both

Box model

border

border :: [Dir] -> BorderStyle -> BorderWidth -> BorderColor -> [Decl]Source

sets border properties

borderNone :: [Dir] -> [Decl]Source

sets border property to none and assigns border-width to zero

borderRadius :: [Expr] -> [Decl]Source

sets border-radius property

margin

margin :: [Dir] -> Expr -> [Decl]Source

sets margin width

padding

padding :: [Dir] -> Expr -> [Decl]Source

sets padding width

content

width :: Expr -> [Decl]Source

sets wdth

height :: Expr -> [Decl]Source

sets height

background

bkgColor :: Expr -> [Decl]Source

sets background-color property

brick :: Expr -> Expr -> [Decl]Source

sets color and background-color properties

pict :: String -> [Decl]Source

loads picture to background

Text

color :: Expr -> [Decl]Source

sets color property to specified color

mouse interaction

data Box Source

Box model

elements groupped in box can be displayed as block or as inline-block

box :: [Decl] -> BoxSource

block box

ibox :: [Decl] -> BoxSource

inline-block box

static :: Box -> Css a -> Css aSource

static box

rollOver :: Box -> Box -> Css a -> Css aSource

rollover box

arguments :

  • static box
  • on hover box

onMouse :: Box -> Box -> Box -> Box -> Css a -> Css aSource

mouse-interaction box arguments :

  • link
  • visited
  • hover
  • active

box