Skip to content

Commit cbdbb1f

Browse files
peggyrayzispeggyrayzis
authored
Merge pull request apollographql#155 from apollographql/201705-docs
Introduce guides, practices and fundamentals.
2 parents 6584c9e + b71dda7 commit cbdbb1f

30 files changed

+2259
-166
lines changed

‎docs/_config.yml‎

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,30 @@
1-
title: Apollo Docs
1+
title: Developers
22
propertytitle: Add GraphQL to your stack and start building apps faster.
3-
subtitle: Apollo Docs
3+
subtitle:
44
description: A guide to using the Apollo platform.
55
versions:
66
- '1'
77
sidebar_categories:
88
null:
99
- index
10+
Fundamentals:
11+
- fundamentals/platform
12+
- fundamentals/benefits
13+
- fundamentals/tips
14+
Guides:
15+
- guides/schema-design
16+
- guides/versioning
17+
- guides/security
18+
- guides/access-control
19+
- guides/monitoring
20+
- guides/state-mgmt
21+
Platform:
22+
- title: Apollo Client
23+
href: https://www.apollographql.com/docs/react/
24+
- title: Apollo Server
25+
href: https://www.apollographql.com/docs/apollo-server/v2/
26+
- title: Apollo Engine
27+
href: https://www.apollographql.com/docs/engine/
1028
github_repo: apollographql/apollo
1129
content_root: docs/source
1230

‎docs/assets/theme-colors.less‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,135 @@
11
@color-primary: #22A699;
2+
3+
.docstart {
4+
width: 100%;
5+
height: 222px;
6+
//border-right: 0px solid #22A699;
7+
//border:0px solid #22A699;
8+
}
9+
10+
.fundamentals, .quickstart, .guides {
11+
//border:0px solid #22A699;
12+
width: 33.3%;
13+
float: left;
14+
padding-top: 10px;
15+
padding-bottom: 10px;
16+
padding-left: 10px;
17+
padding-right: 10px;
18+
border-right: 0px;
19+
20+
p {
21+
font-size: 0.8rem;
22+
line-height: 1.5rem;
23+
color: #81849b;
24+
}
25+
}
26+
27+
.headers {
28+
padding-top: 10px;
29+
padding-bottom: 10px;
30+
}
31+
32+
33+
.documentation {
34+
width: 100%;
35+
height: 100px;
36+
37+
.doc {
38+
width: 33.3%;
39+
float: left;
40+
padding-top: 10px;
41+
padding-bottom: 10px;
42+
padding-left: 10px;
43+
padding-right: 10px;
44+
}
45+
46+
}
47+
48+
.btn.default.hollow {
49+
color: #e535ab;
50+
border: 2px solid #e535ab;
51+
border-radius: 3em;
52+
text-indent: .1em;
53+
letter-spacing: .1em;
54+
text-transform: uppercase;
55+
font-size: 14px;
56+
line-height: 20px;
57+
font-weight: 600;
58+
padding: 12px 24px;
59+
background-color: #fff;
60+
}
61+
62+
@media (min-width: 768px) and (max-width: 990px) {
63+
64+
.btn.default.hollow {
65+
color: #e535ab;
66+
border: 2px solid #e535ab;
67+
border-radius: 3em;
68+
text-transform: uppercase;
69+
font-size: 9px;
70+
line-height: 20px;
71+
font-weight: 600;
72+
padding: 6px 12px;
73+
background-color: #fff;
74+
}
75+
76+
}
77+
78+
79+
// @media (min-width: 880px) and (max-width: 928px) {
80+
// .docstart {
81+
// width: 100%;
82+
// height: 274px;
83+
// border-right: 1px solid #22A699;
84+
// //border:0px solid #22A699;
85+
// }
86+
87+
// .fundamentals, .quickstart, .guides {
88+
// border:1px solid #22A699;
89+
// width: 33.3%;
90+
// float: left;
91+
// //padding-top: 10px;
92+
// //padding-bottom: 10px;
93+
// //padding-left: 10px;
94+
// //padding-right: 10px;
95+
// border-right: 0px;
96+
// }
97+
98+
// }
99+
100+
// /*
101+
// ##Device = Low Resolution Tablets, Mobiles (Landscape)
102+
// ##Screen = B/w 481px to 767px
103+
// */
104+
105+
@media (min-width: 481px) and (max-width: 767px) {
106+
.btn.default.hollow {
107+
color: #e535ab;
108+
border: 2px solid #e535ab;
109+
border-radius: 3em;
110+
text-transform: uppercase;
111+
font-size: 8px;
112+
line-height: 20px;
113+
font-weight: 600;
114+
padding: 6px 12px;
115+
background-color: #fff;
116+
}
117+
}
118+
119+
// /*
120+
// ##Device = Most of the Smartphones Mobiles (Portrait)
121+
// ##Screen = B/w 320px to 479px
122+
// */
123+
@media (min-width: 320px) and (max-width: 480px) {
124+
.btn.default.hollow {
125+
color: #e535ab;
126+
border: 2px solid #e535ab;
127+
border-radius: 3em;
128+
text-transform: uppercase;
129+
font-size: 8px;
130+
line-height: 20px;
131+
font-weight: 600;
132+
padding: 6px 10px;
133+
background-color: #fff;
134+
}
135+
}

0 commit comments

Comments
 (0)