Skip to content

Instantly share code, notes, and snippets.

@dwins

dwins/hospitals.css

Created June 28, 2010 04:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dwins/455440 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dwins/455440 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hospitals.css
/* Stack a red cross on top of a white circle to make a marker for hospital points */
* {
mark: symbol(circle), symbol(cross);
}
:nth-mark(1) {
fill: white;
stroke: red;
}
:nth-mark(2) {
fill: red;
size: 12px;
}
@dwins
Copy link
Copy Markdown
Author

dwins commented Jun 28, 2010

this notation is inspired by the nth-child selector from CSS3 - see http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

:mark will also work if you don't want to specify order; similar notation is used for well-known marks as fill/stroke graphics.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment