minor changes and starting to add examples of how to use it
This commit is contained in:
parent
90f847b757
commit
9eb97d892f
8
components/bulma/block.templ
Normal file
8
components/bulma/block.templ
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
package bulma
|
||||||
|
|
||||||
|
// Simple spacer that accepts children
|
||||||
|
templ Block() {
|
||||||
|
<div class="block">
|
||||||
|
{ children... }
|
||||||
|
</div>
|
||||||
|
}
|
19
components/bulma/example/example.templ
Normal file
19
components/bulma/example/example.templ
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
package example
|
||||||
|
|
||||||
|
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
|
||||||
|
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
|
||||||
|
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
|
||||||
|
|
||||||
|
templ example() {
|
||||||
|
@html.Doctype()
|
||||||
|
@html.New("en"){
|
||||||
|
@html.NewHeader(){
|
||||||
|
@bulma.UseBulmaCdn()
|
||||||
|
}
|
||||||
|
@html.NewBody() {
|
||||||
|
@layout.Container(bulma.BreakpointDefault) {
|
||||||
|
{ children... }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
1
components/bulma/example/layout.templ
Normal file
1
components/bulma/example/layout.templ
Normal file
@ -0,0 +1 @@
|
|||||||
|
package example
|
@ -11,4 +11,10 @@ const (
|
|||||||
SizeNormal = "is-normal"
|
SizeNormal = "is-normal"
|
||||||
SizeMedium = "is-medium"
|
SizeMedium = "is-medium"
|
||||||
SizeLarge = "is-large"
|
SizeLarge = "is-large"
|
||||||
|
|
||||||
|
BreakpointDefault = ""
|
||||||
|
BreakpointWidescreen = "is-widescreen"
|
||||||
|
BreakpointFullHd = "is-fullhd"
|
||||||
|
BreakpointMaxDesktop = "is-max-desktop"
|
||||||
|
BreakpointMaxWidescreen = "is-max-widescreen"
|
||||||
)
|
)
|
||||||
|
Loading…
Reference in New Issue
Block a user