Module
Grain.Markup
- Package
- purescript-grain
- Repository
- purescript-grain/purescript-grain
Re-exports from Grain.Markup.Element
#blockquote Source
blockquote :: VNode
Re-exports from Grain.Markup.Handler
Re-exports from Grain.Markup.Prop
#css Source
css :: String -> VNode -> VNode
Define styles with CSS string.
It generates a hash string as class name from CSS string, and the generated class name is used automatically.
justDiv :: VNode
justDiv =
H.div # H.css styles
styles :: String
styles =
"""
.& {
width: 100px;
height: 100px;
}
.&:hover {
width: 100px;
height: 100px;
}
.&:hover .selected {
color: blue;
}
"""
&
in the CSS string is replaced with the generated class name, and output it as stylesheet.
Like this:
.gz66dqm {
width: 100px;
height: 100px;
}
.gz66dqm:hover {
width: 100px;
height: 100px;
}
.gz66dqm:hover .selected {
color: blue;
}
Re-exports from Grain.UI
- Modules
- Grain
- Grain.
Class - Grain.
Class. GProxy - Grain.
Class. KGProxy - Grain.
Class. LProxy - Grain.
Emitter - Grain.
Markup - Grain.
Markup. Element - Grain.
Markup. Handler - Grain.
Markup. Prop - Grain.
Render - Grain.
Store - Grain.
Styler - Grain.
TypeKeyRef - Grain.
TypeRef - Grain.
UI - Grain.
UI. Diff - Grain.
UI. Element - Grain.
UI. Handler - Grain.
UI. Prop - Grain.
UI. Util