patternfly-sass 3.9.0 → 3.10.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.
Files changed (111) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  3. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
  4. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  6. data/assets/javascripts/patternfly.js +18 -19
  7. data/assets/javascripts/patternfly.min.js +2 -2
  8. data/assets/stylesheets/patternfly/_blank-slate.scss +4 -4
  9. data/assets/stylesheets/patternfly/_bootstrap-treeview.scss +20 -0
  10. data/assets/stylesheets/patternfly/_card-view.scss +2 -2
  11. data/assets/stylesheets/patternfly/_cards.scss +2 -4
  12. data/assets/stylesheets/patternfly/_charts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_datatables.scss +1 -3
  14. data/assets/stylesheets/patternfly/_fonts.scss +30 -30
  15. data/assets/stylesheets/patternfly/_footer.scss +1 -1
  16. data/assets/stylesheets/patternfly/_forms.scss +1 -1
  17. data/assets/stylesheets/patternfly/_icons.scss +10 -7
  18. data/assets/stylesheets/patternfly/_infotip.scss +0 -4
  19. data/assets/stylesheets/patternfly/_layouts.scss +36 -11
  20. data/assets/stylesheets/patternfly/_list-group.scss +0 -16
  21. data/assets/stylesheets/patternfly/_list-view.scss +8 -13
  22. data/assets/stylesheets/patternfly/_login.scss +1 -1
  23. data/assets/stylesheets/patternfly/_mixin_overrides.scss +8 -6
  24. data/assets/stylesheets/patternfly/_mixins.scss +9 -7
  25. data/assets/stylesheets/patternfly/_nav-vertical-alt.scss +3 -3
  26. data/assets/stylesheets/patternfly/_navbar-alt.scss +4 -2
  27. data/assets/stylesheets/patternfly/_navbar-vertical.scss +2 -2
  28. data/assets/stylesheets/patternfly/_notifications-drawer.scss +1 -1
  29. data/assets/stylesheets/patternfly/_pager.scss +0 -4
  30. data/assets/stylesheets/patternfly/_progress-bars.scss +0 -7
  31. data/assets/stylesheets/patternfly/_search.scss +1 -2
  32. data/assets/stylesheets/patternfly/_sidebar.scss +1 -1
  33. data/assets/stylesheets/patternfly/_spinner.scss +1 -8
  34. data/assets/stylesheets/patternfly/_tables.scss +2 -2
  35. data/assets/stylesheets/patternfly/_time-picker.scss +1 -1
  36. data/assets/stylesheets/patternfly/_toast.scss +1 -1
  37. data/assets/stylesheets/patternfly/_toolbar.scss +30 -72
  38. data/assets/stylesheets/patternfly/_tooltip.scss +1 -1
  39. data/assets/stylesheets/patternfly/_variables.scss +9 -5
  40. data/assets/stylesheets/patternfly/_vertical-nav.scss +431 -269
  41. data/assets/stylesheets/patternfly/_wizard.scss +9 -11
  42. data/assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss +1 -1
  43. data/bower.json +2 -2
  44. data/lib/patternfly-sass/version.rb +2 -2
  45. data/spec/html/about-modal.html +0 -1
  46. data/spec/html/accordions.html +0 -1
  47. data/spec/html/alerts.html +0 -1
  48. data/spec/html/area-charts.html +0 -1
  49. data/spec/html/badges.html +0 -1
  50. data/spec/html/bar-charts.html +0 -1
  51. data/spec/html/blank-slate.html +0 -1
  52. data/spec/html/bootstrap-combobox.html +0 -1
  53. data/spec/html/bootstrap-datepicker.html +0 -1
  54. data/spec/html/bootstrap-select.html +0 -1
  55. data/spec/html/bootstrap-switch.html +0 -2
  56. data/spec/html/bootstrap-touchspin.html +0 -1
  57. data/spec/html/bootstrap-treeview.html +157 -25
  58. data/spec/html/breadcrumbs.html +0 -1
  59. data/spec/html/buttons.html +0 -1
  60. data/spec/html/card-view-card-variations.html +10 -11
  61. data/spec/html/card-view-multi-select.html +97 -91
  62. data/spec/html/card-view-single-select.html +97 -91
  63. data/spec/html/code.html +0 -1
  64. data/spec/html/datatables-columns.html +0 -1
  65. data/spec/html/datatables.html +0 -1
  66. data/spec/html/dist/css/patternfly-additions.css +555 -383
  67. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  68. data/spec/html/dist/css/patternfly-additions.min.css +2 -3
  69. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  70. data/spec/html/dist/css/patternfly.css +27 -164
  71. data/spec/html/dist/css/patternfly.css.map +1 -1
  72. data/spec/html/dist/css/patternfly.min.css +3 -4
  73. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  74. data/spec/html/donut-charts.html +0 -1
  75. data/spec/html/dropdowns.html +2 -3
  76. data/spec/html/forms.html +2 -3
  77. data/spec/html/icons.html +4 -1
  78. data/spec/html/index.html +3 -1
  79. data/spec/html/infotip.html +0 -1
  80. data/spec/html/labels.html +0 -1
  81. data/spec/html/line-charts.html +0 -1
  82. data/spec/html/list-group.html +0 -1
  83. data/spec/html/list-view-rows.html +2 -3
  84. data/spec/html/list-view.html +117 -104
  85. data/spec/html/modals.html +0 -1
  86. data/spec/html/navbar.html +0 -1
  87. data/spec/html/notification-drawer-horizontal-nav.html +84 -56
  88. data/spec/html/notification-drawer-vertical-nav.html +92 -58
  89. data/spec/html/pagination.html +0 -1
  90. data/spec/html/panels.html +0 -1
  91. data/spec/html/pie-charts.html +0 -1
  92. data/spec/html/popovers.html +0 -1
  93. data/spec/html/progress-bars.html +0 -1
  94. data/spec/html/search.html +10 -11
  95. data/spec/html/spinner.html +0 -1
  96. data/spec/html/tables.html +0 -1
  97. data/spec/html/tabs.html +0 -1
  98. data/spec/html/time-picker.html +0 -1
  99. data/spec/html/toast.html +0 -1
  100. data/spec/html/toolbar.html +98 -93
  101. data/spec/html/tooltip.html +0 -1
  102. data/spec/html/typography.html +0 -1
  103. data/spec/html/utilization-bar-charts.html +0 -1
  104. data/spec/html/vertical-navigation-primary-only.html +8 -2
  105. data/spec/html/vertical-navigation-with-badges.html +1128 -0
  106. data/spec/html/vertical-navigation-with-secondary.html +8 -2
  107. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +9 -3
  108. data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -2
  109. data/spec/html/wizard.html +1 -1
  110. data/tasks/converter.rb +22 -1
  111. metadata +4 -2
@@ -29,7 +29,6 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
- </div>
33
32
 
34
33
  <body>
35
34
  <div class="container">
@@ -29,7 +29,6 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
- </div>
33
32
 
34
33
  <body>
35
34
  <div class="container">
@@ -29,7 +29,6 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
- </div>
33
32
 
34
33
  <body>
35
34
  <div class="container">
@@ -41,11 +40,11 @@
41
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
42
41
  </div>
43
42
  <hr>
44
- <h2>Large, Single Select</h2>
43
+ <h2>Large Card</h2>
45
44
  <div class="cards-pf">
46
45
  <div class="row row-cards-pf">
47
46
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
48
- <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
47
+ <div class="card-pf card-pf-view ">
49
48
  <div class="card-pf-body">
50
49
  <div class="card-pf-top-element">
51
50
  <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
@@ -71,11 +70,11 @@
71
70
  </div>
72
71
  </div>
73
72
  </div>
74
- <h2>Small, Multi Select</h2>
73
+ <h2>Small Card</h2>
75
74
  <div class="cards-pf">
76
75
  <div class="row row-cards-pf">
77
76
  <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
78
- <div class="card-pf card-pf-view card-pf-view-select card-pf-view-multi-select">
77
+ <div class="card-pf card-pf-view ">
79
78
  <div class="card-pf-body">
80
79
  <div class="card-pf-top-element">
81
80
  <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
@@ -101,7 +100,7 @@
101
100
  </div>
102
101
  </div><!-- /row -->
103
102
  </div>
104
- <h2>Mini, Status</h2>
103
+ <h2>Mini Card with status</h2>
105
104
  <div class="cards-pf">
106
105
  <div class="row row-cards-pf">
107
106
  <div class="col-xs-12 col-sm-3 col-md-2">
@@ -109,10 +108,10 @@
109
108
  <div class="card-pf-body">
110
109
  <div class="card-pf-heading-kebab">
111
110
  <div class="dropdown pull-right dropdown-kebab-pf">
112
- <button class="btn btn-link dropdown-toggle" type="button" id="dropupKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
111
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropupKebabRight2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
113
112
  <span class="fa fa-ellipsis-v"></span>
114
113
  </button>
115
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropupKebabRight">
114
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropupKebabRight2">
116
115
  <li><a href="#">Action</a></li>
117
116
  <li><a href="#">Another action</a></li>
118
117
  <li><a href="#">Something else here</a></li>
@@ -148,7 +147,7 @@
148
147
  </div>
149
148
  </div><!-- /row -->
150
149
  </div>
151
- <h2>Mini, Summary</h2>
150
+ <h2>Mini Card with text</h2>
152
151
  <div class="cards-pf">
153
152
  <div class="row row-cards-pf">
154
153
  <div class="col-xs-12 col-sm-3 col-md-2">
@@ -156,10 +155,10 @@
156
155
  <div class="card-pf-body">
157
156
  <div class="card-pf-heading-kebab">
158
157
  <div class="dropup pull-right dropdown-kebab-pf">
159
- <button class="btn btn-link dropdown-toggle" type="button" id="dropupKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
158
+ <button class="btn btn-link dropdown-toggle" type="button" id="dropupKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
160
159
  <span class="fa fa-ellipsis-v"></span>
161
160
  </button>
162
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropupKebabRight">
161
+ <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropupKebabRight3">
163
162
  <li><a href="#">Action</a></li>
164
163
  <li><a href="#">Another action</a></li>
165
164
  <li><a href="#">Something else here</a></li>
@@ -52,91 +52,100 @@
52
52
  </div>
53
53
 
54
54
  <body class="cards-pf">
55
- <nav class="navbar navbar-default navbar-pf" role="navigation">
56
- <div class="navbar-header">
57
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
58
- <span class="sr-only">Toggle navigation</span>
59
- <span class="icon-bar"></span>
60
- <span class="icon-bar"></span>
61
- <span class="icon-bar"></span>
62
- </button>
63
- <a class="navbar-brand" href="/">
64
- <img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
65
- </a>
66
- </div>
67
- <div class="collapse navbar-collapse navbar-collapse-1">
68
- <ul class="nav navbar-nav navbar-utility">
69
- <li>
70
- <a href="#">Status</a>
71
- </li>
72
- <li class="dropdown">
73
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
74
- <span class="pficon pficon-user"></span>
75
- Brian Johnson <b class="caret"></b>
76
- </a>
77
- <ul class="dropdown-menu">
78
- <li>
79
- <a href="#">Link</a>
80
- </li>
81
- <li>
82
- <a href="#">Another link</a>
83
- </li>
84
- <li>
85
- <a href="#">Something else here</a>
86
- </li>
87
- <li class="divider"></li>
88
- <li class="dropdown-submenu">
89
- <a tabindex="-1" href="#">More options</a>
90
- <ul class="dropdown-menu">
91
- <li>
92
- <a href="#">Link</a>
93
- </li>
94
- <li>
95
- <a href="#">Another link</a>
96
- </li>
97
- <li>
98
- <a href="#">Something else here</a>
99
- </li>
100
- <li class="divider"></li>
101
- <li class="dropdown-header">Nav header</li>
102
- <li>
103
- <a href="#">Separated link</a>
104
- </li>
105
- <li class="divider"></li>
106
- <li>
107
- <a href="#">One more separated link</a>
108
- </li>
109
- </ul>
110
- </li>
111
- <li class="divider"></li>
112
- <li>
113
- <a href="#">One more separated link</a>
114
- </li>
115
- </ul>
116
- </li>
117
- </ul>
118
- <ul class="nav navbar-nav navbar-primary">
119
- <li>
120
- <a href="#">First Link</a>
121
- </li>
122
- <li>
123
- <a href="#">Another Link</a>
124
- </li>
125
- <li>
126
- <a href="#">And Another</a>
127
- </li>
128
- <li>
129
- <a href="#">As a General Rule</a>
130
- </li>
131
- <li>
132
- <a href="#">Five to Seven Links</a>
133
- </li>
134
- <li>
135
- <a href="#">Is Good</a>
136
- </li>
137
- </ul>
138
- </div>
139
- </nav>
55
+ <nav class="navbar navbar-default navbar-pf" role="navigation">
56
+ <div class="navbar-header">
57
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
58
+ <span class="sr-only">Toggle navigation</span>
59
+ <span class="icon-bar"></span>
60
+ <span class="icon-bar"></span>
61
+ <span class="icon-bar"></span>
62
+ </button>
63
+ <a class="navbar-brand" href="/">
64
+ <img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
65
+ </a>
66
+ </div>
67
+ <div class="collapse navbar-collapse navbar-collapse-1">
68
+ <ul class="nav navbar-nav navbar-utility">
69
+ <li>
70
+ <a href="#">Status</a>
71
+ </li>
72
+ <li class="dropdown">
73
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
74
+ <span class="pficon pficon-user"></span>
75
+ Brian Johnson <b class="caret"></b>
76
+ </a>
77
+ <ul class="dropdown-menu">
78
+ <li>
79
+ <a href="#">Link</a>
80
+ </li>
81
+ <li>
82
+ <a href="#">Another link</a>
83
+ </li>
84
+ <li>
85
+ <a href="#">Something else here</a>
86
+ </li>
87
+ <li class="divider"></li>
88
+ <li class="dropdown-submenu">
89
+ <a tabindex="-1" href="#">More options</a>
90
+ <ul class="dropdown-menu">
91
+ <li>
92
+ <a href="#">Link</a>
93
+ </li>
94
+ <li>
95
+ <a href="#">Another link</a>
96
+ </li>
97
+ <li>
98
+ <a href="#">Something else here</a>
99
+ </li>
100
+ <li class="divider"></li>
101
+ <li class="dropdown-header">Nav header</li>
102
+ <li>
103
+ <a href="#">Separated link</a>
104
+ </li>
105
+ <li class="divider"></li>
106
+ <li>
107
+ <a href="#">One more separated link</a>
108
+ </li>
109
+ </ul>
110
+ </li>
111
+ <li class="divider"></li>
112
+ <li>
113
+ <a href="#">One more separated link</a>
114
+ </li>
115
+ </ul>
116
+ </li>
117
+ </ul>
118
+ <ul class="nav navbar-nav navbar-primary">
119
+ <li>
120
+ <a href="basic.html">Basic</a>
121
+ </li>
122
+ <li>
123
+ <a href="bootstrap-treeview-2.html">Tree View</a>
124
+ </li>
125
+ <li>
126
+ <a href="dashboard.html">Dashboard</a>
127
+ </li>
128
+ <li>
129
+ <a href="form.html">Form</a>
130
+ </li>
131
+ <li>
132
+ <a href="tab.html">Tab</a>
133
+ </li>
134
+ <li>
135
+ <a href="typography-2.html">Typography</a>
136
+ </li>
137
+ <li class="active">
138
+ <a href="card-view-multi-select.html" class="active">Card View - Multi Select</a>
139
+ </li>
140
+ <li>
141
+ <a href="card-view-single-select.html">Card View - Single Select</a>
142
+ </li>
143
+ <li>
144
+ <a href="cards.html">Cards</a>
145
+ </li>
146
+ </ul>
147
+ </div>
148
+ </nav>
140
149
 
141
150
  <div class="container-fluid">
142
151
  <div class="row toolbar-pf">
@@ -212,11 +221,9 @@
212
221
  </div>
213
222
  </div>
214
223
  <div class="form-group toolbar-pf-view-selector">
215
- <ul class="list-inline">
216
- <li><a href="#"><i class="fa fa-th"></i></a></li>
217
- <li class="active"><a href="#"><i class="fa fa-th-large"></i></a></li>
218
- <li><a href="#"><i class="fa fa-th-list"></i></a></li>
219
- </ul>
224
+ <button class="btn btn-link"><i class="fa fa-th"></i></button>
225
+ <button class="btn btn-link active"><i class="fa fa-th-large"></i></button>
226
+ <button class="btn btn-link"><i class="fa fa-th-list"></i></button>
220
227
  </div>
221
228
  </div>
222
229
  </form>
@@ -265,7 +272,6 @@
265
272
  });
266
273
  })(jQuery);
267
274
  </script>
268
-
269
275
  <div class="container-fluid container-cards-pf">
270
276
  <div class="row row-cards-pf">
271
277
  <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
@@ -52,91 +52,100 @@
52
52
  </div>
53
53
 
54
54
  <body class="cards-pf">
55
- <nav class="navbar navbar-default navbar-pf" role="navigation">
56
- <div class="navbar-header">
57
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
58
- <span class="sr-only">Toggle navigation</span>
59
- <span class="icon-bar"></span>
60
- <span class="icon-bar"></span>
61
- <span class="icon-bar"></span>
62
- </button>
63
- <a class="navbar-brand" href="/">
64
- <img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
65
- </a>
66
- </div>
67
- <div class="collapse navbar-collapse navbar-collapse-1">
68
- <ul class="nav navbar-nav navbar-utility">
69
- <li>
70
- <a href="#">Status</a>
71
- </li>
72
- <li class="dropdown">
73
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
74
- <span class="pficon pficon-user"></span>
75
- Brian Johnson <b class="caret"></b>
76
- </a>
77
- <ul class="dropdown-menu">
78
- <li>
79
- <a href="#">Link</a>
80
- </li>
81
- <li>
82
- <a href="#">Another link</a>
83
- </li>
84
- <li>
85
- <a href="#">Something else here</a>
86
- </li>
87
- <li class="divider"></li>
88
- <li class="dropdown-submenu">
89
- <a tabindex="-1" href="#">More options</a>
90
- <ul class="dropdown-menu">
91
- <li>
92
- <a href="#">Link</a>
93
- </li>
94
- <li>
95
- <a href="#">Another link</a>
96
- </li>
97
- <li>
98
- <a href="#">Something else here</a>
99
- </li>
100
- <li class="divider"></li>
101
- <li class="dropdown-header">Nav header</li>
102
- <li>
103
- <a href="#">Separated link</a>
104
- </li>
105
- <li class="divider"></li>
106
- <li>
107
- <a href="#">One more separated link</a>
108
- </li>
109
- </ul>
110
- </li>
111
- <li class="divider"></li>
112
- <li>
113
- <a href="#">One more separated link</a>
114
- </li>
115
- </ul>
116
- </li>
117
- </ul>
118
- <ul class="nav navbar-nav navbar-primary">
119
- <li>
120
- <a href="#">First Link</a>
121
- </li>
122
- <li>
123
- <a href="#">Another Link</a>
124
- </li>
125
- <li>
126
- <a href="#">And Another</a>
127
- </li>
128
- <li>
129
- <a href="#">As a General Rule</a>
130
- </li>
131
- <li>
132
- <a href="#">Five to Seven Links</a>
133
- </li>
134
- <li>
135
- <a href="#">Is Good</a>
136
- </li>
137
- </ul>
138
- </div>
139
- </nav>
55
+ <nav class="navbar navbar-default navbar-pf" role="navigation">
56
+ <div class="navbar-header">
57
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
58
+ <span class="sr-only">Toggle navigation</span>
59
+ <span class="icon-bar"></span>
60
+ <span class="icon-bar"></span>
61
+ <span class="icon-bar"></span>
62
+ </button>
63
+ <a class="navbar-brand" href="/">
64
+ <img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
65
+ </a>
66
+ </div>
67
+ <div class="collapse navbar-collapse navbar-collapse-1">
68
+ <ul class="nav navbar-nav navbar-utility">
69
+ <li>
70
+ <a href="#">Status</a>
71
+ </li>
72
+ <li class="dropdown">
73
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
74
+ <span class="pficon pficon-user"></span>
75
+ Brian Johnson <b class="caret"></b>
76
+ </a>
77
+ <ul class="dropdown-menu">
78
+ <li>
79
+ <a href="#">Link</a>
80
+ </li>
81
+ <li>
82
+ <a href="#">Another link</a>
83
+ </li>
84
+ <li>
85
+ <a href="#">Something else here</a>
86
+ </li>
87
+ <li class="divider"></li>
88
+ <li class="dropdown-submenu">
89
+ <a tabindex="-1" href="#">More options</a>
90
+ <ul class="dropdown-menu">
91
+ <li>
92
+ <a href="#">Link</a>
93
+ </li>
94
+ <li>
95
+ <a href="#">Another link</a>
96
+ </li>
97
+ <li>
98
+ <a href="#">Something else here</a>
99
+ </li>
100
+ <li class="divider"></li>
101
+ <li class="dropdown-header">Nav header</li>
102
+ <li>
103
+ <a href="#">Separated link</a>
104
+ </li>
105
+ <li class="divider"></li>
106
+ <li>
107
+ <a href="#">One more separated link</a>
108
+ </li>
109
+ </ul>
110
+ </li>
111
+ <li class="divider"></li>
112
+ <li>
113
+ <a href="#">One more separated link</a>
114
+ </li>
115
+ </ul>
116
+ </li>
117
+ </ul>
118
+ <ul class="nav navbar-nav navbar-primary">
119
+ <li>
120
+ <a href="basic.html">Basic</a>
121
+ </li>
122
+ <li>
123
+ <a href="bootstrap-treeview-2.html">Tree View</a>
124
+ </li>
125
+ <li>
126
+ <a href="dashboard.html">Dashboard</a>
127
+ </li>
128
+ <li>
129
+ <a href="form.html">Form</a>
130
+ </li>
131
+ <li>
132
+ <a href="tab.html">Tab</a>
133
+ </li>
134
+ <li>
135
+ <a href="typography-2.html">Typography</a>
136
+ </li>
137
+ <li>
138
+ <a href="card-view-multi-select.html">Card View - Multi Select</a>
139
+ </li>
140
+ <li class="active">
141
+ <a href="card-view-single-select.html" class="active">Card View - Single Select</a>
142
+ </li>
143
+ <li>
144
+ <a href="cards.html">Cards</a>
145
+ </li>
146
+ </ul>
147
+ </div>
148
+ </nav>
140
149
 
141
150
  <div class="container-fluid">
142
151
  <div class="row toolbar-pf">
@@ -212,11 +221,9 @@
212
221
  </div>
213
222
  </div>
214
223
  <div class="form-group toolbar-pf-view-selector">
215
- <ul class="list-inline">
216
- <li><a href="#"><i class="fa fa-th"></i></a></li>
217
- <li class="active"><a href="#"><i class="fa fa-th-large"></i></a></li>
218
- <li><a href="#"><i class="fa fa-th-list"></i></a></li>
219
- </ul>
224
+ <button class="btn btn-link"><i class="fa fa-th"></i></button>
225
+ <button class="btn btn-link active"><i class="fa fa-th-large"></i></button>
226
+ <button class="btn btn-link"><i class="fa fa-th-list"></i></button>
220
227
  </div>
221
228
  </div>
222
229
  </form>
@@ -265,7 +272,6 @@
265
272
  });
266
273
  })(jQuery);
267
274
  </script>
268
-
269
275
  <div class="container-fluid container-cards-pf">
270
276
  <div class="row row-cards-pf">
271
277
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">