bolero: translate `Songhay.Dashboard/Client/src/app/components/dashboard/dashboard.component.html` into Bulma

[Bryan Wilhite]

translate this Angular component to *.Client/wwwroot/main.html *.Client/wwwroot/content-block.html

• follow https://bulma.io/documentation/overview/start/
• set content-block background color

.mat-app-background {
	background-color: #303130;
	color: #fff;
}

• define Bolero.Node, a tile
• establish responsive layout for the tiles

Bulma is responsive by default but it is mobile first. Mobile-first means that it will stack containers by default:

You can however enforce the horizontal layout for both columns or level by appending the is-mobile modifier.

And you can enforce this horizontality at one of many Bulma breakpoints (i.e. is-desktop).

[Bryan Wilhite]

i think i have a Bolero file reorg for the ages:

[Bryan Wilhite]

ok: one more Studio-custom reorg for the ages:

This arrangement expresses the ContentBlock concept promoted here in the Studio.

[Bryan Wilhite]

the Bulma default font-family absorbs Studio legacy:

$font-family: '"Segoe UI", Roboto, "Helvetica Neue", sans-serif'

$family-primary: $family-sans-serif: the primary font family is the sans-serif one

https://bulma.io/documentation/customize/variables/