This website is an example of how structure is rendered. Yes I am aware it looks terrible, it has no custom CSS. You will need to bring to BYO jazz for your site. If you have dark mode enabled in your browser you should be noticing that support for that is baked in.
There's not really much to say, it's a simple framework for me to get websites up and running quickly. This demo was more basic but my wife took a cheeky peak at it and made fun of it so now this is what you get.
By default our grid container is the standard 12 wide grid we see in most systems. There is a 10 wide option but as 12 works better for this demo here that is:
12/12 grid span for small6/12 grid span for medium4/12 grid span for large
12/12 grid span for small6/12 grid span for medium4/12 grid span for large
12/12 grid span for small6/12 grid span for medium4/12 grid span for large
Neither do I, but occasionally I still do. With that in mind here is an example table that collapses down on small screeens:
| Ubuntu Server.iso | 0.9GB |
| Windows 10.iso | 4.6GB |
| ISO to USB.exe | 1.0MB |
pre {
display: block;
line-height: 1.25rem;
white-space: pre-wrap;
margin: 8px;
padding: 8px;
font-family: $pre-font-stack;
color: $darker-color;
background-color: $lighter-color;
}
Ok so forms are a work in progress. Here is an example form for me to test with.