Skip to content

Commit f478f7f

Browse files
ebidelebidel
committed
clean up platform page header
1 parent cc8cedc commit f478f7f

3 files changed

Lines changed: 115 additions & 71 deletions

File tree

‎_includes/spec-header.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<dl>
1+
<dl class="horizontal">
22
{% if page.feature.code %}
33
<dt>Repository</dt>
44
<dd><a href="{{page.feature.code}}">{{page.feature.code | domain_name}}</a></dd>
@@ -15,10 +15,10 @@
1515
{% endif %}
1616
</dl>
1717

18-
---
19-
2018
> {{page.feature.summary}}
2119

20+
---
21+
2222
{% if page.links %}
2323

2424
#### Before you begin

‎css/site2.css‎

Lines changed: 81 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -106,169 +106,182 @@ th { text-transform: uppercase; font-size: 14px; text-align: left; padding-right
106106
/* line 88, ../sass/site2.scss */
107107
b, strong { font-weight: 600; }
108108

109+
/* line 92, ../sass/site2.scss */
110+
hr { border: none; border-bottom: 1px solid #eeeeee; }
111+
112+
/* line 98, ../sass/site2.scss */
113+
dl dt { font-weight: 600; }
114+
/* line 102, ../sass/site2.scss */
115+
dl.horizontal dt { float: left; width: 160px; }
116+
117+
/* line 113, ../sass/site2.scss */
118+
blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
119+
109120
/* Help catch template errors. */
110-
/* line 93, ../sass/site2.scss */
121+
/* line 120, ../sass/site2.scss */
111122
.error { border: 3px solid red; background-color: rgba(255, 0, 0, 0.3); padding: 5px; }
112123

113-
/* line 99, ../sass/site2.scss */
124+
/* line 126, ../sass/site2.scss */
114125
.alert { color: #999999; border: 1px solid #eeeeee; font-size: 14px; padding: 10px 15px; }
115-
/* line 105, ../sass/site2.scss */
126+
/* line 132, ../sass/site2.scss */
116127
.alert b, .alert strong { margin-right: 5px; }
117-
/* line 111, ../sass/site2.scss */
128+
/* line 138, ../sass/site2.scss */
118129
.alert.alert-success b, .alert.alert-success strong { color: green; }
119-
/* line 118, ../sass/site2.scss */
130+
/* line 145, ../sass/site2.scss */
120131
.alert.alert-info b, .alert.alert-info strong { color: #3367d6; }
121-
/* line 125, ../sass/site2.scss */
132+
/* line 152, ../sass/site2.scss */
122133
.alert.alert-error b, .alert.alert-error strong { color: #ff4120; }
123134

124135
/* Remove empty p generated from markdown conversion. */
125-
/* line 132, ../sass/site2.scss */
136+
/* line 159, ../sass/site2.scss */
126137
p:empty { display: none; }
127138

128-
/* line 135, ../sass/site2.scss */
139+
/* line 162, ../sass/site2.scss */
129140
a[disabled] { pointer-events: none; color: #ccc; }
130141

131142
/* -------------------------------------------------------------------------- */
132-
/* line 157, ../sass/site2.scss */
143+
/* line 184, ../sass/site2.scss */
133144
a.paper-button { color: inherit; }
134145

135-
/* line 161, ../sass/site2.scss */
146+
/* line 188, ../sass/site2.scss */
136147
.paper-button { -webkit-transition: box-shadow 0.2s, background 0.2s; transition: box-shadow 0.2s, background 0.2s; border: none; cursor: default; overflow: hidden; position: relative; color: #666666; padding: 14px 14px 12px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; outline: none; }
137-
/* line 176, ../sass/site2.scss */
148+
/* line 203, ../sass/site2.scss */
138149
.paper-button[borderless] { border: none; background: none; }
139-
/* line 181, ../sass/site2.scss */
150+
/* line 208, ../sass/site2.scss */
140151
.paper-button:not([borderless]) { background: #fafafa; box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px; }
141-
/* line 186, ../sass/site2.scss */
152+
/* line 213, ../sass/site2.scss */
142153
.paper-button:hover, .paper-button.active { background: #fff; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1), 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
143-
/* line 192, ../sass/site2.scss */
154+
/* line 219, ../sass/site2.scss */
144155
.paper-button[sink] { padding: 7px 10px; transition: none; }
145-
/* line 196, ../sass/site2.scss */
156+
/* line 223, ../sass/site2.scss */
146157
.paper-button[sink]:hover, .paper-button[sink].active { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(0, 0, 0, 0.2) inset; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 40%); background: linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 40%); }
147-
/* line 203, ../sass/site2.scss */
158+
/* line 230, ../sass/site2.scss */
148159
.paper-button a { font-size: 13px; line-height: 24px; letter-spacing: 0.06em; color: inherit; vertical-align: middle; opacity: 0.6; color: black; margin-left: 5px; text-decoration: none; }
149160

150-
/* line 216, ../sass/site2.scss */
161+
/* line 243, ../sass/site2.scss */
151162
polymer-ui-icon { width: 24px; height: 24px; background-size: 48px !important; }
152163

153-
/* line 224, ../sass/site2.scss */
164+
/* line 251, ../sass/site2.scss */
154165
.content-padding, .panel, footer > :first-child { max-width: 1032px; margin: 0 auto; }
155166

156-
/* line 229, ../sass/site2.scss */
167+
/* line 256, ../sass/site2.scss */
157168
.bar { padding: 16px !important; height: 80px; }
158-
/* line 234, ../sass/site2.scss */
169+
/* line 261, ../sass/site2.scss */
159170
.bar a { text-decoration: none; }
160171

161-
/* line 239, ../sass/site2.scss */
172+
/* line 266, ../sass/site2.scss */
162173
.panel { padding: 150px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
163-
/* line 247, ../sass/site2.scss */
174+
/* line 274, ../sass/site2.scss */
164175
.panel.left img { margin-right: 88px; }
165-
/* line 252, ../sass/site2.scss */
176+
/* line 279, ../sass/site2.scss */
166177
.panel.right img { margin-left: 88px; }
167-
/* line 257, ../sass/site2.scss */
178+
/* line 284, ../sass/site2.scss */
168179
.panel summary { -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; }
169-
/* line 260, ../sass/site2.scss */
180+
/* line 287, ../sass/site2.scss */
170181
.panel summary + summary { margin-left: 25px; }
171-
/* line 264, ../sass/site2.scss */
182+
/* line 291, ../sass/site2.scss */
172183
.panel summary p { margin: 56px 0; line-height: 32px; }
173-
/* line 270, ../sass/site2.scss */
184+
/* line 297, ../sass/site2.scss */
174185
.panel img { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -o-align-self: center; align-self: center; }
175186

176-
/* line 275, ../sass/site2.scss */
187+
/* line 302, ../sass/site2.scss */
177188
polymer-ui-toolbar { font: inherit !important; border: none !important; background: inherit !important; height: auto; color: inherit !important; }
178189

179-
/* line 284, ../sass/site2.scss */
190+
/* line 311, ../sass/site2.scss */
180191
.sticky { position: fixed !important; width: 100%; }
181192

182-
/* line 296, ../sass/site2.scss */
193+
/* line 323, ../sass/site2.scss */
183194
section .bar { -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
184-
/* line 302, ../sass/site2.scss */
195+
/* line 329, ../sass/site2.scss */
185196
section .bar a { color: inherit; font-size: 16px; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; opacity: 0.6; }
186-
/* line 312, ../sass/site2.scss */
197+
/* line 339, ../sass/site2.scss */
187198
section .bar a:after { content: '\0025BE'; margin: 0 10px; }
188199

189-
/* line 320, ../sass/site2.scss */
200+
/* line 347, ../sass/site2.scss */
190201
#future polymer-ui-toolbar { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; }
191-
/* line 324, ../sass/site2.scss */
202+
/* line 351, ../sass/site2.scss */
192203
#future .paper-button:not(:last-child) { margin-right: 30px; }
193204

194-
/* line 330, ../sass/site2.scss */
205+
/* line 357, ../sass/site2.scss */
195206
#everything-element .bar { border-color: rgba(255, 255, 255, 0.3); }
196-
/* line 334, ../sass/site2.scss */
207+
/* line 361, ../sass/site2.scss */
197208
#everything-element .bar a { color: white; }
198-
/* line 338, ../sass/site2.scss */
209+
/* line 365, ../sass/site2.scss */
199210
#everything-element summary { color: #fff; }
200-
/* line 341, ../sass/site2.scss */
211+
/* line 368, ../sass/site2.scss */
201212
#everything-element .paper-button { background: #262742 !important; }
202-
/* line 345, ../sass/site2.scss */
213+
/* line 372, ../sass/site2.scss */
203214
#everything-element .paper-button:hover { background: #3a3b56 !important; }
204-
/* line 349, ../sass/site2.scss */
215+
/* line 376, ../sass/site2.scss */
205216
#everything-element .paper-button a { color: white; }
206217

207-
/* line 356, ../sass/site2.scss */
218+
/* line 383, ../sass/site2.scss */
208219
#architecture .panel { padding: 25px 0; }
209-
/* line 359, ../sass/site2.scss */
220+
/* line 386, ../sass/site2.scss */
210221
#architecture .box { padding: 100px 24px 14px; margin-bottom: 56px; }
211-
/* line 364, ../sass/site2.scss */
222+
/* line 391, ../sass/site2.scss */
212223
#architecture h5 { font-size: 14px; color: #999999; line-height: 24px; letter-spacing: 0.01em; margin-top: 6px; margin-bottom: 18px; }
213-
/* line 372, ../sass/site2.scss */
224+
/* line 399, ../sass/site2.scss */
214225
#architecture p { font-size: 14px; line-height: 24px; margin-top: 0; }
215-
/* line 377, ../sass/site2.scss */
226+
/* line 404, ../sass/site2.scss */
216227
#architecture img { height: 92px; width: auto; }
217228

218-
/* line 385, ../sass/site2.scss */
229+
/* line 412, ../sass/site2.scss */
219230
footer { position: relative; z-index: 100; background-color: #e6e6e6; padding: 100px 0; box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px inset; }
220-
/* line 392, ../sass/site2.scss */
231+
/* line 419, ../sass/site2.scss */
221232
footer polymer-ui-toolbar { margin-bottom: 56px; }
222-
/* line 396, ../sass/site2.scss */
233+
/* line 423, ../sass/site2.scss */
223234
footer .paper-button { margin-right: 30px; }
224-
/* line 400, ../sass/site2.scss */
235+
/* line 427, ../sass/site2.scss */
225236
footer .paper-button a { opacity: 0.6; color: black; }
226-
/* line 410, ../sass/site2.scss */
237+
/* line 437, ../sass/site2.scss */
227238
footer #copyright { color: #b3b3b3; font-size: 14px; }
228-
/* line 414, ../sass/site2.scss */
239+
/* line 441, ../sass/site2.scss */
229240
footer #copyright a { color: #666666; }
230241

231-
/* line 421, ../sass/site2.scss */
242+
/* line 448, ../sass/site2.scss */
232243
#content-container .article { margin-bottom: 2em; }
233-
/* line 425, ../sass/site2.scss */
244+
/* line 452, ../sass/site2.scss */
234245
#content-container h2 { margin-top: 40px; }
235-
/* line 428, ../sass/site2.scss */
246+
/* line 455, ../sass/site2.scss */
236247
#content-container h3 { margin-top: 30px; }
237-
/* line 431, ../sass/site2.scss */
248+
/* line 458, ../sass/site2.scss */
238249
#content-container h4 { margin-top: 20px; }
239250

240-
/* line 438, ../sass/site2.scss */
251+
/* line 465, ../sass/site2.scss */
241252
#sidebar { position: fixed; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); height: 100%; width: 248px; background-color: #eeeeee; box-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 1px 0px; z-index: 10; }
242-
/* line 449, ../sass/site2.scss */
253+
/* line 476, ../sass/site2.scss */
243254
#sidebar docs-menu { padding: 0 16px; }
244-
/* line 453, ../sass/site2.scss */
255+
/* line 480, ../sass/site2.scss */
245256
#sidebar .logo { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height: 80px; margin-bottom: 24px; padding-left: 16px; }
246257

247-
/* line 463, ../sass/site2.scss */
258+
/* line 490, ../sass/site2.scss */
248259
.edit-on-github { /*position: absolute;
249260
top: 0;
250261
right: 0;*/ float: right; }
262+
/* line 496, ../sass/site2.scss */
263+
.edit-on-github + * { clear: both; }
251264

252-
/* line 470, ../sass/site2.scss */
265+
/* line 501, ../sass/site2.scss */
253266
.permalink { display: none; margin-left: 5px; vertical-align: top; }
254267

255-
/* line 475, ../sass/site2.scss */
268+
/* line 506, ../sass/site2.scss */
256269
.has-permalink:hover .permalink { display: initial; }
257270

258-
/* line 478, ../sass/site2.scss */
271+
/* line 509, ../sass/site2.scss */
259272
.no-permalink .permalink { display: none !important; }
260273

261-
/* line 485, ../sass/site2.scss */
274+
/* line 516, ../sass/site2.scss */
262275
.forversion { float: right; color: #ccc; font-style: italic; }
263276

264-
/* line 490, ../sass/site2.scss */
277+
/* line 521, ../sass/site2.scss */
265278
.article .byline { font-size: smaller; color: #ccc; }
266279

267-
/* line 495, ../sass/site2.scss */
280+
/* line 526, ../sass/site2.scss */
268281
.author { margin-bottom: 20px; }
269-
/* line 498, ../sass/site2.scss */
282+
/* line 529, ../sass/site2.scss */
270283
.author > p { display: inline-block; margin: 0; }
271-
/* line 502, ../sass/site2.scss */
284+
/* line 533, ../sass/site2.scss */
272285
.author > p:first-of-type { vertical-align: top; }
273-
/* line 507, ../sass/site2.scss */
286+
/* line 538, ../sass/site2.scss */
274287
.author img { border-radius: 7px; margin-right: 5px; height: 40px; width: 40px; }

‎sass/site2.scss‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,33 @@ b, strong {
8989
font-weight: 600;
9090
}
9191

92+
hr {
93+
border: none;
94+
border-bottom: 1px solid $main-bg;
95+
}
96+
97+
dl {
98+
dt {
99+
font-weight: 600;
100+
}
101+
&.horizontal {
102+
dt {
103+
// clear: left;
104+
float: left;
105+
width: 160px;
106+
}
107+
dd {
108+
// clear: both;
109+
}
110+
}
111+
}
112+
113+
blockquote {
114+
padding: 0 0 0 15px;
115+
margin: 0 0 20px;
116+
border-left: 5px solid $main-bg;
117+
}
118+
92119
/* Help catch template errors. */
93120
.error {
94121
border: 3px solid red;
@@ -465,6 +492,10 @@ footer {
465492
top: 0;
466493
right: 0;*/
467494
float: right;
495+
496+
+ * {
497+
clear: both;
498+
}
468499
}
469500

470501
.permalink {

0 commit comments

Comments
 (0)