Neopolitan Sections: startcss

August 2023

The `-- css/neo section provides a way to add CSS to a page directly from the content. The tag starts a block that includes all the content until an `-- /cssneo tag. The contents are added to the `headof the document inside `style tags.

Source

-- css/

div {
  outline: 1px solid blue;
}

-- /css

Example HTML

<style>
  div {
    outline: 1px solid blue;
  }
</style>

Showing The Code

Adding a `-- showneo attribute outputs a visible code block with the css in it on the page in addition to adding it to the head of the document.

The functionality is designed to ensure that code samples are accurate because they are being used directly.

Source

-- css/
-- show

pre {
  border: 1px solid blue;
}

-- /css

Live Example

This is the output from the snippet that set the pre tag border style for this page.

TODO

☑

Show basic example

☑

Demonstrate `-- showneo attribute

end of line