Home
Head's Up: I'm in the middle of upgrading my site. Most things are in place, but there are something missing and/or broken including image alt text. Please bear with me while I'm getting things fixed.

Neopolitan - Nested Sections

Nested sections are also possible. For example, I use [TODO: Code shorthand span ] in my naming convention to denote the starting and ending points. Things like

This let's me do things like put things in grides from directly in the content. For example, this : 

----------------------------- div/
-- class: make_grid

-- p

Alfa Bravo

-- p

Charlie Delta

----------------------------- /div


----------------------------- css

.make_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.make_grid p {
  text-align: center;
  margin: 2rem;
  background-color: goldenrod;
}

Produces this :

There's no external CSS or JS called. That's all directly from the content snippet.

I'm using the fact that extra dashes can be added to the start of sections to make it a little easier to see the breaks. That's not necessary though. Or, you could flip it and have the [TODO: Code shorthand span ] tags only be two dashes with the longer set of dashing added to the [TODO: Code shorthand span ] tags

Previous : Preformatted Content Types ~ Next : Implicit Inline Tags