Styles that the documentation examples rely on. A space-style block only applies on a Tool Page, so the example pages show their CSS as inert fences and the working copies live here.

Page Decorations

Used by Page Decorations#Use case: pimp my page.

/* Style page links */
a.christmas-decoration {
  background-color: #b4e46e;
}

/* Style main editor components */
body.christmas-decoration #sb-top {
  background-color: #b4e46e;
}

/* Style auto complete items */
.cm-tooltip-autocomplete li.christmas-decoration {
  background-color: #b4e46e;
}

/* Style page picker item */
.sb-result-list .sb-option.christmas-decoration {
  background-color: #b4e46e;
}

API/syntax

Used by API/syntax.

.sb-latex-mark {
  color: cyan;
}
.sb-latex-body {
  color: gray;
}

API/tag

Used by API/tag#Example: colorful tags.

a[data-tag-name="my-red-tag"] {
  background-color: red;
}

API/widget

Used by API/widget#DOM widgets.

.my-marquee {
  color: purple;
}