Skip to content

Commit 2038cab

Browse files
leebyronleebyron
committed
minor stylistic changes
1 parent fc86e08 commit 2038cab

File tree

3 files changed

+53
-53
lines changed

3 files changed

+53
-53
lines changed

‎site/_core/Site.js

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,11 @@ var Site = React.createClass({
2525
<meta property="og:url" content="http://graphql.org/" />
2626
<meta property="og:description" content={SiteData.description} />
2727

28-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
29-
<link rel="shortcut icon" href={'/img/favicon.png'} />
30-
<link rel="stylesheet" href={'/css/graphql.css'} />
28+
<link rel="shortcut icon" href="/img/favicon.png" />
3129
<link rel="home" type="application/rss+xml" href="/blog/rss.xml" title="GraphQL Team Blog" />
32-
33-
<script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
34-
<script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
30+
<link rel="stylesheet" href="/css/graphql.css" />
31+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik|Roboto|Roboto+Mono:400,400i,700" />
32+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
3533
</head>
3634
<body>
3735

‎site/css/graphql.css

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
html {
2-
font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
2+
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
33
color: #484848;
44
font-size: 16px;
5-
line-height: 1.375;
5+
line-height: 24px;
66
}
77

88
body {
@@ -21,10 +21,8 @@ em {
2121
}
2222

2323
h1, h2, h3, h4, h5, h6 {
24+
font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2425
margin: 10px 0;
25-
font-family: inherit;
26-
font-weight: bold;
27-
line-height: 20px;
2826
color: inherit;
2927
text-rendering: optimizelegibility;
3028
}
@@ -40,14 +38,17 @@ h1, h2, h3 {
4038

4139
h1 {
4240
font-size: 39px;
41+
line-height: 60px;
4342
}
4443

4544
h2 {
4645
font-size: 24px;
46+
line-height: 36px;
4747
}
4848

4949
h3 {
5050
font-size: 18px;
51+
line-height: 28px;
5152
}
5253

5354
h4 {
@@ -98,12 +99,12 @@ li {
9899
}
99100

100101
a {
101-
color: #E535AB;
102+
/* https://www.pantone.com/color-finder/Rhodamine-Red-C */
103+
color: #E10098;
102104
text-decoration: none;
103105
}
104106

105107
a:hover, a:focus {
106-
color: #E97CC5;
107108
text-decoration: underline;
108109
}
109110

@@ -194,6 +195,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
194195
}
195196

196197
.nav-main {
198+
font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
197199
*zoom: 1;
198200
background: #222;
199201
color: #fafafa;
@@ -252,18 +254,18 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
252254

253255
.nav-main .nav-site a.active {
254256
color: #fafafa;
255-
border-bottom: 3px solid #E535AB;
257+
border-bottom: 3px solid #E10098;
256258
background: #333;
257259
}
258260

259261
.nav-main .nav-home {
260-
color: #E535AB;
262+
color: #E10098;
261263
font-size: 24px;
262264
line-height: 50px;
263265
}
264266

265267
.nav-home a {
266-
color: #E535AB;
268+
color: #E10098;
267269
}
268270

269271
.nav-home img {
@@ -290,11 +292,11 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
290292

291293
.hero .text {
292294
font-size: 64px;
295+
line-height: 100px;
293296
text-align: center;
294297
}
295298

296299
.hero h1.text {
297-
line-height: inherit;
298300
margin: 0;
299301
}
300302

@@ -311,7 +313,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
311313
}
312314

313315
.hero strong {
314-
color: #E535AB;
316+
color: #E10098;
315317
font-weight: 400;
316318
}
317319

@@ -326,7 +328,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
326328

327329
.buttons-unit .button {
328330
font-size: 24px;
329-
background: #E535AB;
331+
background: #E10098;
330332
color: #fafafa;
331333
}
332334

@@ -366,11 +368,11 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
366368

367369
.nav-docs a:hover {
368370
text-decoration: none;
369-
color: #E535AB;
371+
color: #E10098;
370372
}
371373

372374
.nav-docs a.active {
373-
color: #E535AB;
375+
color: #E10098;
374376
}
375377

376378
.nav-docs .nav-docs-section {
@@ -739,7 +741,7 @@ li code,
739741
p code {
740742
background-color: #f6f5f5;
741743
color: #333;
742-
font-family: Consolas, Inconsolata, 'Droid Sans Mono', 'Andale Mono', 'Ubuntu Mono', Menlo, Monaco, monospace;
744+
font-family: 'Roboto Mono', Menlo, Monaco, monospace;
743745
font-size: 14px;
744746
line-height: 20px;
745747
padding: 4px 4px 2px;
@@ -986,7 +988,7 @@ p + .apiIndex {
986988
text-decoration: none;
987989
}
988990
.apiIndex li a:hover::before {
989-
color: #E535AB;
991+
color: #E10098;
990992
content: '#';
991993
font-size: 16px;
992994
left: -2em;
@@ -1076,7 +1078,7 @@ pre[class*="language-"],
10761078
.apiIndex pre {
10771079
color: #333;
10781080
text-shadow: 0 1px white;
1079-
font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Andale Mono', 'Ubuntu Mono', 'Monaco', monospace;
1081+
font-family: 'Roboto Mono', Menlo, Monaco, monospace;
10801082
font-size: 14px;
10811083
line-height: 20px;
10821084
direction: ltr;
@@ -1212,7 +1214,7 @@ pre[class*="language-"] {
12121214
code[class*="language-"],
12131215
pre[class*="language-"],
12141216
.apiIndex pre {
1215-
font-family: Consolas, Inconsolata, 'Droid Sans Mono', 'Andale Mono', 'Ubuntu Mono', Menlo, Monaco, monospace;
1217+
font-family: 'Roboto Mono', Menlo, Monaco, monospace;
12161218
white-space: pre-wrap;
12171219
}
12181220

@@ -1221,7 +1223,7 @@ pre[class*="language-"],
12211223
.apiIndex li {
12221224
font-size: 14px;
12231225
line-height: 20px;
1224-
border-left: 4px solid #E535AB;
1226+
border-left: 4px solid #E10098;
12251227
padding: 7px 14px;
12261228
background-color: #faf9f9;
12271229
}
@@ -1725,7 +1727,7 @@ span.CodeMirror-selectedtext { background: none; }
17251727
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
17261728
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
17271729
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
1728-
font-family: Consolas, Inconsolata, 'Droid Sans Mono', 'Andale Mono', 'Ubuntu Mono', Menlo, Monaco, monospace;
1730+
font-family: 'Roboto Mono', Menlo, Monaco, monospace;
17291731
font-size: 14px;
17301732
line-height: 20px;
17311733
list-style: none;
@@ -1954,7 +1956,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
19541956
margin: 28px 0;
19551957
color: #333;
19561958
background: #faf9f9;
1957-
border-left: 4px solid #E535AB;
1959+
border-left: 4px solid #E10098;
19581960
width: 100%;
19591961
display: -webkit-flex;
19601962
display: flex;
@@ -2041,13 +2043,13 @@ input#algolia-doc-search {
20412043
background-color: #B51780;
20422044
}
20432045
.algolia-docsearch-suggestion--highlight {
2044-
color: #E535AB;
2046+
color: #E10098;
20452047
}
20462048
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight {
2047-
background-color: #E535AB;
2049+
background-color: #E10098;
20482050
}
20492051
.aa-cursor .algolia-docsearch-suggestion--content {
2050-
color: #E535AB;
2052+
color: #E10098;
20512053
}
20522054
.aa-cursor .algolia-docsearch-suggestion {
20532055
background: #FEF6FB;
@@ -2058,5 +2060,5 @@ input#algolia-doc-search {
20582060
.algolia-docsearch-suggestion--subcategory-column {
20592061
border-right-color: #FEF6FB;
20602062
background-color: #FEF6FB;
2061-
color: #E535AB;
2063+
color: #E10098;
20622064
}

‎site/img/logo.svg

Lines changed: 21 additions & 21 deletions
Loading

0 commit comments

Comments
 (0)