patternfly-sass 1.3.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +3 -0
  3. data/README.md +1 -1
  4. data/Rakefile +21 -18
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  6. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +40 -38
  7. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  8. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  9. data/assets/javascripts/patternfly.js +111 -109
  10. data/assets/javascripts/patternfly.min.js +1 -1
  11. data/assets/stylesheets/_patternfly.scss +36 -40
  12. data/assets/stylesheets/patternfly/_alerts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_bootstrap-datepicker-css.scss +752 -0
  14. data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +71 -0
  15. data/assets/stylesheets/patternfly/_bootstrap-select-css.scss +211 -257
  16. data/assets/stylesheets/patternfly/{c3-css.scss → _c3-css.scss} +0 -0
  17. data/assets/stylesheets/patternfly/_cards.scss +60 -0
  18. data/assets/stylesheets/patternfly/_icons.scss +18 -36
  19. data/assets/stylesheets/patternfly/_login.scss +0 -21
  20. data/assets/stylesheets/patternfly/_mixin_overrides.scss +4 -2
  21. data/assets/stylesheets/patternfly/_mixins.scss +16 -2
  22. data/assets/stylesheets/patternfly/_navbar.scss +0 -11
  23. data/assets/stylesheets/patternfly/_pagination.scss +2 -2
  24. data/assets/stylesheets/patternfly/_spinner.scss +12 -14
  25. data/assets/stylesheets/patternfly/_tooltip.scss +1 -2
  26. data/assets/stylesheets/patternfly/_variables.scss +12 -8
  27. data/bower.json +5 -3
  28. data/lib/patternfly-sass/version.rb +2 -2
  29. data/patternfly-sass.gemspec +3 -2
  30. data/spec/compare_spec.rb +17 -2
  31. data/spec/html/accordions.html +15 -12
  32. data/spec/html/alerts.html +15 -12
  33. data/spec/html/badges.html +15 -12
  34. data/spec/html/basic.html +437 -431
  35. data/spec/html/blank-slate.html +16 -13
  36. data/spec/html/bootstrap-combobox.html +15 -12
  37. data/spec/html/bootstrap-datepicker.html +72 -0
  38. data/spec/html/bootstrap-select.html +17 -17
  39. data/spec/html/bootstrap-treeview-2.html +87 -85
  40. data/spec/html/bootstrap-treeview.html +15 -15
  41. data/spec/html/breadcrumbs.html +15 -12
  42. data/spec/html/buttons.html +15 -12
  43. data/spec/html/cards.html +301 -0
  44. data/spec/html/charts.html +17 -14
  45. data/spec/html/code.html +15 -12
  46. data/spec/html/dashboard.html +18 -12
  47. data/spec/html/datatables-columns.html +434 -431
  48. data/spec/html/datatables.html +434 -431
  49. data/spec/html/dist/css/patternfly-additions.css +3394 -0
  50. data/spec/html/dist/css/patternfly-additions.css.map +1 -0
  51. data/spec/html/dist/css/patternfly-additions.min.css +2 -0
  52. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -0
  53. data/spec/html/dist/css/patternfly.css +836 -2797
  54. data/spec/html/dist/css/patternfly.css.map +1 -0
  55. data/spec/html/dist/css/patternfly.min.css +7 -8
  56. data/spec/html/dist/css/patternfly.min.css.map +1 -0
  57. data/spec/html/dist/css/styles-additions.css +1 -0
  58. data/spec/html/dist/css/styles-additions.min.css +1 -0
  59. data/spec/html/dropdowns.html +15 -12
  60. data/spec/html/form.html +87 -86
  61. data/spec/html/forms.html +15 -12
  62. data/spec/html/icons.html +47 -38
  63. data/spec/html/index.html +21 -12
  64. data/spec/html/infotip.html +15 -12
  65. data/spec/html/labels.html +15 -12
  66. data/spec/html/list-group.html +15 -12
  67. data/spec/html/login.html +15 -12
  68. data/spec/html/modals.html +15 -12
  69. data/spec/html/navbar.html +77 -824
  70. data/spec/html/pagination.html +15 -12
  71. data/spec/html/panels.html +15 -12
  72. data/spec/html/popovers.html +25 -13
  73. data/spec/html/progress-bars.html +15 -12
  74. data/spec/html/search.html +15 -12
  75. data/spec/html/spinner.html +16 -13
  76. data/spec/html/tab.html +438 -432
  77. data/spec/html/tables.html +15 -12
  78. data/spec/html/tabs.html +15 -12
  79. data/spec/html/tooltip.html +15 -12
  80. data/spec/html/typography-2.html +18 -12
  81. data/spec/html/typography.html +15 -12
  82. data/tasks/converter.rb +24 -36
  83. metadata +44 -17
  84. data/spec/capture.js +0 -43
  85. data/spec/html/img/dashboard-1.png +0 -0
  86. data/spec/html/img/dashboard-2.png +0 -0
  87. data/spec/html/img/dashboard-4.png +0 -0
  88. data/spec/html/main.html +0 -16
data/spec/html/breadcrumbs.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Breadcrumbs - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../dist/js/patternfly.min.js"></script>
data/spec/html/buttons.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Buttons - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../dist/js/patternfly.min.js"></script>
data/spec/html/cards.html ADDED
@@ -0,0 +1,301 @@
1
+ <!DOCTYPE html>
2
+ <!--[if IE 9]><html class="ie9"><![endif]-->
3
+ <!--[if gt IE 9]><!-->
4
+ <html>
5
+ <!--<![endif]-->
6
+ <head>
7
+ <title>Cards - PatternFly</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
+ <link rel="shortcut icon" href="../dist/img/favicon.ico">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
24
+ <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
26
+ <script src="../components/jquery/dist/jquery.min.js"></script>
27
+ <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
28
+ <script src="../components/matchHeight/jquery.matchHeight-min.js"></script>
29
+ <script src="../dist/js/patternfly.min.js"></script>
30
+ </head>
31
+ <body class="cards-pf">
32
+ <nav class="navbar navbar-default navbar-pf" role="navigation">
33
+ <div class="navbar-header">
34
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
35
+ <span class="sr-only">Toggle navigation</span>
36
+ <span class="icon-bar"></span>
37
+ <span class="icon-bar"></span>
38
+ <span class="icon-bar"></span>
39
+ </button>
40
+ <a class="navbar-brand" href="/">
41
+ <img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
42
+ </a>
43
+ </div>
44
+ <div class="collapse navbar-collapse navbar-collapse-1">
45
+ <ul class="nav navbar-nav navbar-utility">
46
+ <li>
47
+ <a href="#">Status</a>
48
+ </li>
49
+ <li class="dropdown">
50
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
51
+ <span class="pficon pficon-user"></span>
52
+ Brian Johnson <b class="caret"></b>
53
+ </a>
54
+ <ul class="dropdown-menu">
55
+ <li>
56
+ <a href="#">Link</a>
57
+ </li>
58
+ <li>
59
+ <a href="#">Another link</a>
60
+ </li>
61
+ <li>
62
+ <a href="#">Something else here</a>
63
+ </li>
64
+ <li class="divider"></li>
65
+ <li class="dropdown-submenu">
66
+ <a tabindex="-1" href="#">More options</a>
67
+ <ul class="dropdown-menu">
68
+ <li>
69
+ <a href="#">Link</a>
70
+ </li>
71
+ <li>
72
+ <a href="#">Another link</a>
73
+ </li>
74
+ <li>
75
+ <a href="#">Something else here</a>
76
+ </li>
77
+ <li class="divider"></li>
78
+ <li class="dropdown-header">Nav header</li>
79
+ <li>
80
+ <a href="#">Separated link</a>
81
+ </li>
82
+ <li class="divider"></li>
83
+ <li>
84
+ <a href="#">One more separated link</a>
85
+ </li>
86
+ </ul>
87
+ </li>
88
+ <li class="divider"></li>
89
+ <li>
90
+ <a href="#">One more separated link</a>
91
+ </li>
92
+ </ul>
93
+ </li>
94
+ </ul>
95
+ <ul class="nav navbar-nav navbar-primary">
96
+ <li>
97
+ <a href="basic.html">Basic</a>
98
+ </li>
99
+ <li>
100
+ <a href="bootstrap-treeview-2.html">Tree View</a>
101
+ </li>
102
+ <li>
103
+ <a href="dashboard.html">Dashboard</a>
104
+ </li>
105
+ <li>
106
+ <a href="form.html">Form</a>
107
+ </li>
108
+ <li>
109
+ <a href="tab.html">Tab</a>
110
+ </li>
111
+ <li>
112
+ <a href="typography-2.html">Typography</a>
113
+ </li>
114
+ <li class="active">
115
+ <a href="cards.html" class="active">Cards</a>
116
+ </li>
117
+ </ul>
118
+ </div>
119
+ </nav>
120
+ <div class="container-fluid container-cards-pf">
121
+ <div class="row row-cards-pf">
122
+ <div class="col-xs-6 col-sm-4 col-md-2">
123
+ <div class="card-pf card-pf-accented">
124
+ <h2 class="card-pf-title">
125
+ Card Title
126
+ </h2>
127
+ <div class="card-pf-body">
128
+ <p>
129
+ [card contents]
130
+ </p>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ <div class="col-xs-6 col-sm-4 col-md-2">
135
+ <div class="card-pf card-pf-accented">
136
+ <h2 class="card-pf-title">
137
+ Card Title
138
+ </h2>
139
+ <div class="card-pf-body">
140
+ <p>
141
+ [card contents]
142
+ </p>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ <div class="col-xs-6 col-sm-4 col-md-2">
147
+ <div class="card-pf card-pf-accented">
148
+ <h2 class="card-pf-title">
149
+ Card Title
150
+ </h2>
151
+ <div class="card-pf-body">
152
+ <p>
153
+ [card contents]
154
+ </p>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ <div class="col-xs-6 col-sm-4 col-md-2">
159
+ <div class="card-pf card-pf-accented">
160
+ <h2 class="card-pf-title">
161
+ Card Title
162
+ </h2>
163
+ <div class="card-pf-body">
164
+ <p>
165
+ [card contents]
166
+ </p>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <div class="col-xs-6 col-sm-4 col-md-2">
171
+ <div class="card-pf card-pf-accented">
172
+ <h2 class="card-pf-title">
173
+ Card Title
174
+ </h2>
175
+ <div class="card-pf-body">
176
+ <p>
177
+ [card contents]
178
+ </p>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ <div class="col-xs-6 col-sm-4 col-md-2">
183
+ <div class="card-pf card-pf-accented">
184
+ <h2 class="card-pf-title">
185
+ Card Title
186
+ </h2>
187
+ <div class="card-pf-body">
188
+ <p>
189
+ [card contents]
190
+ </p>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div><!-- /row -->
195
+ <div class="row row-cards-pf">
196
+ <div class="col-xs-6 col-sm-5 col-md-5">
197
+ <div class="card-pf">
198
+ <h2 class="card-pf-title">
199
+ Card Title
200
+ </h2>
201
+ <div class="card-pf-body">
202
+ <p>[card contents]</p>
203
+ </div>
204
+ <div class="card-pf-footer">
205
+ <p><a href="#">Footer link</a></p>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ <div class="col-xs-6 col-sm-7 col-md-7">
210
+ <div class="card-pf">
211
+ <h2 class="card-pf-title">
212
+ Card Title
213
+ </h2>
214
+ <div class="card-pf-body">
215
+ <p>[card contents]</p>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div><!-- /row -->
220
+ <div class="row row-cards-pf">
221
+ <div class="col-xs-6 col-sm-3 col-md-3">
222
+ <div class="card-pf">
223
+ <div class="card-pf-heading">
224
+ <h2 class="card-pf-title">
225
+ Card Title
226
+ </h2>
227
+ </div>
228
+ <div class="card-pf-body">
229
+ <p>[card contents]</p>
230
+ </div>
231
+ <div class="card-pf-footer">
232
+ <p><a href="#">Footer link</a></p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ <div class="col-xs-6 col-sm-9 col-md-9">
237
+ <div class="card-pf">
238
+ <div class="card-pf-heading">
239
+ <h2 class="card-pf-title">
240
+ Card Title
241
+ </h2>
242
+ </div>
243
+ <div class="card-pf-body">
244
+ <p>[card contents]</p>
245
+ </div>
246
+ <div class="card-pf-footer">
247
+ <p><a href="#">Footer link</a></p>
248
+ </div>
249
+ </div>
250
+ </div>
251
+ </div><!-- /row -->
252
+ <div class="row row-cards-pf">
253
+ <div class="col-xs-6 col-sm-8 col-md-8">
254
+ <div class="card-pf">
255
+ <div class="card-pf-body">
256
+ <p>[card contents]</p>
257
+ </div>
258
+ <div class="card-pf-footer">
259
+ <p><a href="#">Footer link</a></p>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ <div class="col-xs-6 col-sm-4 col-md-4">
264
+ <div class="card-pf">
265
+ <div class="card-pf-body">
266
+ <p>[card contents]</p>
267
+ </div>
268
+ <div class="card-pf-footer">
269
+ <p><a href="#">Footer link</a></p>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </div><!-- /row -->
274
+ <div class="row row-cards-pf">
275
+ <div class="col-xs-6 col-sm-6 col-md-6">
276
+ <div class="card-pf">
277
+ <div class="card-pf-body">
278
+ <p>[card contents]</p>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ <div class="col-xs-6 col-sm-6 col-md-6">
283
+ <div class="card-pf">
284
+ <div class="card-pf-body">
285
+ <p>[card contents]</p>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div><!-- /row -->
290
+ </div><!-- /container -->
291
+ <script>
292
+ $(function() {
293
+ // matchHeight the contents of each .card-pf and then the .card-pf itself
294
+ $(".row-cards-pf > [class*='col'] > .card-pf .card-pf-title").matchHeight();
295
+ $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
296
+ $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
297
+ $(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
298
+ });
299
+ </script>
300
+ </body>
301
+ </html>
data/spec/html/charts.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Charts - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../components/c3/c3.min.js"></script>
@@ -34,11 +37,11 @@
34
37
  </div>
35
38
  <div class="alert alert-warning">
36
39
  <span class="pficon pficon-warning-triangle-o"></span>
37
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://http://c3js.org/">http://c3js.org/</a>
40
+ These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://c3js.org/">http://c3js.org/</a>
38
41
  </div>
39
42
  <hr>
40
43
  <h2>Line Chart</h2>
41
- <h3>Default C3.js Colors <small> don't use these</small></h3>
44
+ <h3>Default C3 Colors <small> don't use these</small></h3>
42
45
  <div id="chart"></div>
43
46
  <h3>Patternfly Colors <small>use these</small></h3>
44
47
  <div id="chart1"></div>
data/spec/html/code.html CHANGED
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Code - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../components/google-code-prettify/bin/prettify.min.js"></script>