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:
parent
8a49b4a41c
commit
c932eec801
|
@ -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 {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue