style guide update

This commit is contained in:
Alex Wolfe 2015-05-19 08:56:34 -07:00
parent 8c65545cc8
commit 363373d405
2 changed files with 22 additions and 0 deletions

View File

@ -11,18 +11,35 @@
li <strong>format</strong> linenums (or linenums:4 specify starting line) li <strong>format</strong> linenums (or linenums:4 specify starting line)
.showcase-content .showcase-content
.l-sub-section
h3 Inline Code Examples
p.
Inline code example <code ng-non-bindable>{{username}}</code>
code-example(format="linenums" language="html" escape="html").
Inline code example <code ng-non-bindable>{{username}}</code>
p.
Notice the <strong>ng-non-bindable</strong> attribute. This is only
needed when using code examples inline <strong>code-tabs and code-example directives
automatically do this</strong>.
.l-sub-section .l-sub-section
h3 Adding a code example h3 Adding a code example
code-example(format="linenums" language="html"). code-example(format="linenums" language="html").
code-example(format="linenums" language="javascript"). code-example(format="linenums" language="javascript").
//SOME CODE //SOME CODE
.l-sub-section .l-sub-section
h3 Specify starting line number h3 Specify starting line number
code-example(language="javascript" format="linenums:4"). code-example(language="javascript" format="linenums:4").
code-example(language="html" format="linenums:4"). code-example(language="html" format="linenums:4").
var title = "This starts on line four"; var title = "This starts on line four";
.l-sub-section .l-sub-section
h3 Specify a language h3 Specify a language

View File

@ -118,6 +118,11 @@
padding: ($unit * 3) ($unit * 1); padding: ($unit * 3) ($unit * 1);
} }
code {
background: $fog;
color: $steel;
}
&:last-child { &:last-child {
margin: 0; margin: 0;
} }