Use em and rem for most sizes

- Removed d3c-size, elements now all scale by em
- Button text is now centered
- Button height is now fixed

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
     "cSpell.words": [
+        "Dadido",
         "domrender",
         "Fullscreen",
         "ldflags",

component-icons.vugu

@@ -0,0 +1,82 @@
+<div vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683994083"}'>
+	<icons:LArrowDown></icons:LArrowDown>
+	<icons:LArrowLeft></icons:LArrowLeft>
+	<icons:LArrowRight></icons:LArrowRight>
+	<icons:LArrowUp></icons:LArrowUp>
+	<icons:LBackToWindow></icons:LBackToWindow>
+	<icons:LCancel></icons:LCancel>
+	<icons:LChevronDown></icons:LChevronDown>
+	<icons:LChevronLeft></icons:LChevronLeft>
+	<icons:LChevronRight></icons:LChevronRight>
+	<icons:LChevronUp></icons:LChevronUp>
+	<icons:LCircleMinus></icons:LCircleMinus>
+	<icons:LCirclePlus></icons:LCirclePlus>
+	<icons:LCopy></icons:LCopy>
+	<icons:LCustomize></icons:LCustomize>
+	<icons:LCut></icons:LCut>
+	<icons:LDelete></icons:LDelete>
+	<icons:LDeliver></icons:LDeliver>
+	<icons:LDocument></icons:LDocument>
+	<icons:LDocumentBulletList></icons:LDocumentBulletList>
+	<icons:LDocumentCheckboxes></icons:LDocumentCheckboxes>
+	<icons:LDocumentRichText></icons:LDocumentRichText>
+	<icons:LDocumentText></icons:LDocumentText>
+	<icons:LDownload></icons:LDownload>
+	<icons:LEdit></icons:LEdit>
+	<icons:LErrorCircle></icons:LErrorCircle>
+	<icons:LFilter></icons:LFilter>
+	<icons:LFullScreen></icons:LFullScreen>
+	<icons:LGlobalNav></icons:LGlobalNav>
+	<icons:LGlobe></icons:LGlobe>
+	<icons:LHome></icons:LHome>
+	<icons:LHourglass></icons:LHourglass>
+	<icons:LInfoCircle></icons:LInfoCircle>
+	<icons:LLockClosed></icons:LLockClosed>
+	<icons:LLockDisabled></icons:LLockDisabled>
+	<icons:LLockOpened></icons:LLockOpened>
+	<icons:LMail></icons:LMail>
+	<icons:LMailOpened></icons:LMailOpened>
+	<icons:LMinus></icons:LMinus>
+	<icons:LMore></icons:LMore>
+	<icons:LPaste></icons:LPaste>
+	<icons:LPause></icons:LPause>
+	<icons:LPlus></icons:LPlus>
+	<icons:LPowerButton></icons:LPowerButton>
+	<icons:LRedo></icons:LRedo>
+	<icons:LReload></icons:LReload>
+	<icons:LSave></icons:LSave>
+	<icons:LSearch></icons:LSearch>
+	<icons:LSettings></icons:LSettings>
+	<icons:LSort></icons:LSort>
+	<icons:LStar></icons:LStar>
+	<icons:LStart></icons:LStart>
+	<icons:LStop></icons:LStop>
+	<icons:LStopWatch></icons:LStopWatch>
+	<icons:LUndo></icons:LUndo>
+	<icons:LUpload></icons:LUpload>
+	<icons:LWarehouse></icons:LWarehouse>
+	<icons:LWarning></icons:LWarning>
+	<icons:LZoom></icons:LZoom>
+	<icons:LZoomIn></icons:LZoomIn>
+	<icons:LZoomOut></icons:LZoomOut>
+</div>
+
+<style>
+	.d3c-1683994083 {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 1rem;
+		margin: 1rem 0;
+	}
+</style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/icons"
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
+	type ComponentIcons struct {
+		AttrMap vugu.AttrMap
+	}
+</script>

components/input/button.vugu

@@ -1,21 +1,21 @@
-<button vg-attr="c.AttrMap" class="d3c-1633424238" @click="c.HandleClick(event)">
+<button vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1633424238"}' @click="c.HandleClick(event)">
 	<vg-comp expr="c.SymbolSlot"></vg-comp><vg-comp expr="c.DefaultSlot"></vg-comp>
 </button>
 
 <style>
 	.d3c-1633424238 {
 		display: flex;
-		gap: 12px;
+		align-items: center;
+		gap: 0.75em;
 		text-decoration: none;
-		padding: 8px;
+		padding: 0.5em;
-		margin: 8px 0;
+		margin: 0.5em 0;
 		border-radius: 4px;
 		border: none;
 		background-color: white;
-	}
+		font-size: 1em;
-
+		font-family: "Segoe UI", sans-serif;
-	.d3c-1633424238 > * {
+		height: 2em;
-		height: 16px;
 	}
 
 	.d3c-1633424238:hover {
@@ -26,3 +26,9 @@
 		background-color: RGBA(127, 127, 127, 0.2);
 	}
 </style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+</script>

components/input/button_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 func (c *Button) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 
 	vgout = &vugu.BuildOut{}
@@ -15,9 +19,9 @@ func (c *Button) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "button", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1633424238"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "button", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1633424238"})
 	vgn.DOMEventHandlerSpecList = append(vgn.DOMEventHandlerSpecList, vugu.DOMEventHandlerSpec{
 		EventType:	"click",
 		Func:		func(event vugu.DOMEvent) { c.HandleClick(event) },
@@ -51,7 +55,7 @@ func (c *Button) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	}
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
 	{
-		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1633424238 {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\ttext-decoration: none;\n\t\tpadding: 8px;\n\t\tmargin: 8px 0;\n\t\tborder-radius: 4px;\n\t\tborder: none;\n\t\tbackground-color: white;\n\t}\n\n\t.d3c-1633424238 > * {\n\t\theight: 16px;\n\t}\n\n\t.d3c-1633424238:hover {\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n\n\t.d3c-1633424238-selected {\n\t\tbackground-color: RGBA(127, 127, 127, 0.2);\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1633424238 {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.75em;\n\t\ttext-decoration: none;\n\t\tpadding: 0.5em;\n\t\tmargin: 0.5em 0;\n\t\tborder-radius: 4px;\n\t\tborder: none;\n\t\tbackground-color: white;\n\t\tfont-size: 1em;\n\t\tfont-family: \"Segoe UI\", sans-serif;\n\t\theight: 2em;\n\t}\n\n\t.d3c-1633424238:hover {\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n\n\t.d3c-1633424238-selected {\n\t\tbackground-color: RGBA(127, 127, 127, 0.2);\n\t}\n", Attr: []vugu.VGAttribute(nil)})
 	}
 	vgout.AppendCSS(vgn)
 	return vgout

components/layout/container.vugu

@@ -1,9 +1,15 @@
-<div vg-attr="c.AttrMap" class="d3c-1634593574">
+<div vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1634593574"}'>
 	<vg-comp expr="c.DefaultSlot"></vg-comp>
 </div>
 
 <style>
 	.d3c-1634593574 {
-		margin: 20px;
+		margin: 1em;
 	}
 </style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+</script>

components/layout/container_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 func (c *Container) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 
 	vgout = &vugu.BuildOut{}
@@ -15,9 +19,9 @@ func (c *Container) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1634593574"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1634593574"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -37,7 +41,7 @@ func (c *Container) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	}
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
 	{
-		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1634593574 {\n\t\tmargin: 20px;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1634593574 {\n\t\tmargin: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
 	}
 	vgout.AppendCSS(vgn)
 	return vgout

components/navigation/button-fullscreen.vugu

@@ -1,4 +1,4 @@
-<div vg-attr="c.AttrMap" class="d3c-1683824360">
+<div vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683824360"}'>
 	<input:Button @Click="c.handleClick(event)"><vg-slot name="SymbolSlot"><icons:LFullScreen></icons:LFullScreen></vg-slot>
 	</input:Button>
 </div>
@@ -11,7 +11,8 @@
 
 <script type="application/x-go">
 	import (
-		"git.d3nexus.de/Dadido3/D3vugu-components/icons"
 		"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
+		"git.d3nexus.de/Dadido3/D3vugu-components/icons"
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
 	)
 </script>

components/navigation/button-fullscreen_vgen.go

@@ -11,6 +11,7 @@ import js "github.com/vugu/vugu/js"
 import (
 	"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
 	"git.d3nexus.de/Dadido3/D3vugu-components/icons"
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
 )
 
 func (c *ButtonFullscreen) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
@@ -20,9 +21,9 @@ func (c *ButtonFullscreen) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1683824360"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683824360"})
 	{
 		vgparent := vgn
 		_ = vgparent

components/navigation/sidebar-entry.vugu

@@ -1,14 +1,15 @@
-<button vg-attr="c.AttrMap" :class='"d3c-1683622560 " + c.classes' @click="c.handleClick(event)">
+<button vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683622560 " + c.classes}' @click="c.handleClick(event)">
 	<vg-comp expr="c.SymbolSlot"></vg-comp><vg-comp expr="c.DefaultSlot"></vg-comp>
 </button>
 
 <style>
 	.d3c-1683622560 {
 		display: flex;
-		gap: 12px;
+		align-items: center;
+		gap: 0.75em;
 		text-decoration: none;
-		padding: 8px;
+		padding: 0.5em;
-		margin: 8px 0;
+		margin: 0.5em 0;
 		border-radius: 4px;
 		border: none;
 		background-color: white;
@@ -16,10 +17,9 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-	}
+		font-size: 1em;
-
+		font-family: "Segoe UI", sans-serif;
-	.d3c-1683622560 > * {
+		height: 2em;
-		height: 16px;
 	}
 
 	.d3c-1683622560:hover {
@@ -34,3 +34,9 @@
 		display: none;
 	}
 </style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+</script>

components/navigation/sidebar-entry_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 func (c *SidebarEntry) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 
 	vgout = &vugu.BuildOut{}
@@ -17,8 +21,7 @@ func (c *SidebarEntry) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "button", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrInterface("class", "d3c-1683622560 "+c.classes)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683622560 " + c.classes})
-	vgn.AddAttrList(c.AttrMap)
 	vgn.DOMEventHandlerSpecList = append(vgn.DOMEventHandlerSpecList, vugu.DOMEventHandlerSpec{
 		EventType:	"click",
 		Func:		func(event vugu.DOMEvent) { c.handleClick(event) },
@@ -52,7 +55,7 @@ func (c *SidebarEntry) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	}
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
 	{
-		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1683622560 {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\ttext-decoration: none;\n\t\tpadding: 8px;\n\t\tmargin: 8px 0;\n\t\tborder-radius: 4px;\n\t\tborder: none;\n\t\tbackground-color: white;\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.d3c-1683622560 > * {\n\t\theight: 16px;\n\t}\n\n\t.d3c-1683622560:hover {\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n\n\t.d3c-1683622560-selected {\n\t\tbackground-color: RGBA(127, 127, 127, 0.2);\n\t}\n\n\t.d3c-1633357633-sidebar-minimized .d3c-1683622560 > *:not(:first-child) {\n\t\tdisplay: none;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1683622560 {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.75em;\n\t\ttext-decoration: none;\n\t\tpadding: 0.5em;\n\t\tmargin: 0.5em 0;\n\t\tborder-radius: 4px;\n\t\tborder: none;\n\t\tbackground-color: white;\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 1em;\n\t\tfont-family: \"Segoe UI\", sans-serif;\n\t\theight: 2em;\n\t}\n\n\t.d3c-1683622560:hover {\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n\n\t.d3c-1683622560-selected {\n\t\tbackground-color: RGBA(127, 127, 127, 0.2);\n\t}\n\n\t.d3c-1633357633-sidebar-minimized .d3c-1683622560 > *:not(:first-child) {\n\t\tdisplay: none;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
 	}
 	vgout.AppendCSS(vgn)
 	return vgout

components/navigation/sidebar.vugu

@@ -1,4 +1,4 @@
-<div vg-attr="c.AttrMap" class="d3c-1633357633">
+<div vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1633357633"}'>
 	<div :class='"d3c-1633357633-sidebar " + c.sidebarClasses'>
 		<div class="d3c-1633357633-sidebar-menu">
 			<input:Button @Click="c.handleMenuButton(event)">
@@ -39,14 +39,14 @@
 		border-bottom: 1px solid RGBA(0, 0, 0, 0.1);
 		display: flex;
 		position: relative;
-		padding: 0 8px;
+		padding: 0 0.5em;
 		box-sizing: border-box;
 	}
 
 	.d3c-1633357633-sidebar {
 		height: 100%;
 		border-right: 1px solid RGBA(0, 0, 0, 0.1);
-		padding: 0 8px;
+		padding: 0 0.5em;
 		display: flex;
 		flex-direction: column;
 		background-color: white;
@@ -89,7 +89,8 @@
 
 <script type="application/x-go">
 	import (
-		"git.d3nexus.de/Dadido3/D3vugu-components/icons"
 		"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
+		"git.d3nexus.de/Dadido3/D3vugu-components/icons"
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
 	)
 </script>

components/navigation/sidebar_vgen.go

@@ -11,6 +11,7 @@ import js "github.com/vugu/vugu/js"
 import (
 	"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
 	"git.d3nexus.de/Dadido3/D3vugu-components/icons"
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
 )
 
 func (c *Sidebar) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
@@ -20,9 +21,9 @@ func (c *Sidebar) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1633357633"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1633357633"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -232,7 +233,7 @@ func (c *Sidebar) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	}
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
 	{
-		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1633357633 {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t}\n\n\t.d3c-1633357633-menu {\n\t\twidth: 100%;\n\t\tborder-bottom: 1px solid RGBA(0, 0, 0, 0.1);\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tpadding: 0 8px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.d3c-1633357633-sidebar {\n\t\theight: 100%;\n\t\tborder-right: 1px solid RGBA(0, 0, 0, 0.1);\n\t\tpadding: 0 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbackground-color: white;\n\t\tz-index: 1;\n\t}\n\n\t.d3c-1633357633-sidebar-menu {\n\t\t/*display: flex;\n\t\tflex-direction: column;*/\n\t}\n\n\t@media (min-aspect-ratio: 1/1) {\n\t\t.d3c-1633357633-menu {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media not all and (min-aspect-ratio: 1/1) {\n\t\t.d3c-1633357633-sidebar-minimized {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.d3c-1633357633-sidebar {\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\n\t.d3c-1633357633-sidebar-entries {\n\t\toverflow-y: scroll;\n\t}\n\n\t.d3c-1633357633-spacer {\n\t\tflex-grow: 1;\n\t}\n\n\t.d3c-1633357633-body {\n\t\toverflow: auto;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1633357633 {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t}\n\n\t.d3c-1633357633-menu {\n\t\twidth: 100%;\n\t\tborder-bottom: 1px solid RGBA(0, 0, 0, 0.1);\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tpadding: 0 0.5em;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.d3c-1633357633-sidebar {\n\t\theight: 100%;\n\t\tborder-right: 1px solid RGBA(0, 0, 0, 0.1);\n\t\tpadding: 0 0.5em;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbackground-color: white;\n\t\tz-index: 1;\n\t}\n\n\t.d3c-1633357633-sidebar-menu {\n\t\t/*display: flex;\n\t\tflex-direction: column;*/\n\t}\n\n\t@media (min-aspect-ratio: 1/1) {\n\t\t.d3c-1633357633-menu {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media not all and (min-aspect-ratio: 1/1) {\n\t\t.d3c-1633357633-sidebar-minimized {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.d3c-1633357633-sidebar {\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\n\t.d3c-1633357633-sidebar-entries {\n\t\toverflow-y: scroll;\n\t}\n\n\t.d3c-1633357633-spacer {\n\t\tflex-grow: 1;\n\t}\n\n\t.d3c-1633357633-body {\n\t\toverflow: auto;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
 	}
 	vgout.AppendCSS(vgn)
 	return vgout

components/view/code-inline.vugu

@@ -1,4 +1,4 @@
-<span vg-attr="c.AttrMap" class="d3c-1634910850"><vg-comp expr="c.DefaultSlot"></vg-comp></span>
+<span vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1634910850"}'><vg-comp expr="c.DefaultSlot"></vg-comp></span>
 
 <style>
 	.d3c-1634910850 {
@@ -7,3 +7,9 @@
 		background-color: RGBA(127, 127, 127, 0.1);
 	}
 </style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+</script>

components/view/code-inline_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 func (c *CodeInline) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 
 	vgout = &vugu.BuildOut{}
@@ -15,9 +19,9 @@ func (c *CodeInline) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "span", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1634910850"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "span", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1634910850"})
 	{
 		vgparent := vgn
 		_ = vgparent

components/view/code.vugu

@@ -1,13 +1,19 @@
-<div vg-attr="c.AttrMap" class="d3c-1683741854">
+<div vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683741854"}'>
 	<vg-comp expr="c.DefaultSlot"></vg-comp>
 </div>
 
 <style>
 	.d3c-1683741854 {
 		border-radius: 4px;
-		padding: 8px;
+		padding: 0.5em;
-		margin: 8px 0;
+		margin: 0.5em 0;
 		font-family: monospace;
 		background-color: RGBA(127, 127, 127, 0.1);
 	}
 </style>
+
+<script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+</script>

components/view/code_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 func (c *Code) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 
 	vgout = &vugu.BuildOut{}
@@ -15,9 +19,9 @@ func (c *Code) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgiterkey interface{}
 	_ = vgiterkey
 	var vgn *vugu.VGNode
-	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "class", Val: "d3c-1683741854"}}}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "", Data: "div", Attr: []vugu.VGAttribute(nil)}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-1683741854"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -37,7 +41,7 @@ func (c *Code) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	}
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
 	{
-		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1683741854 {\n\t\tborder-radius: 4px;\n\t\tpadding: 8px;\n\t\tmargin: 8px 0;\n\t\tfont-family: monospace;\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-1683741854 {\n\t\tborder-radius: 4px;\n\t\tpadding: 0.5em;\n\t\tmargin: 0.5em 0;\n\t\tfont-family: monospace;\n\t\tbackground-color: RGBA(127, 127, 127, 0.1);\n\t}\n", Attr: []vugu.VGAttribute(nil)})
 	}
 	vgout.AppendCSS(vgn)
 	return vgout

icons/empty.vugu

@@ -1,6 +1,16 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap"></svg>
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon"}'></svg>
+
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
 
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type Empty struct{
 		AttrMap vugu.AttrMap
 	}

icons/empty_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type Empty struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,12 @@ func (c *Empty) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon"})
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-arrow-down.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M13.5 9.5l-6 6 -6 -6m6 6l0 -15" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LArrowDown struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-arrow-down_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LArrowDown struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LArrowDown) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LArrowDown) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-arrow-left.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M6.5 14.5l-6 -6 6 -6m-6 6l15 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LArrowLeft struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-arrow-left_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LArrowLeft struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LArrowLeft) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LArrowLeft) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-arrow-right.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M9.5 14.5l6 -6 -6 -6m6 6l-15 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LArrowRight struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-arrow-right_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LArrowRight struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LArrowRight) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LArrowRight) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-arrow-up.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M13.5 6.5l-6 -6 -6 6m6 -6l0 15" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LArrowUp struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-arrow-up_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LArrowUp struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LArrowUp) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LArrowUp) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-back-to-window.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M9.5 1.5l0 5 5 0m1 -6l-6 6m-3 8l0 -5 -5 0m-1 6l6 -6" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LBackToWindow struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-back-to-window_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LBackToWindow struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LBackToWindow) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LBackToWindow) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-cancel.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M1.5 2.5l12 12m-12 0l12 -12" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCancel struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-cancel_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCancel struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCancel) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LCancel) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-chevron-down.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polyline class="d3c-icon-stroke" points="1.5,5.5 7.5,11.5 13.5,5.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LChevronDown struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-chevron-down_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LChevronDown struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LChevronDown) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LChevronDown) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-chevron-left.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polyline class="d3c-icon-stroke" points="10.5,2.5 4.5,8.5 10.5,14.5 " stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LChevronLeft struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-chevron-left_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LChevronLeft struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LChevronLeft) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LChevronLeft) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-chevron-right.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polyline class="d3c-icon-stroke" points="5.5,2.5 11.5,8.5 5.5,14.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LChevronRight struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-chevron-right_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LChevronRight struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LChevronRight) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LChevronRight) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-chevron-up.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polyline class="d3c-icon-stroke" points="1.5,10.5 7.5,4.5 13.5,10.5 " stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LChevronUp struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-chevron-up_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LChevronUp struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LChevronUp) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LChevronUp) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-circle-minus.vugu

@@ -1,9 +1,19 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M4.5 8.5l6 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-stroke" cx="7.5" cy="8.5" r="7" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCircleMinus struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-circle-minus_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCircleMinus struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCircleMinus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -36,6 +40,11 @@ func (c *LCircleMinus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-circle-plus.vugu

@@ -1,9 +1,19 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M4.5 8.5l6 0m-3 -3l0 6" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-stroke" cx="7.5" cy="8.5" r="7" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCirclePlus struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-circle-plus_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCirclePlus struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCirclePlus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -36,6 +40,11 @@ func (c *LCirclePlus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-copy.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M5.5 0.5l7 0c0.55,0 1,0.453 1,1l0 11c0,0.547 -0.452,1 -1,1l-7 0c-0.547,0 -1,-0.449 -1,-1l0 -11c0,-0.55 0.449,-1 1,-1zm5 15l-5.5 0c-1.551,0 -2.5,-0.946 -2.5,-2.5l0 -10" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCopy struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-copy_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCopy struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCopy) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LCopy) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-customize.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M5.591 10.95c-4.245,-2.45 -1.891,3.256 -5.086,4.55 6.575,-0.003 6.989,-3.452 5.086,-4.55zm-0.937 -0.453c3.513,-4.146 6.534,-7.632 9.851,-9.997 0.476,0.118 0.795,0.381 1,0.748 -2.109,3.961 -5.429,7.388 -9.014,10.767" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCustomize struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-customize_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCustomize struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCustomize) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LCustomize) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-cut.vugu

@@ -1,11 +1,21 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<circle class="d3c-icon-stroke" cx="4.5" cy="13.5" r="2" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-stroke" cx="11.5" cy="13.5" r="2" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<path class="d3c-icon-stroke" d="M5.549 11.797l2.452 -3.983m1.072 -1.743l3.427 -5.571" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<line class="d3c-icon-stroke" x1="10.452" y1="11.797" x2="3.5" y2= "0.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LCut struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-cut_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LCut struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LCut) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -44,6 +48,11 @@ func (c *LCut) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-delete.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M5.988 2.5c0,-1.265 1,-2.014 2,-2 1,0.014 2,0.764 2,2m-7.5 0l1.5 13 8 0 1.5 -13m-7 4l0 5m3 -5l0 5m-8 -9l13 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDelete struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-delete_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDelete struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDelete) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDelete) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-deliver.vugu

@@ -1,11 +1,21 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polyline class="fil1 str0" points="14.41,13.5 15.5,13.5 15.5,9.5 13.5,7.5 10.5,7.5 10.5,13.5 11.59,13.5 " width="3.0" height="3.0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="fil1 str0" cx="3" cy="14" r="1.5" width="3.0" height="3.0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="fil1 str0" cx="13" cy="14" r="1.5" width="3.0" height="3.0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<polyline class="fil1 str0" points="1.59,13.5 0.5,13.5 0.5,4.5 10.5,4.5 10.5,13.5 4.41,13.5 " width="3.0" height="3.0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDeliver struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-deliver_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDeliver struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDeliver) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -44,6 +48,11 @@ func (c *LDeliver) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-document-bullet-list.vugu

@@ -1,11 +1,21 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M6.5 11.5l4 0m-4 -3l5 0m-5 -3l5.01 0m-8.01 -5l9 0c0.55,0 1,0.45 1,1l0 13c0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1l0 -13c0,-0.55 0.45,-1 1,-1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-fill" cx="4.5" cy="5.5" r="0.5" fill="black"/>
 	<circle class="d3c-icon-fill" cx="4.5" cy="8.5" r="0.5" fill="black"/>
 	<circle class="d3c-icon-fill" cx="4.5" cy="11.5" r="0.5" fill="black"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDocumentBulletList struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-document-bullet-list_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDocumentBulletList struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDocumentBulletList) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -44,6 +48,11 @@ func (c *LDocumentBulletList) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-document-checkboxes.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.5 0.5l9 0c0.55,0 1,0.45 1,1l0 13c0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1l0 -13c0,-0.55 0.45,-1 1,-1zm1 4l2 0 0 2 -2 0 0 -2zm0 5l2 0 0 2 -2 0 0 -2zm4 -4l3 0m-3 5l3 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDocumentCheckboxes struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-document-checkboxes_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDocumentCheckboxes struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDocumentCheckboxes) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDocumentCheckboxes) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-document-rich-text.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.5 0.5l9 0c0.55,0 1,0.45 1,1l0 13c0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1l0 -13c0,-0.55 0.45,-1 1,-1zm7.25 5l-1.5 0c-0.41,0 -0.75,-0.34 -0.75,-0.75l0 -1.5c0,-0.41 0.34,-0.75 0.75,-0.75l1.5 0c0.41,0 0.75,0.34 0.75,0.75l0 1.5c0,0.41 -0.34,0.75 -0.75,0.75zm-6.25 0l2 0m-2 3l7 0m-7 3l7 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDocumentRichText struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-document-rich-text_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDocumentRichText struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDocumentRichText) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDocumentRichText) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-document-text.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M4.5 11.5l3 0m-3 -3l7 0m-7 -3l7 0m-8.01 -5l9 0c0.55,0 1,0.45 1,1l0 13c0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1l0 -13c0,-0.55 0.45,-1 1,-1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDocumentText struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-document-text_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDocumentText struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDocumentText) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDocumentText) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-document.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M5.5 0.5l7 0c0.55,0 1,0.45 1,1l0 13c0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1l0 -11 3 -3zm0 0l0 3 -3 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDocument struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-document_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDocument struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDocument) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDocument) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-download.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M14.5 10.5l0 4c0,0.47 -0.531,1 -1,1l-12 0c-0.469,0 -1,-0.526 -1,-1l0 -4m4 -2l3 3 3 -3m-3 3l0 -9" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LDownload struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-download_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LDownload struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LDownload) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LDownload) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-edit.vugu

@@ -1,9 +1,19 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M0.5 15.5c0,-1 1,-2 1,-4l10 -10c2,-2 5,1 3,3l-10 10c-2,0 -3,1 -4,1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<path class="d3c-icon-stroke" d="M10.5 2.5c1,0 3,2 3,3" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LEdit struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-edit_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LEdit struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LEdit) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -36,6 +40,11 @@ func (c *LEdit) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-error-circle.vugu

@@ -1,10 +1,20 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<circle class="d3c-icon-fill" cx="7.49" cy="11.5" r="0.5" fill="black"/>
 	<line class="d3c-icon-stroke" x1="7.49" y1="9.5" x2="7.49" y2= "5.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-stroke" cx="7.5" cy="8.5" r="7" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LErrorCircle struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-error-circle_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LErrorCircle struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LErrorCircle) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -40,6 +44,11 @@ func (c *LErrorCircle) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-filter.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<polygon class="d3c-icon-stroke" points="9.5,8.5 9.5,15.5 6.5,12.5 6.5,8.5 0.5,2.5 0.5,1.5 15.5,1.5 15.5,2.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LFilter struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-filter_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LFilter struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LFilter) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LFilter) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-full-screen.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M0.5 9.5l0 6 6 0m9 -15l-15 15m9 -15l6 0 0 6" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LFullScreen struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-full-screen_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LFullScreen struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LFullScreen) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LFullScreen) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-global-nav.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M0.5 8.5l15 0m-15 5l15 0m-15 -10l15 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LGlobalNav struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-global-nav_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LGlobalNav struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LGlobalNav) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LGlobalNav) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-globe.vugu

@@ -1,9 +1,19 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<circle class="d3c-icon-stroke" cx="7.5" cy="8.5" r="7" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<path class="d3c-icon-stroke" d="M0.79 6.5l13.42 0m-13.42 4l13.42 0m-6.21 -8.98c3.5,3 3.5,10.96 0,13.96m-1.02 -13.96c-3.5,3 -3.5,10.96 0,13.96" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LGlobe struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-globe_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LGlobe struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LGlobe) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -36,6 +40,11 @@ func (c *LGlobe) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-home.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M14.5 15.5l-5 -0 0 -5 -3 0 0 5 -5 0c-0.27,0 -0.51,-0.1 -0.71,-0.29 -0.2,-0.2 -0.29,-0.43 -0.29,-0.71l0 -9 7 -5 1 0 7 5 0 9c0,0.54 -0.46,1 -1,1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LHome struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-home_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LHome struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LHome) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LHome) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-hourglass.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.5 0.5l9 0c0.55,0 1,0.45 1,1 0,4.17 -4,4.33 -4,6.5 0,2.17 4,2.33 4,6.5 0,0.55 -0.45,1 -1,1l-9 0c-0.55,0 -1,-0.45 -1,-1 0,-4.16 4,-4.35 4,-6.5 0,-2.18 -4,-2.32 -4,-6.5 0,-0.55 0.45,-1 1,-1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LHourglass struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-hourglass_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LHourglass struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LHourglass) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LHourglass) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-info-circle.vugu

@@ -1,10 +1,20 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<line class="d3c-icon-stroke" x1="7.5" y1="11.5" x2="7.5" y2= "7.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 	<circle class="d3c-icon-fill" cx="7.5" cy="5.5" r="0.5" fill="black"/>
 	<circle class="d3c-icon-stroke" cx="7.5" cy="8.5" r="7" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LInfoCircle struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-info-circle_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LInfoCircle struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LInfoCircle) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -40,6 +44,11 @@ func (c *LInfoCircle) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-lock-closed.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.5 15.5l9 0c0.55,0 1,-0.45 1,-1l0 -5c0,-0.55 -0.452,-1 -1,-1l-9 0c-0.549,0 -1,0.452 -1,1l0 5c0,0.548 0.45,1 1,1zm1 -7l0 -4.5c0,-1.933 1.567,-3.5 3.5,-3.5 1.933,0 3.5,1.567 3.5,3.5l0 4.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LLockClosed struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-lock-closed_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LLockClosed struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LLockClosed) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LLockClosed) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-lock-disabled.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M7.5 8.5l-3.987 0c-0.548,0 -1,0.453 -1,1l0 5c0,0.548 0.45,1 1,1l9 0c0.55,0 1,-0.45 1,-1m0 -2.485l0 -2.515c0,-0.55 -0.457,-1 -1,-1l-2.516 0m-5.484 0l0 -2.932m0.114 -2.458c0.394,-1.5 1.761,-2.61 3.386,-2.61 1.933,0 3.5,1.567 3.5,3.5l0 4.5m-11.013 -7l14 14" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LLockDisabled struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-lock-disabled_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LLockDisabled struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LLockDisabled) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LLockDisabled) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-lock-opened.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.5 15.5l9 0c0.55,0 1,-0.45 1,-1l0 -5c0,-0.55 -0.452,-1 -1,-1l-9 0c-0.549,0 -1,0.452 -1,1l0 5c0,0.548 0.45,1 1,1zm1 -7l0 -4.5c0,-1.933 1.567,-3.5 3.5,-3.5 1.933,0 3.5,1.567 3.5,3.5" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LLockOpened struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-lock-opened_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LLockOpened struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LLockOpened) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LLockOpened) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-mail-opened.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M0.5 6.5l3 2 9 0 3 -2m0 -1l-6.21 -3.73c-0.81,-0.49 -1.76,-0.49 -2.57,0l-6.21 3.73 0 9 15 0 0 -9z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LMailOpened struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-mail-opened_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LMailOpened struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LMailOpened) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LMailOpened) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-mail.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M0.5 4.5l6.21 3.73c0.81,0.49 1.76,0.49 2.57,0l6.21 -3.73m0 -1l-15 0 0 10 15 0 0 -10z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LMail struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-mail_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LMail struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LMail) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LMail) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-minus.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M1.5 8.5l12 0" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LMinus struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-minus_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LMinus struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LMinus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LMinus) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-more.vugu

@@ -1,10 +1,20 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<circle class="d3c-icon-fill" cx="1.5" cy="8.5" r="1" stroke="none" fill="black"/>
 	<circle class="d3c-icon-fill" cx="7.5" cy="8.5" r="1" stroke="none" fill="black"/>
 	<circle class="d3c-icon-fill" cx="13.5" cy="8.5" r="1" stroke="none" fill="black"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LMore struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-more_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LMore struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LMore) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -40,6 +44,11 @@ func (c *LMore) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-paste.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M9.525 1.5l2 0c0.55,0 1,0.453 1,1l0 1m-7 12l-3 -0c-0.546,-0 -1,-0.45 -1,-1l0 -12c0,-0.551 0.45,-1 1,-1l2.011 -0m1 -1l3 0c0.551,0 1,0.45 1,1 0,0.551 -0.45,1 -1,1l-3 0c-0.551,0 -1,-0.45 -1,-1 0,-0.55 0.449,-1 1,-1zm2.988 5l5 0c0.55,0 1,0.453 1,1l0 7.998c0,0.547 -0.452,1 -1,1l-5 0c-0.547,0 -1,-0.45 -1,-1l0 -7.998c0,-0.55 0.449,-1 1,-1z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LPaste struct{
 		AttrMap vugu.AttrMap
 	}

icons/l-paste_vgen.go

@@ -8,6 +8,10 @@ import "github.com/vugu/vjson"
 import "github.com/vugu/vugu"
 import js "github.com/vugu/vugu/js"
 
+import (
+	"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+)
+
 type LPaste struct {
 	AttrMap vugu.AttrMap
 }
@@ -21,7 +25,7 @@ func (c *LPaste) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 	var vgn *vugu.VGNode
 	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Namespace: "svg", Data: "svg", Attr: []vugu.VGAttribute{vugu.VGAttribute{Namespace: "", Key: "viewBox", Val: "0 0 16 16"}}}
 	vgout.Out = append(vgout.Out, vgn)	// root for output
-	vgn.AddAttrList(c.AttrMap)
+	vgn.AddAttrList(utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"})
 	{
 		vgparent := vgn
 		_ = vgparent
@@ -32,6 +36,11 @@ func (c *LPaste) Build(vgin *vugu.BuildIn) (vgout *vugu.BuildOut) {
 		vgn = &vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n"}
 		vgparent.AppendChild(vgn)
 	}
+	vgn = &vugu.VGNode{Type: vugu.VGNodeType(3), Data: "style", Attr: []vugu.VGAttribute(nil)}
+	{
+		vgn.AppendChild(&vugu.VGNode{Type: vugu.VGNodeType(1), Data: "\n\t.d3c-icon {\n\t\theight: 1em;\n\t}\n", Attr: []vugu.VGAttribute(nil)})
+	}
+	vgout.AppendCSS(vgn)
 	return vgout
 }
 

icons/l-pause.vugu

@@ -1,8 +1,18 @@
-<svg viewBox="0 0 16 16" vg-attr="c.AttrMap">
+<svg viewBox="0 0 16 16" vg-attr='utils.AttributesAppend{AttrMap: c.AttrMap, Classes: "d3c-icon d3-lineicon"}'>
 	<path class="d3c-icon-stroke" d="M3.98 2.5l1.01 0c0.83,0 1.5,0.68 1.5,1.5l0 8c0,0.82 -0.68,1.5 -1.5,1.5l-1.01 0c-0.82,0 -1.5,-0.67 -1.5,-1.5l0 -8c0,-0.83 0.68,-1.5 1.5,-1.5zm6.99 0l1.01 0c0.83,0 1.5,0.68 1.5,1.5l0 8c0,0.82 -0.68,1.5 -1.5,1.5l-1.01 0c-0.83,0 -1.5,-0.67 -1.5,-1.5l0 -8c0,-0.83 0.67,-1.5 1.5,-1.5z" stroke="black" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
 </svg>
 
+<style>
+	.d3c-icon {
+		height: 1em;
+	}
+</style>
+
 <script type="application/x-go">
+	import (
+		"git.d3nexus.de/Dadido3/D3vugu-components/utils"
+	)
+
 	type LPause struct{
 		AttrMap vugu.AttrMap
 	}