update docs

src/index.jsx

@@ -53,6 +53,7 @@ render(
 				>
 					<path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" />
 				</svg>
+
 				<aside
 					id="menu"
 					flair="grow col"

src/pages/@props/attributes-properties/index.jsx

@@ -168,12 +168,12 @@ export default function () {
 						</tr>
 						<tr>
 							<td>
-								<mark>css</mark>
+								<mark>plugin:css</mark>
 							</td>
 							<td>
 								<mark>
 									{
-										'<span css="class{color:green} class:hover{color:red}"/>'
+										'<span plugin:css="class{color:green} class:hover{color:red}"/>'
 									}
 								</mark>{' '}
 								becomes{' '}

src/pages/@props/css/index.jsx

@@ -7,22 +7,27 @@ export default function () {
 		<>
 			<Header title="css">
 				There are a variety of ways to set and inline <mark>CSS</mark>{' '}
+				<div plugin:css="class{color:green} class:hover{color:red}"></div>
 				StylesSheets.
 			</Header>
 
-			<Section title="Inline CSS">
+			<Section title="Inline CSS In The Document">
 				<p>
 					Could be done just using JSX. <mark>css</mark> creates a{' '}
 					<mark>CSSStyleSheet</mark> and adds it to the document. The{' '}
 					<mark>CSSStyleSheet</mark> is removed from the document when
 					the element is destroyed.
 				</p>
+
+				<Code url="/pages/@props/css/inline.jsx"></Code>
+			</Section>
+			<Section title="Inline CSS In An Attribute">
 				<p>
 					In an attribute of an element you may use the keyword{' '}
 					<mark>class</mark> which will be replaced for a random
 					class, and that class will be added to the element.
 				</p>
-				<Code url="/pages/@props/css/inline.jsx"></Code>
+				<Code url="/pages/@props/css/jsx.jsx"></Code>
 			</Section>
 		</>
 	)

src/pages/@props/css/inline.jsx

@@ -9,11 +9,7 @@ function App() {
           color: purple;
         }
       `}
-      <section>test inlining a stylesheet in the document</section>
-
-      <section css="class{color:green} class:hover{color:red}">
-        fancy css inline for a specific element
-      </section>
+      <section>fancy inline in the document</section>
     </main>
   )
 }

src/pages/@props/css/jsx.jsx

@@ -0,0 +1,11 @@
+import { render } from 'pota'
+
+function App() {
+  return (
+    <main>
+      <section>fancy css in attribute</section>
+    </main>
+  )
+}
+
+render(App)