patternfly-sass 1.3.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.travis.yml +3 -0
- data/README.md +1 -1
- data/Rakefile +21 -18
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +40 -38
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/javascripts/patternfly.js +111 -109
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +36 -40
- data/assets/stylesheets/patternfly/_alerts.scss +1 -1
- data/assets/stylesheets/patternfly/_bootstrap-datepicker-css.scss +752 -0
- data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +71 -0
- data/assets/stylesheets/patternfly/_bootstrap-select-css.scss +211 -257
- data/assets/stylesheets/patternfly/{c3-css.scss → _c3-css.scss} +0 -0
- data/assets/stylesheets/patternfly/_cards.scss +60 -0
- data/assets/stylesheets/patternfly/_icons.scss +18 -36
- data/assets/stylesheets/patternfly/_login.scss +0 -21
- data/assets/stylesheets/patternfly/_mixin_overrides.scss +4 -2
- data/assets/stylesheets/patternfly/_mixins.scss +16 -2
- data/assets/stylesheets/patternfly/_navbar.scss +0 -11
- data/assets/stylesheets/patternfly/_pagination.scss +2 -2
- data/assets/stylesheets/patternfly/_spinner.scss +12 -14
- data/assets/stylesheets/patternfly/_tooltip.scss +1 -2
- data/assets/stylesheets/patternfly/_variables.scss +12 -8
- data/bower.json +5 -3
- data/lib/patternfly-sass/version.rb +2 -2
- data/patternfly-sass.gemspec +3 -2
- data/spec/compare_spec.rb +17 -2
- data/spec/html/accordions.html +15 -12
- data/spec/html/alerts.html +15 -12
- data/spec/html/badges.html +15 -12
- data/spec/html/basic.html +437 -431
- data/spec/html/blank-slate.html +16 -13
- data/spec/html/bootstrap-combobox.html +15 -12
- data/spec/html/bootstrap-datepicker.html +72 -0
- data/spec/html/bootstrap-select.html +17 -17
- data/spec/html/bootstrap-treeview-2.html +87 -85
- data/spec/html/bootstrap-treeview.html +15 -15
- data/spec/html/breadcrumbs.html +15 -12
- data/spec/html/buttons.html +15 -12
- data/spec/html/cards.html +301 -0
- data/spec/html/charts.html +17 -14
- data/spec/html/code.html +15 -12
- data/spec/html/dashboard.html +18 -12
- data/spec/html/datatables-columns.html +434 -431
- data/spec/html/datatables.html +434 -431
- data/spec/html/dist/css/patternfly-additions.css +3394 -0
- data/spec/html/dist/css/patternfly-additions.css.map +1 -0
- data/spec/html/dist/css/patternfly-additions.min.css +2 -0
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -0
- data/spec/html/dist/css/patternfly.css +836 -2797
- data/spec/html/dist/css/patternfly.css.map +1 -0
- data/spec/html/dist/css/patternfly.min.css +7 -8
- data/spec/html/dist/css/patternfly.min.css.map +1 -0
- data/spec/html/dist/css/styles-additions.css +1 -0
- data/spec/html/dist/css/styles-additions.min.css +1 -0
- data/spec/html/dropdowns.html +15 -12
- data/spec/html/form.html +87 -86
- data/spec/html/forms.html +15 -12
- data/spec/html/icons.html +47 -38
- data/spec/html/index.html +21 -12
- data/spec/html/infotip.html +15 -12
- data/spec/html/labels.html +15 -12
- data/spec/html/list-group.html +15 -12
- data/spec/html/login.html +15 -12
- data/spec/html/modals.html +15 -12
- data/spec/html/navbar.html +77 -824
- data/spec/html/pagination.html +15 -12
- data/spec/html/panels.html +15 -12
- data/spec/html/popovers.html +25 -13
- data/spec/html/progress-bars.html +15 -12
- data/spec/html/search.html +15 -12
- data/spec/html/spinner.html +16 -13
- data/spec/html/tab.html +438 -432
- data/spec/html/tables.html +15 -12
- data/spec/html/tabs.html +15 -12
- data/spec/html/tooltip.html +15 -12
- data/spec/html/typography-2.html +18 -12
- data/spec/html/typography.html +15 -12
- data/tasks/converter.rb +24 -36
- metadata +44 -17
- data/spec/capture.js +0 -43
- data/spec/html/img/dashboard-1.png +0 -0
- data/spec/html/img/dashboard-2.png +0 -0
- data/spec/html/img/dashboard-4.png +0 -0
- 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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>
|
|
@@ -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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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://
|
|
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
|
|
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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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>
|