Skip to content

Commit c5d925d

Browse files
ebidelebidel
committed
Add back elements.
1 parent 3daf486 commit c5d925d

6 files changed

Lines changed: 87 additions & 66 deletions

File tree

‎css/site2.css‎

Lines changed: 66 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -114,159 +114,161 @@ b, strong { font-weight: 600; }
114114
.alert { color: #999999; border: 1px solid #eeeeee; font-size: 14px; padding: 10px 15px; }
115115
/* line 103, ../sass/site2.scss */
116116
.alert b, .alert strong { margin-right: 5px; }
117-
/* line 108, ../sass/site2.scss */
117+
/* line 109, ../sass/site2.scss */
118118
.alert.alert-success b, .alert.alert-success strong { color: green; }
119-
/* line 114, ../sass/site2.scss */
119+
/* line 116, ../sass/site2.scss */
120+
.alert.alert-info b, .alert.alert-info strong { color: #3367d6; }
121+
/* line 123, ../sass/site2.scss */
120122
.alert.alert-error b, .alert.alert-error strong { color: #ff4120; }
121123

122124
/* Remove empty p generated from markdown conversion. */
123-
/* line 121, ../sass/site2.scss */
125+
/* line 130, ../sass/site2.scss */
124126
p:empty { display: none; }
125127

126-
/* line 124, ../sass/site2.scss */
128+
/* line 133, ../sass/site2.scss */
127129
a[disabled] { pointer-events: none; color: #ccc; }
128130

129131
/* -------------------------------------------------------------------------- */
130-
/* line 146, ../sass/site2.scss */
132+
/* line 155, ../sass/site2.scss */
131133
a.paper-button { color: inherit; }
132134

133-
/* line 150, ../sass/site2.scss */
135+
/* line 159, ../sass/site2.scss */
134136
.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; }
135-
/* line 165, ../sass/site2.scss */
137+
/* line 174, ../sass/site2.scss */
136138
.paper-button[borderless] { border: none; background: none; }
137-
/* line 170, ../sass/site2.scss */
139+
/* line 179, ../sass/site2.scss */
138140
.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; }
139-
/* line 175, ../sass/site2.scss */
141+
/* line 184, ../sass/site2.scss */
140142
.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); }
141-
/* line 181, ../sass/site2.scss */
143+
/* line 190, ../sass/site2.scss */
142144
.paper-button[sink] { padding: 7px 10px; transition: none; }
143-
/* line 185, ../sass/site2.scss */
145+
/* line 194, ../sass/site2.scss */
144146
.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%); }
145-
/* line 192, ../sass/site2.scss */
147+
/* line 201, ../sass/site2.scss */
146148
.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; }
147149

148-
/* line 205, ../sass/site2.scss */
150+
/* line 214, ../sass/site2.scss */
149151
polymer-ui-icon { width: 24px; height: 24px; background-size: 48px !important; }
150152

151-
/* line 213, ../sass/site2.scss */
153+
/* line 222, ../sass/site2.scss */
152154
.content-padding, .panel, footer > :first-child { max-width: 1032px; margin: 0 auto; }
153155

154-
/* line 218, ../sass/site2.scss */
156+
/* line 227, ../sass/site2.scss */
155157
.bar { padding: 16px !important; height: 80px; }
156-
/* line 223, ../sass/site2.scss */
158+
/* line 232, ../sass/site2.scss */
157159
.bar a { text-decoration: none; }
158160

159-
/* line 228, ../sass/site2.scss */
161+
/* line 237, ../sass/site2.scss */
160162
.panel { padding: 150px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
161-
/* line 236, ../sass/site2.scss */
163+
/* line 245, ../sass/site2.scss */
162164
.panel.left img { margin-right: 88px; }
163-
/* line 241, ../sass/site2.scss */
165+
/* line 250, ../sass/site2.scss */
164166
.panel.right img { margin-left: 88px; }
165-
/* line 246, ../sass/site2.scss */
167+
/* line 255, ../sass/site2.scss */
166168
.panel summary { -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; }
167-
/* line 249, ../sass/site2.scss */
169+
/* line 258, ../sass/site2.scss */
168170
.panel summary + summary { margin-left: 25px; }
169-
/* line 253, ../sass/site2.scss */
171+
/* line 262, ../sass/site2.scss */
170172
.panel summary p { margin: 56px 0; line-height: 32px; }
171-
/* line 259, ../sass/site2.scss */
173+
/* line 268, ../sass/site2.scss */
172174
.panel img { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -o-align-self: center; align-self: center; }
173175

174-
/* line 264, ../sass/site2.scss */
176+
/* line 273, ../sass/site2.scss */
175177
polymer-ui-toolbar { font: inherit !important; border: none !important; background: inherit !important; height: auto; color: inherit !important; }
176178

177-
/* line 273, ../sass/site2.scss */
179+
/* line 282, ../sass/site2.scss */
178180
.sticky { position: fixed !important; width: 100%; }
179181

180-
/* line 285, ../sass/site2.scss */
182+
/* line 294, ../sass/site2.scss */
181183
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; }
182-
/* line 291, ../sass/site2.scss */
184+
/* line 300, ../sass/site2.scss */
183185
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; }
184-
/* line 301, ../sass/site2.scss */
186+
/* line 310, ../sass/site2.scss */
185187
section .bar a:after { content: '\0025BE'; margin: 0 10px; }
186188

187-
/* line 309, ../sass/site2.scss */
189+
/* line 318, ../sass/site2.scss */
188190
#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; }
189-
/* line 313, ../sass/site2.scss */
191+
/* line 322, ../sass/site2.scss */
190192
#future .paper-button:not(:last-child) { margin-right: 30px; }
191193

192-
/* line 319, ../sass/site2.scss */
194+
/* line 328, ../sass/site2.scss */
193195
#everything-element .bar { border-color: rgba(255, 255, 255, 0.3); }
194-
/* line 323, ../sass/site2.scss */
196+
/* line 332, ../sass/site2.scss */
195197
#everything-element .bar a { color: white; }
196-
/* line 327, ../sass/site2.scss */
198+
/* line 336, ../sass/site2.scss */
197199
#everything-element summary { color: #fff; }
198-
/* line 330, ../sass/site2.scss */
200+
/* line 339, ../sass/site2.scss */
199201
#everything-element .paper-button { background: #262742 !important; }
200-
/* line 334, ../sass/site2.scss */
202+
/* line 343, ../sass/site2.scss */
201203
#everything-element .paper-button:hover { background: #3a3b56 !important; }
202-
/* line 338, ../sass/site2.scss */
204+
/* line 347, ../sass/site2.scss */
203205
#everything-element .paper-button a { color: white; }
204206

205-
/* line 345, ../sass/site2.scss */
207+
/* line 354, ../sass/site2.scss */
206208
#architecture .panel { padding: 25px 0; }
207-
/* line 348, ../sass/site2.scss */
209+
/* line 357, ../sass/site2.scss */
208210
#architecture .box { padding: 100px 24px 14px; margin-bottom: 56px; }
209-
/* line 353, ../sass/site2.scss */
211+
/* line 362, ../sass/site2.scss */
210212
#architecture h5 { font-size: 14px; color: #999999; line-height: 24px; letter-spacing: 0.01em; margin-top: 6px; margin-bottom: 18px; }
211-
/* line 361, ../sass/site2.scss */
213+
/* line 370, ../sass/site2.scss */
212214
#architecture p { font-size: 14px; line-height: 24px; margin-top: 0; }
213-
/* line 366, ../sass/site2.scss */
215+
/* line 375, ../sass/site2.scss */
214216
#architecture img { height: 92px; width: auto; }
215217

216-
/* line 374, ../sass/site2.scss */
218+
/* line 383, ../sass/site2.scss */
217219
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; }
218-
/* line 381, ../sass/site2.scss */
220+
/* line 390, ../sass/site2.scss */
219221
footer polymer-ui-toolbar { margin-bottom: 56px; }
220-
/* line 385, ../sass/site2.scss */
222+
/* line 394, ../sass/site2.scss */
221223
footer .paper-button { margin-right: 30px; }
222-
/* line 389, ../sass/site2.scss */
224+
/* line 398, ../sass/site2.scss */
223225
footer .paper-button a { opacity: 0.6; color: black; }
224-
/* line 399, ../sass/site2.scss */
226+
/* line 408, ../sass/site2.scss */
225227
footer #copyright { color: #b3b3b3; font-size: 14px; }
226-
/* line 403, ../sass/site2.scss */
228+
/* line 412, ../sass/site2.scss */
227229
footer #copyright a { color: #666666; }
228230

229-
/* line 410, ../sass/site2.scss */
231+
/* line 419, ../sass/site2.scss */
230232
#content-container .article { margin-bottom: 2em; }
231-
/* line 414, ../sass/site2.scss */
233+
/* line 423, ../sass/site2.scss */
232234
#content-container h2 { margin-top: 40px; }
233-
/* line 417, ../sass/site2.scss */
235+
/* line 426, ../sass/site2.scss */
234236
#content-container h3 { margin-top: 30px; }
235-
/* line 420, ../sass/site2.scss */
237+
/* line 429, ../sass/site2.scss */
236238
#content-container h4 { margin-top: 20px; }
237239

238-
/* line 427, ../sass/site2.scss */
240+
/* line 436, ../sass/site2.scss */
239241
#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; }
240-
/* line 438, ../sass/site2.scss */
242+
/* line 447, ../sass/site2.scss */
241243
#sidebar docs-menu { padding: 0 16px; }
242-
/* line 442, ../sass/site2.scss */
244+
/* line 451, ../sass/site2.scss */
243245
#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; }
244246

245-
/* line 452, ../sass/site2.scss */
247+
/* line 461, ../sass/site2.scss */
246248
.edit-on-github { /*position: absolute;
247249
top: 0;
248250
right: 0;*/ float: right; }
249251

250-
/* line 459, ../sass/site2.scss */
252+
/* line 468, ../sass/site2.scss */
251253
.permalink { display: none; margin-left: 5px; vertical-align: top; }
252254

253-
/* line 464, ../sass/site2.scss */
255+
/* line 473, ../sass/site2.scss */
254256
.has-permalink:hover .permalink { display: initial; }
255257

256-
/* line 467, ../sass/site2.scss */
258+
/* line 476, ../sass/site2.scss */
257259
.no-permalink .permalink { display: none !important; }
258260

259-
/* line 474, ../sass/site2.scss */
261+
/* line 483, ../sass/site2.scss */
260262
.forversion { float: right; color: #ccc; font-style: italic; }
261263

262-
/* line 479, ../sass/site2.scss */
264+
/* line 488, ../sass/site2.scss */
263265
.article .byline { font-size: smaller; color: #ccc; }
264266

265-
/* line 484, ../sass/site2.scss */
267+
/* line 493, ../sass/site2.scss */
266268
.author { margin-bottom: 20px; }
267-
/* line 487, ../sass/site2.scss */
269+
/* line 496, ../sass/site2.scss */
268270
.author > p { display: inline-block; margin: 0; }
269-
/* line 491, ../sass/site2.scss */
271+
/* line 500, ../sass/site2.scss */
270272
.author > p:first-of-type { vertical-align: top; }
271-
/* line 496, ../sass/site2.scss */
273+
/* line 505, ../sass/site2.scss */
272274
.author img { border-radius: 7px; margin-right: 5px; height: 40px; width: 40px; }

‎docs/elements/polymer-elements.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,3 +14,11 @@ how to use the element.
1414
Install everything:
1515

1616
bower install Polymer/polymer-elements
17+
18+
<section class="element-list">
19+
{%comment%}
20+
{% include_external /polymer-elements/docs/classes/polymer-file.html %}
21+
{%endcomment%}
22+
23+
{% directory dir:components tag:div glob:polymer-* blacklistglob:polymer-ui-* blacklist:"polymer-dev polymer-expressions polymer-elements polymer-ui-elements" %}
24+
</section>

‎getting-the-code.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,8 @@ and imports the `<polymer-ui-tabs>` element:
6565
</head>
6666
<body>
6767
<polymer-ui-tabs selected="0">
68-
<span>One</span><span>Two</span><span>Three</span><span>Four</span><span>Five</span>
68+
<span>One</span><span>Two</span><span>Three</span>
69+
<span>Four</span><span>Five</span>
6970
</polymer-ui-tabs>
7071
</body>
7172
</html>

‎sass/_vars.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ $creating-elements-color: #d61a7f;//#D93089;
2222
$platform-color: #9f499b;//#6a3167;
2323

2424
$warning-color: #ff4120;
25+
$info-color: #3367d6;
2526

2627
@mixin display-flex() {
2728
display: -webkit-box; // Safari :(

‎sass/polymer.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ code, pre {
2929
}
3030

3131
.prettyprint {
32-
// background-color: #1f2036;
32+
// background-color: $main-purple;
3333
margin: 30px 0;
3434

3535
.typ {

‎sass/site2.scss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,12 +105,21 @@ b, strong {
105105
}
106106

107107
&.alert-success {
108+
// border-color: green;
108109
b, strong {
109110
color: green;
110111
}
111112
}
112113

114+
&.alert-info {
115+
// border-color: $info-color;
116+
b, strong {
117+
color: $info-color;
118+
}
119+
}
120+
113121
&.alert-error {
122+
//border-color: $warning-color;
114123
b, strong {
115124
color: $warning-color;
116125
}

0 commit comments

Comments
 (0)