Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Use more general class names in template and CSS to map to styles. (d…

…ocs -> annotation, code -> content)

This makes use of the same style in other apps that annotate content less strange.
  • Loading branch information...
commit c7f08c0ffbc1feb90af556e7e8536bca25435d11 1 parent d56f1fb
@justindujardin justindujardin authored
Showing with 15 additions and 15 deletions.
  1. +12 −12 resources/docco.css
  2. +3 −3 resources/docco.jst
View
24 resources/docco.css
@@ -133,15 +133,15 @@ ul.sections > li > span {
padding:5px 10px 0 10px;
}
- ul.sections > li > span.docs {
+ ul.sections > li > span.annotation {
background: #fff;
}
- ul.sections > li > span.docs ul, ul.sections > li > span.docs ol {
+ ul.sections > li > span.annotation ul, ul.sections > li > span.annotation ol {
padding-left: 30px;
}
- ul.sections > li > span.code {
+ ul.sections > li > span.content {
background: #f5f5ff;
overflow-x:auto;
-webkit-box-shadow: inset 0 0 5px #e5e5ee;
@@ -151,12 +151,12 @@ ul.sections > li > span {
padding-bottom: 5px;
}
- ul.sections > li > span.docs pre {
+ ul.sections > li > span.annotation pre {
margin: 7px 0 7px;
padding-left: 15px;
}
- ul.sections > li > span.docs p tt, .docs p code {
+ ul.sections > li > span.annotation p tt, .annotation p code {
background: #f8f8ff;
border: 1px solid #dedede;
font-size: 12px;
@@ -218,7 +218,7 @@ ul.sections > li > span {
z-index: -1;
}
- ul.sections > li > span.docs ul, ul.sections > li > span.docs ol {
+ ul.sections > li > span.annotation ul, ul.sections > li > span.annotation ol {
padding-left: 40px;
}
@@ -230,7 +230,7 @@ ul.sections > li > span {
display: inline-block;
}
- ul.sections > li > span.docs {
+ ul.sections > li > span.annotation {
max-width: 350px;
min-width: 350px;
min-height: 5px;
@@ -240,12 +240,12 @@ ul.sections > li > span {
vertical-align: top;
text-align: left;
}
- ul.sections > li > span.docs pre {
+ ul.sections > li > span.annotation pre {
margin: 15px 0 15px;
padding-left: 15px;
}
- ul.sections > li > span.code {
+ ul.sections > li > span.content {
padding: 13px;
vertical-align: top;
background: #f5f5ff;
@@ -270,7 +270,7 @@ ul.sections > li > span {
-webkit-transition: opacity 0.2s linear;
}
- ul.sections > li > span.docs:hover .pilcrow {
+ ul.sections > li > span.annotation:hover .pilcrow {
opacity: 1;
}
}
@@ -281,12 +281,12 @@ ul.sections > li > span {
#background {
width: 525px;
}
- ul.sections > li > span.docs {
+ ul.sections > li > span.annotation {
max-width: 525px;
min-width: 525px;
padding: 10px 25px 1px 50px;
}
- ul.sections > li > span.code {
+ ul.sections > li > span.content {
padding: 14px 15px 16px 25px;
}
}
View
6 resources/docco.jst
@@ -29,21 +29,21 @@
<% } %>
<ul class="sections">
<li id="title">
- <span class="docs">
+ <span class="annotation">
<h1><%= title %></h1>
</span>
</li>
<% for (var i=0, l=sections.length; i<l; i++) { %>
<% var section = sections[i]; %>
<li id="section-<%= i + 1 %>">
- <span class="docs">
+ <span class="annotation">
<div class="pilwrap">
<a class="pilcrow" href="#section-<%= i + 1 %>">&#182;</a>
</div>
<%= section.docsHtml %>
</span>
<% if (section.codeText.replace(/\s/gm, '') != '') { %>
- <span class="code"><%= section.codeHtml %></span>
+ <span class="content"><%= section.codeHtml %></span>
<% } %>
</li>
<% } %>
Please sign in to comment.
Something went wrong with that request. Please try again.