style
say
/* Add the elements you wish to add to your style guide here. */ /* Eg. just elements by themselves */ h1, h2 /* Another example */ blockquote[content=Too\-many\-people\-are\-leaving\-their\-cats\-outdoors.\-It\-damages\-the\-environment.] cite[content=John\-F.\-Marshall] /* New line is the same as comma */ h3 h4, h5, h6 /* ID uses the same syntax */ #header /* You can also specify elements for that ID */ /* If no tag is specified, 'span' is used */ div#content div#main /* Same goes for classes */ .red p.green /* You can also mix IDs, classes and tags */ div#header.fleft.big_text .post_meta#footer /* Add HTML attributes to the tags by using square brackets. * Note that spaces must be escaped to "\-". You can also use HTML encoding ie. (  is a space) * The content attribute will override the text inside the tag. */ a[content=Test\-Hyperlink][href='http://dev.lipidity.com/'][title='With\-a\-title.'] p[content=Lorem\-ipsum\-dolor\-sit\-amet.] /* Elements with attributes can also have IDs, classes and children */ #post a[rel="external"] input[type="text"][disabled]#main_text.textinput[value='disabled\-textbox'] /* It's probably better to group the attributes like so: */ input.textinput[type="text"][value="Random\-Textbox"] /* Within a single element, order doesn't matter. */ /* This: */ .big[style="color:#000"].entry /* is the same as: */ .entry.big[style="color:#000"] /* Be careful with attributes. This: */ input [readonly][value="wrong"] /* is not the same as: */ input[readonly][value="this'll\-show\-correctly"] /* The space in the first example makes a span in the input with the attribute readonly. The correct example is the second one without a space between the element and attribute */ /* Add children to HTML tags by using a space between them, just like normal CSS */ h1 a, h2 a, h3 a, h4 a /* We hope your styleguide will be quick to create, effective to use, and easy to update. Thank you for using Style-Say */
Stylesheet URL: