docs(code color fix): restored old color for code in parts that are not the api doc, use the same styling for all links in entire site

This commit is contained in:
Eric Jimenez 2016-04-20 17:23:25 -04:00
parent 8a49b4a41c
commit c932eec801
3 changed files with 34 additions and 37 deletions

View File

@ -13,24 +13,24 @@ body {
} }
} }
// NOTE: (ericjim) the new api docs use material design blue 600 links in this fashion.
a { a {
color: $blueberry; color: #1E88E5;
text-decoration: none;
&:hover {
text-decoration-color: #1E88E5;
text-decoration: underline;
}
} }
code { code {
background: #eef1f2; background: $lightgrey;
border-radius: 2px; border-radius: 2px;
font-family: $mono-font; font-family: $mono-font;
color: $regal; color: $darkgrey;
padding: 0px 4px; padding: 0px 4px;
} font-size: 90%;
p code {
border-bottom: 1px dotted $regal;
&:hover {
border-bottom: 1px solid $regal;
}
} }
.location-badge { .location-badge {
@ -118,11 +118,6 @@ p code {
h4 { h4 {
font-size: 16px; font-size: 16px;
} }
p {
font-size: 15px;
color: #5c7078;
line-height: 28pt;
}
} }
table th, table th,
@ -234,4 +229,4 @@ table td {
} }
} }
} }
} }

View File

@ -129,14 +129,16 @@ input.api-filter {
} }
} }
a { .class-description-content {
code { a {
color: $ocean; code, .api-doc-code {
color: #1E88E5 !important;
}
} }
} }
p { p {
color: #1a2326;
&.selector { &.selector {
margin: 0; margin: 0;
@ -146,7 +148,7 @@ input.api-filter {
margin: 0 0 16px 16px !important; margin: 0 0 16px 16px !important;
} }
code { .api-doc-code {
border-bottom: 0px; border-bottom: 0px;
:hover { :hover {
@ -207,7 +209,7 @@ input.api-filter {
} }
} }
code { .api-doc-code {
font-size: 14px; font-size: 14px;
color: #1a2326; color: #1a2326;
@ -230,7 +232,7 @@ input.api-filter {
} }
} }
code { .api-doc-code {
font-size: 12px; font-size: 12px;
} }

View File

@ -31,35 +31,35 @@ include {$ relativePath(doc.path, '_util-fns') $}
div(flex="20" flex-xs="100") div(flex="20" flex-xs="100")
h2(class="h2-api-docs") Class Overview h2(class="h2-api-docs") Class Overview
div(flex="80" flex-xs="100") div(flex="80" flex-xs="100")
code.no-bg class {$ doc.name $} { code(class="no-bg api-doc-code") class {$ doc.name $} {
{% if doc.statics.length %} {% if doc.statics.length %}
.div(layout="column") .div(layout="column")
{% for member in doc.statics %}{% if not member.internal %} {% for member in doc.statics %}{% if not member.internal %}
pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ member.name $}') }") pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ member.name $}') }")
a(class="code-anchor" href="#{$ member.name $}-anchor") a(class="code-anchor" href="#{$ member.name $}-anchor")
code(class="code-background") {$ member.name | indent(6, false) | trim $} code(class="code-background api-doc-code") {$ member.name | indent(6, false) | trim $}
code {$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $} code(class="api-doc-code") {$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $}
{% endif %}{% endfor %} {% endif %}{% endfor %}
{% endif %} {% endif %}
{% if doc.constructorDoc.name %} {% if doc.constructorDoc.name %}
.div(layout="column") .div(layout="column")
pre(class="prettyprint no-bg-with-indent") pre(class="prettyprint no-bg-with-indent")
a(class="code-anchor" href="#constructor") a(class="code-anchor" href="#constructor")
code(class="code-background") {$ doc.constructorDoc.name $} code(class="code-background api-doc-code") {$ doc.constructorDoc.name $}
code {$ paramList(doc.constructorDoc.parameters) | indent(8, false) | trim $} code(class="api-doc-code") {$ paramList(doc.constructorDoc.parameters) | indent(8, false) | trim $}
{% endif %} {% endif %}
{% if doc.members.length %} {% if doc.members.length %}
.div(layout="column") .div(layout="column")
{% for member in doc.members %}{% if not member.internal %} {% for member in doc.members %}{% if not member.internal %}
pre(class="prettyprint no-bg-with-indent") pre(class="prettyprint no-bg-with-indent")
a(class="code-anchor" href="#{$ member.name $}-anchor") a(class="code-anchor" href="#{$ member.name $}-anchor")
code(class="code-background") {$ member.name | indent(6, false) | trim $} code(class="code-background api-doc-code") {$ member.name | indent(6, false) | trim $}
code {$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $} code(class="api-doc-code") {$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $}
{% endif %}{% endfor %} {% endif %}{% endfor %}
{% endif %} {% endif %}
p.selector p.selector
code.no-bg } code(class="api-doc-code no-bg") }
{% block additional %} {% block additional %}
{% endblock %} {% endblock %}
@ -80,7 +80,7 @@ include {$ relativePath(doc.path, '_util-fns') $}
h2(class="h2-api-docs") Class Export h2(class="h2-api-docs") Class Export
div(flex="80" flex-xs="100") div(flex="80" flex-xs="100")
pre.prettyprint.no-bg pre.prettyprint.no-bg
code.no-pln. code(class="api-doc-code no-pln").
export {$ doc.docType $} {$ doc.name $} export {$ doc.docType $} {$ doc.name $}
{%- if doc.decorators.length %} {%- if doc.decorators.length %}
@ -91,7 +91,7 @@ include {$ relativePath(doc.path, '_util-fns') $}
div(flex="80" flex-xs="100") div(flex="80" flex-xs="100")
{%- for decorator in doc.decorators %} {%- for decorator in doc.decorators %}
pre.prettyprint.no-bg pre.prettyprint.no-bg
code. code(class="api-doc-code")
@{$ decorator.name $}{$ paramList(decorator.arguments) | indent(10, false) $} @{$ decorator.name $}{$ paramList(decorator.arguments) | indent(10, false) $}
:marked :marked
{%- if decorator.notYetDocumented %} {%- if decorator.notYetDocumented %}
@ -110,7 +110,7 @@ include {$ relativePath(doc.path, '_util-fns') $}
div(flex="80" flex-xs="100") div(flex="80" flex-xs="100")
a(name="constructor" class="anchor-offset") a(name="constructor" class="anchor-offset")
pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ doc.constructorDoc.name $}') }") pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ doc.constructorDoc.name $}') }")
code. code(class="api-doc-code").
{$ doc.constructorDoc.name $}{$ paramList(doc.constructorDoc.parameters) | indent(8, false) | trim $} {$ doc.constructorDoc.name $}{$ paramList(doc.constructorDoc.parameters) | indent(8, false) | trim $}
:marked :marked
{%- if doc.constructorDoc.notYetDocumented %} {%- if doc.constructorDoc.notYetDocumented %}
@ -127,7 +127,7 @@ include {$ relativePath(doc.path, '_util-fns') $}
div(flex="80" flex-xs="100") div(flex="80" flex-xs="100")
{% for member in doc.statics %}{% if not member.internal %} {% for member in doc.statics %}{% if not member.internal %}
pre.prettyprint.no-bg pre.prettyprint.no-bg
code. code(class="api-doc-code").
{$ member.name $}{$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $} {$ member.name $}{$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $}
:marked :marked
{%- if member.notYetDocumented %} {%- if member.notYetDocumented %}
@ -151,7 +151,7 @@ include {$ relativePath(doc.path, '_util-fns') $}
{% for member in doc.members %}{% if not member.internal %} {% for member in doc.members %}{% if not member.internal %}
a(name="{$ member.name $}-anchor" class="anchor-offset") a(name="{$ member.name $}-anchor" class="anchor-offset")
pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ member.name $}') }") pre(class="prettyprint no-bg" ng-class="{ 'anchor-focused': appCtrl.isApiDocMemberFocused('{$ member.name $}') }")
code. code(class="api-doc-code").
{$ member.name $}{$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $} {$ member.name $}{$ paramList(member.parameters) | indent(8, false) | trim $}{$ returnType(member.returnType) $}
:marked :marked