patternfly-sass 3.9.0 → 3.10.0

Sign up to get free protection for your applications and to get access to all the features.
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
data/spec/html/breadcrumbs.html CHANGED
@@ -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">
data/spec/html/buttons.html CHANGED
@@ -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">
data/spec/html/card-view-card-variations.html CHANGED
@@ -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>
data/spec/html/card-view-multi-select.html CHANGED
@@ -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">
data/spec/html/card-view-single-select.html CHANGED
@@ -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">