patternfly-sass 3.23.2 → 3.31.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (369) hide show
  1. checksums.yaml +4 -4
  2. data/CODE_OF_CONDUCT.md +4 -0
  3. data/QUICKSTART.md +165 -0
  4. data/README.md +354 -112
  5. data/dist/fonts/FontAwesome.otf +0 -0
  6. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.eot +0 -0
  7. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.svg +0 -0
  8. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.ttf +0 -0
  9. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.woff +0 -0
  10. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.woff2 +0 -0
  11. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.eot +0 -0
  12. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.svg +0 -0
  13. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.ttf +0 -0
  14. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.woff +0 -0
  15. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.woff2 +0 -0
  16. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.eot +0 -0
  17. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.svg +0 -0
  18. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.ttf +0 -0
  19. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.woff +0 -0
  20. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.woff2 +0 -0
  21. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.eot +0 -0
  22. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.svg +0 -0
  23. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.ttf +0 -0
  24. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.woff +0 -0
  25. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.woff2 +0 -0
  26. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.eot +0 -0
  27. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.svg +0 -0
  28. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.ttf +0 -0
  29. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.woff +0 -0
  30. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.woff2 +0 -0
  31. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.eot +0 -0
  32. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.svg +0 -0
  33. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.ttf +0 -0
  34. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.woff +0 -0
  35. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.woff2 +0 -0
  36. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.eot +0 -0
  37. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.svg +0 -0
  38. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.ttf +0 -0
  39. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.woff +0 -0
  40. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.woff2 +0 -0
  41. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.eot +0 -0
  42. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.svg +0 -0
  43. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.ttf +0 -0
  44. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.woff +0 -0
  45. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.woff2 +0 -0
  46. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.eot +0 -0
  47. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.svg +0 -0
  48. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.ttf +0 -0
  49. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.woff +0 -0
  50. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.woff2 +0 -0
  51. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.eot +0 -0
  52. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.svg +0 -0
  53. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.ttf +0 -0
  54. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.woff +0 -0
  55. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.woff2 +0 -0
  56. data/dist/fonts/PatternFlyIcons-webfont.eot +0 -0
  57. data/{assets/fonts/patternfly → dist/fonts}/PatternFlyIcons-webfont.svg +28 -0
  58. data/dist/fonts/PatternFlyIcons-webfont.ttf +0 -0
  59. data/dist/fonts/PatternFlyIcons-webfont.woff +0 -0
  60. data/dist/fonts/fontawesome-webfont.eot +0 -0
  61. data/dist/fonts/fontawesome-webfont.svg +2671 -0
  62. data/{assets/fonts/patternfly → dist/fonts}/fontawesome-webfont.ttf +0 -0
  63. data/dist/fonts/fontawesome-webfont.woff +0 -0
  64. data/dist/fonts/fontawesome-webfont.woff2 +0 -0
  65. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.eot +0 -0
  66. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.svg +0 -0
  67. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.ttf +0 -0
  68. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.woff +0 -0
  69. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.woff2 +0 -0
  70. data/{assets/images/patternfly → dist/img}/OpenShift-Logo-NoText.svg +0 -0
  71. data/{assets/images/patternfly → dist/img}/OpenShift-Logo-Text.svg +0 -0
  72. data/{assets/images/patternfly → dist/img}/OpenShift-logo.svg +0 -0
  73. data/{assets/images/patternfly → dist/img}/RH_Atomic-Logo-NoText.svg +0 -0
  74. data/{assets/images/patternfly → dist/img}/RH_Atomic-Logo-Text.svg +0 -0
  75. data/{assets/images/patternfly → dist/img}/RH_atomic.svg +0 -0
  76. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-114.png +0 -0
  77. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-144.png +0 -0
  78. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-152.png +0 -0
  79. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-180.png +0 -0
  80. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-57.png +0 -0
  81. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-72.png +0 -0
  82. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-76.png +0 -0
  83. data/{assets/images/patternfly → dist/img}/bg-login.jpg +0 -0
  84. data/{assets/images/patternfly → dist/img}/bg-modal-about-pf.png +0 -0
  85. data/{assets/images/patternfly → dist/img}/bg-navbar-pf-alt.svg +0 -0
  86. data/{assets/images/patternfly → dist/img}/brand-alt.svg +0 -0
  87. data/{assets/images/patternfly → dist/img}/brand.svg +0 -0
  88. data/{assets/images/patternfly → dist/img}/favicon.ico +0 -0
  89. data/{assets/images/patternfly → dist/img}/kubernetes-Logo.svg +0 -0
  90. data/{assets/images/patternfly → dist/img}/kubernetes.svg +0 -0
  91. data/{assets/images/patternfly → dist/img}/logo-alt.svg +0 -0
  92. data/{assets/images/patternfly → dist/img}/logo.svg +0 -0
  93. data/{assets/images/patternfly → dist/img}/spinner-inverse-lg.gif +0 -0
  94. data/{assets/images/patternfly → dist/img}/spinner-inverse-sm.gif +0 -0
  95. data/{assets/images/patternfly → dist/img}/spinner-inverse-xs.gif +0 -0
  96. data/{assets/images/patternfly → dist/img}/spinner-inverse.gif +0 -0
  97. data/{assets/images/patternfly → dist/img}/spinner-lg.gif +0 -0
  98. data/{assets/images/patternfly → dist/img}/spinner-sm.gif +0 -0
  99. data/{assets/images/patternfly → dist/img}/spinner-xs.gif +0 -0
  100. data/{assets/images/patternfly → dist/img}/spinner.gif +0 -0
  101. data/dist/js/patternfly-functions-base.js +7 -0
  102. data/dist/js/patternfly-functions-charts.js +13 -0
  103. data/dist/js/patternfly-functions-colors.js +8 -0
  104. data/dist/js/patternfly-functions-count-chars.js +59 -0
  105. data/dist/js/patternfly-functions-data-tables.js +149 -0
  106. data/dist/js/patternfly-functions-fixed-heights.js +87 -0
  107. data/dist/js/patternfly-functions-list.js +79 -0
  108. data/dist/js/patternfly-functions-navigation.js +113 -0
  109. data/dist/js/patternfly-functions-popovers.js +37 -0
  110. data/dist/js/patternfly-functions-sidebar.js +31 -0
  111. data/dist/js/patternfly-functions-tree-grid.js +79 -0
  112. data/dist/js/patternfly-functions-vertical-nav.js +590 -0
  113. data/{assets/javascripts → dist/js}/patternfly-functions.js +133 -95
  114. data/dist/js/patternfly-functions.min.js +1 -0
  115. data/dist/js/patternfly-settings-base.js +16 -0
  116. data/dist/js/patternfly-settings-charts.js +423 -0
  117. data/dist/js/patternfly-settings-colors.js +88 -0
  118. data/{assets/javascripts → dist/js}/patternfly-settings.js +22 -13
  119. data/dist/js/patternfly-settings.min.js +1 -0
  120. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfColVis.js +0 -0
  121. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfEmpty.js +1 -1
  122. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfEmpty.min.js +1 -1
  123. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfFilter.js +0 -0
  124. data/dist/js/patternfly.dataTables.pfFilter.min.js +1 -0
  125. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfPagination.js +1 -1
  126. data/dist/js/patternfly.dataTables.pfPagination.min.js +1 -0
  127. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfResize.js +0 -0
  128. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfResize.min.js +1 -1
  129. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfSelect.js +0 -0
  130. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfSelect.min.js +1 -1
  131. data/{assets/javascripts → dist/js}/patternfly.js +153 -106
  132. data/dist/js/patternfly.min.js +2 -0
  133. data/{assets/stylesheets → dist/sass}/_patternfly-compass.scss +1 -1
  134. data/{assets/stylesheets → dist/sass}/_patternfly-sprockets.scss +1 -1
  135. data/dist/sass/_patternfly.scss +145 -0
  136. data/{assets/stylesheets → dist/sass}/patternfly/_about-modal.scss +2 -2
  137. data/{assets/stylesheets → dist/sass}/patternfly/_alerts.scss +0 -0
  138. data/dist/sass/patternfly/_application-launcher.scss +213 -0
  139. data/{assets/stylesheets → dist/sass}/patternfly/_badges.scss +0 -0
  140. data/{assets/stylesheets → dist/sass}/patternfly/_blank-slate.scss +0 -0
  141. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-combobox.scss +1 -1
  142. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-datepicker.scss +13 -5
  143. data/dist/sass/patternfly/_bootstrap-mixin-overrides.scss +33 -0
  144. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-select.scss +15 -7
  145. data/dist/sass/patternfly/_bootstrap-slider.scss +66 -0
  146. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-switch.scss +1 -1
  147. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-touchspin.scss +0 -0
  148. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-treeview.scss +0 -0
  149. data/{assets/stylesheets → dist/sass}/patternfly/_breadcrumbs.scss +0 -0
  150. data/{assets/stylesheets → dist/sass}/patternfly/_buttons.scss +2 -2
  151. data/{assets/stylesheets → dist/sass}/patternfly/_card-view.scss +1 -1
  152. data/{assets/stylesheets → dist/sass}/patternfly/_cards.scss +2 -2
  153. data/{assets/stylesheets → dist/sass}/patternfly/_charts.scss +28 -0
  154. data/{assets/stylesheets → dist/sass}/patternfly/_close.scss +1 -0
  155. data/dist/sass/patternfly/_color-variables.scss +85 -0
  156. data/{assets/stylesheets → dist/sass}/patternfly/_datatables.scss +5 -5
  157. data/{assets/stylesheets → dist/sass}/patternfly/_dropdowns.scss +9 -4
  158. data/dist/sass/patternfly/_experimental-features.scss +48 -0
  159. data/dist/sass/patternfly/_fonts.scss +124 -0
  160. data/{assets/stylesheets → dist/sass}/patternfly/_footer.scss +0 -0
  161. data/{assets/stylesheets → dist/sass}/patternfly/_forms.scss +0 -0
  162. data/{assets/stylesheets → dist/sass}/patternfly/_icons.scss +91 -7
  163. data/{assets/stylesheets → dist/sass}/patternfly/_infotip.scss +0 -0
  164. data/{assets/stylesheets → dist/sass}/patternfly/_labels.scss +0 -0
  165. data/{assets/stylesheets → dist/sass}/patternfly/_layouts.scss +0 -0
  166. data/{assets/stylesheets → dist/sass}/patternfly/_links.scss +0 -0
  167. data/{assets/stylesheets → dist/sass}/patternfly/_list-group.scss +0 -0
  168. data/{assets/stylesheets → dist/sass}/patternfly/_list-pf.scss +6 -3
  169. data/{assets/stylesheets → dist/sass}/patternfly/_list-view-dnd.scss +0 -0
  170. data/{assets/stylesheets → dist/sass}/patternfly/_list-view.scss +12 -12
  171. data/{assets/stylesheets → dist/sass}/patternfly/_login.scss +3 -7
  172. data/dist/sass/patternfly/_mixins.scss +81 -0
  173. data/{assets/stylesheets → dist/sass}/patternfly/_modals.scss +0 -0
  174. data/{assets/stylesheets → dist/sass}/patternfly/_nav-vertical-alt.scss +1 -1
  175. data/{assets/stylesheets → dist/sass}/patternfly/_navbar-alt.scss +0 -0
  176. data/{assets/stylesheets → dist/sass}/patternfly/_navbar-vertical.scss +9 -2
  177. data/{assets/stylesheets → dist/sass}/patternfly/_navbar.scss +26 -2
  178. data/{assets/stylesheets → dist/sass}/patternfly/_notifications-drawer.scss +102 -15
  179. data/{assets/stylesheets → dist/sass}/patternfly/_pager.scss +1 -1
  180. data/{assets/stylesheets → dist/sass}/patternfly/_pagination.scss +2 -2
  181. data/{assets/stylesheets → dist/sass}/patternfly/_panels.scss +21 -0
  182. data/{assets/stylesheets → dist/sass}/patternfly/_popovers.scss +1 -1
  183. data/{assets/stylesheets → dist/sass}/patternfly/_progress-bars.scss +1 -1
  184. data/{assets/stylesheets → dist/sass}/patternfly/_search.scss +1 -1
  185. data/{assets/stylesheets → dist/sass}/patternfly/_sidebar.scss +0 -0
  186. data/dist/sass/patternfly/_skip-to-content.scss +12 -0
  187. data/{assets/stylesheets → dist/sass}/patternfly/_spinner.scss +16 -16
  188. data/{assets/stylesheets → dist/sass}/patternfly/_syntax-highlighting.scss +0 -0
  189. data/{assets/stylesheets → dist/sass}/patternfly/_table-view.scss +0 -0
  190. data/{assets/stylesheets → dist/sass}/patternfly/_tables.scss +0 -0
  191. data/{assets/stylesheets → dist/sass}/patternfly/_tabs.scss +1 -1
  192. data/{assets/stylesheets → dist/sass}/patternfly/_time-picker.scss +1 -3
  193. data/{assets/stylesheets → dist/sass}/patternfly/_toast.scss +7 -6
  194. data/{assets/stylesheets → dist/sass}/patternfly/_toolbar.scss +1 -1
  195. data/{assets/stylesheets → dist/sass}/patternfly/_tooltip.scss +0 -0
  196. data/{assets/stylesheets → dist/sass}/patternfly/_type.scss +0 -0
  197. data/{assets/stylesheets → dist/sass}/patternfly/_variables.scss +75 -9
  198. data/{assets/stylesheets → dist/sass}/patternfly/_vertical-nav.scss +41 -42
  199. data/{assets/stylesheets → dist/sass}/patternfly/_wizard.scss +175 -123
  200. data/dist/sass/patternfly/dependencies/bootstrap-combobox/combobox.scss +57 -0
  201. data/dist/sass/patternfly/dependencies/bootstrap-datepicker/datepicker.scss +235 -0
  202. data/dist/sass/patternfly/dependencies/bootstrap-datepicker/datepicker3.scss +251 -0
  203. data/dist/sass/patternfly/dependencies/bootstrap-select/bootstrap-select.scss +389 -0
  204. data/dist/sass/patternfly/dependencies/bootstrap-select/variables.scss +9 -0
  205. data/dist/sass/patternfly/dependencies/bootstrap-slider/_mixins.scss +25 -0
  206. data/dist/sass/patternfly/dependencies/bootstrap-slider/_rules.scss +246 -0
  207. data/dist/sass/patternfly/dependencies/bootstrap-slider/_variables.scss +28 -0
  208. data/dist/sass/patternfly/dependencies/bootstrap-slider/bootstrap-slider.scss +42 -0
  209. data/{assets/stylesheets/patternfly/lib → dist/sass/patternfly/dependencies/bootstrap-switch}/bootstrap-switch.scss +12 -10
  210. data/dist/sass/patternfly/dependencies/bootstrap-switch/build.scss +3 -0
  211. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins.scss +40 -0
  212. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/alerts.scss +14 -0
  213. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/background-variant.scss +9 -0
  214. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/border-radius.scss +18 -0
  215. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/buttons.scss +68 -0
  216. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/center-block.scss +7 -0
  217. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/clearfix.scss +22 -0
  218. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/forms.scss +85 -0
  219. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/gradients.scss +59 -0
  220. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid-framework.scss +98 -0
  221. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid.scss +122 -0
  222. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/hide-text.scss +21 -0
  223. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/image.scss +33 -0
  224. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/labels.scss +12 -0
  225. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/list-group.scss +29 -0
  226. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-divider.scss +10 -0
  227. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-vertical-align.scss +9 -0
  228. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/opacity.scss +8 -0
  229. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/pagination.scss +23 -0
  230. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/panels.scss +24 -0
  231. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/progress-bar.scss +10 -0
  232. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-filter.scss +8 -0
  233. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-text.scss +18 -0
  234. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/resize.scss +6 -0
  235. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/responsive-visibility.scss +15 -0
  236. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/size.scss +10 -0
  237. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/tab-focus.scss +9 -0
  238. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/table-row.scss +28 -0
  239. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/text-emphasis.scss +9 -0
  240. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/text-overflow.scss +8 -0
  241. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/vendor-prefixes.scss +227 -0
  242. data/dist/sass/patternfly/dependencies/bootstrap-switch/variables.scss +862 -0
  243. data/{assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss → dist/sass/patternfly/dependencies/bootstrap-touchspin/_jquery.bootstrap-touchspin.scss} +1 -1
  244. data/{assets/stylesheets/patternfly/lib/c3.scss → dist/sass/patternfly/dependencies/c3/_c3.scss} +7 -0
  245. data/dist/sass/patternfly/dependencies/eonasdan-bootstrap-datetimepicker/_bootstrap-datetimepicker.scss +344 -0
  246. data/dist/sass/patternfly/dependencies/eonasdan-bootstrap-datetimepicker/bootstrap-datetimepicker-build.scss +16 -0
  247. data/lib/patternfly-sass.rb +4 -4
  248. data/lib/patternfly-sass/engine.rb +2 -2
  249. data/lib/patternfly-sass/version.rb +1 -2
  250. data/patternfly-sass.gemspec +16 -17
  251. metadata +249 -498
  252. data/.gitignore +0 -41
  253. data/.rspec +0 -3
  254. data/.rubocop.yml +0 -56
  255. data/.travis.yml +0 -51
  256. data/Gemfile +0 -3
  257. data/Rakefile +0 -130
  258. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  259. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  260. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  261. data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
  262. data/assets/fonts/patternfly/fontawesome-webfont.svg +0 -685
  263. data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
  264. data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
  265. data/assets/javascripts/patternfly-functions.min.js +0 -1
  266. data/assets/javascripts/patternfly-settings.min.js +0 -1
  267. data/assets/javascripts/patternfly.dataTables.pfFilter.min.js +0 -1
  268. data/assets/javascripts/patternfly.dataTables.pfPagination.min.js +0 -1
  269. data/assets/javascripts/patternfly.min.js +0 -2
  270. data/assets/stylesheets/_patternfly.scss +0 -108
  271. data/assets/stylesheets/patternfly/_color-variables.scss +0 -84
  272. data/assets/stylesheets/patternfly/_fonts.scss +0 -124
  273. data/assets/stylesheets/patternfly/_mixin_overrides.scss +0 -65
  274. data/assets/stylesheets/patternfly/_mixins.scss +0 -120
  275. data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +0 -678
  276. data/assets/stylesheets/patternfly/lib/bootstrap-datetimepicker.scss +0 -374
  277. data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +0 -282
  278. data/assets/stylesheets/patternfly/lib/patternfly-bootstrap-combobox.scss +0 -44
  279. data/bower.json +0 -53
  280. data/package.json +0 -70
  281. data/spec/compare_spec.rb +0 -60
  282. data/spec/html/about-modal.html +0 -77
  283. data/spec/html/accordions.html +0 -336
  284. data/spec/html/alerts.html +0 -106
  285. data/spec/html/area-charts.html +0 -103
  286. data/spec/html/badges.html +0 -73
  287. data/spec/html/bar-charts.html +0 -350
  288. data/spec/html/basic.html +0 -796
  289. data/spec/html/blank-slate.html +0 -81
  290. data/spec/html/bootstrap-combobox.html +0 -344
  291. data/spec/html/bootstrap-datepicker.html +0 -148
  292. data/spec/html/bootstrap-select.html +0 -213
  293. data/spec/html/bootstrap-switch.html +0 -267
  294. data/spec/html/bootstrap-switch.js +0 -61
  295. data/spec/html/bootstrap-touchspin.html +0 -210
  296. data/spec/html/bootstrap-treeview-2.html +0 -296
  297. data/spec/html/bootstrap-treeview.html +0 -383
  298. data/spec/html/breadcrumbs.html +0 -52
  299. data/spec/html/buttons.html +0 -556
  300. data/spec/html/card-view-card-variations.html +0 -201
  301. data/spec/html/card-view-multi-select.html +0 -698
  302. data/spec/html/card-view-single-select.html +0 -432
  303. data/spec/html/cards.html +0 -899
  304. data/spec/html/code.html +0 -83
  305. data/spec/html/dashboard.html +0 -353
  306. data/spec/html/dist/css/patternfly-additions.css +0 -7202
  307. data/spec/html/dist/css/patternfly-additions.css.map +0 -1
  308. data/spec/html/dist/css/patternfly-additions.min.css +0 -5
  309. data/spec/html/dist/css/patternfly-additions.min.css.map +0 -1
  310. data/spec/html/dist/css/patternfly.css +0 -10355
  311. data/spec/html/dist/css/patternfly.css.map +0 -1
  312. data/spec/html/dist/css/patternfly.min.css +0 -8
  313. data/spec/html/dist/css/patternfly.min.css.map +0 -1
  314. data/spec/html/donut-charts.html +0 -235
  315. data/spec/html/dropdowns.html +0 -138
  316. data/spec/html/form.html +0 -281
  317. data/spec/html/forms.html +0 -875
  318. data/spec/html/horizontal-navigation.html +0 -765
  319. data/spec/html/icons.html +0 -447
  320. data/spec/html/img/dashboard-3.png +0 -0
  321. data/spec/html/index.html +0 -284
  322. data/spec/html/infotip.html +0 -89
  323. data/spec/html/labels.html +0 -108
  324. data/spec/html/line-charts.html +0 -178
  325. data/spec/html/list-group.html +0 -111
  326. data/spec/html/list-pf.html +0 -529
  327. data/spec/html/list-view-compound-expansion.html +0 -1720
  328. data/spec/html/list-view-rows.html +0 -597
  329. data/spec/html/list-view-simple-expansion.html +0 -1003
  330. data/spec/html/list-view.html +0 -614
  331. data/spec/html/login.html +0 -92
  332. data/spec/html/modals.html +0 -83
  333. data/spec/html/navbar.html +0 -4680
  334. data/spec/html/notification-drawer-horizontal-nav.html +0 -1503
  335. data/spec/html/notification-drawer-vertical-nav.html +0 -1631
  336. data/spec/html/pagination-card-view.html +0 -560
  337. data/spec/html/pagination-list-view.html +0 -1204
  338. data/spec/html/pagination-table-view.html +0 -813
  339. data/spec/html/pagination.html +0 -320
  340. data/spec/html/panels.html +0 -113
  341. data/spec/html/pie-charts.html +0 -180
  342. data/spec/html/popovers.html +0 -115
  343. data/spec/html/progress-bars.html +0 -335
  344. data/spec/html/search.html +0 -171
  345. data/spec/html/spinner.html +0 -77
  346. data/spec/html/tab.html +0 -842
  347. data/spec/html/table-view-columns.html +0 -495
  348. data/spec/html/table-view-navbar.html +0 -814
  349. data/spec/html/table-view.html +0 -688
  350. data/spec/html/tables.html +0 -540
  351. data/spec/html/tabs.html +0 -279
  352. data/spec/html/tests.css +0 -16
  353. data/spec/html/time-picker.html +0 -75
  354. data/spec/html/toast.html +0 -87
  355. data/spec/html/toolbar.html +0 -268
  356. data/spec/html/tooltip.html +0 -71
  357. data/spec/html/typography-2.css +0 -10
  358. data/spec/html/typography-2.html +0 -313
  359. data/spec/html/typography.html +0 -212
  360. data/spec/html/utilization-bar-charts.html +0 -69
  361. data/spec/html/vertical-navigation-primary-only.html +0 -844
  362. data/spec/html/vertical-navigation-with-badges.html +0 -1184
  363. data/spec/html/vertical-navigation-with-secondary.html +0 -911
  364. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +0 -1085
  365. data/spec/html/vertical-navigation-with-tertiary-pins.html +0 -1085
  366. data/spec/html/wizard.html +0 -756
  367. data/spec/main.html +0 -16
  368. data/spec/spec_helper.rb +0 -9
  369. data/tasks/converter.rb +0 -353
data/spec/html/list-pf.html DELETED
@@ -1,529 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
3
- <!--[if gt IE 9]><!-->
4
- <html lang="en-us">
5
- <!--<![endif]-->
6
- <head>
7
- <title>List - PatternFly</title>
8
- <meta charset="UTF-8">
9
- <meta http-equiv="X-UA-Compatible" content="IE=Edge">
10
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
- <link rel="shortcut icon" href="../../dist/img/favicon.ico">
12
- <!-- iPad retina icon -->
13
- <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
14
- <!-- iPad retina icon (iOS < 7) -->
15
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
16
- <!-- iPad non-retina icon -->
17
- <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
18
- <!-- iPad non-retina icon (iOS < 7) -->
19
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
20
- <!-- iPhone 6 Plus icon -->
21
- <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
22
- <!-- iPhone retina icon (iOS < 7) -->
23
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
24
- <!-- iPhone non-retina icon (iOS < 7) -->
25
- <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
26
- <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
27
- <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
28
- <link href="tests.css" rel="stylesheet" media="screen, print">
29
- <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
30
- <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
31
- <script src="./../../dist/js/patternfly.min.js"></script>
32
- </head>
33
-
34
- <body>
35
- <div class="container">
36
- <div class="page-header">
37
- <h1>List</h1>
38
- </div>
39
- <div class="alert alert-warning">
40
- <span class="pficon pficon-warning-triangle-o"></span>
41
- 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
- </div>
43
- <hr>
44
- <!-- empty list with expansion -->
45
- <h3>Basic list with expansion</h3>
46
- <div class="list-pf">
47
- <div class="list-pf-item">
48
- <div class="list-pf-container" tabindex="0">
49
- <div class="list-pf-chevron">
50
- <span class="fa fa-angle-right"></span>
51
- </div>
52
- <div class="list-pf-content">
53
- First line
54
- </div>
55
- </div> <!-- /list-pf-container -->
56
-
57
- <div class="list-pf-expansion collapse">
58
- <div class="list-pf-container" tabindex="0">
59
- <div class="list-pf-chevron">
60
- <span class="fa fa-angle-right"></span>
61
- </div>
62
- <div class="list-pf-content">
63
- This is a first level section
64
- </div>
65
- </div> <!-- /list-pf-container -->
66
-
67
- <div class="list-pf-expansion collapse">
68
- <div class="list-pf-container" tabindex="0">
69
- <div class="list-pf-content">
70
- This is a second level section
71
- </div>
72
- </div> <!-- /list-pf-container -->
73
- </div> <!-- /list-pf-expansion level 3 -->
74
-
75
- </div> <!-- /list-pf-expansion level 2 -->
76
- </div> <!-- /list-pf-expansion level 1 -->
77
- <div class="list-pf-item active">
78
- <div class="list-pf-container" tabindex="0">
79
- <div class="list-pf-chevron">
80
- <span class="fa fa-angle-right"></span>
81
- </div>
82
- <div class="list-pf-content">
83
- This item is open by default
84
- </div>
85
- </div> <!-- /list-pf-container -->
86
-
87
- <div class="list-pf-expansion collapse in">
88
- <div class="list-pf-container" tabindex="0">
89
- <div class="list-pf-chevron">
90
- <span class="fa fa-angle-right"></span>
91
- </div>
92
- <div class="list-pf-content">
93
- This is a first level section
94
- </div>
95
- </div> <!-- /list-pf-container -->
96
-
97
- <div class="list-pf-expansion collapse in">
98
- <div class="list-pf-container" tabindex="0">
99
- <div class="list-pf-content">
100
- This is a second level section
101
- </div>
102
- </div> <!-- /list-pf-container -->
103
- </div> <!-- /list-pf-expansion level 3 -->
104
-
105
- </div> <!-- /list-pf-expansion level 2 -->
106
- </div> <!-- /list-pf-expansion level 1 -->
107
- </div>
108
-
109
- <!-- empty list with checkbox -->
110
- <h3>Basic list with row selection</h3>
111
- <div class="list-pf">
112
- <div class="list-pf-item ">
113
- <div class="list-pf-container">
114
- <div class="list-pf-select">
115
- <input type="checkbox">
116
- </div>
117
- <div class="list-pf-content">
118
- Selectable list row content
119
- </div>
120
- </div>
121
- </div>
122
- </div>
123
-
124
- <!-- empty list with expansion and checkbox -->
125
- <h3>Basic list with row selection and expansion</h3>
126
- <div class="list-pf">
127
-
128
- <div class="list-pf-item ">
129
- <div class="list-pf-container">
130
- <div class="list-pf-chevron">
131
- <span class="fa fa-angle-right"></span>
132
- </div>
133
- <div class="list-pf-select">
134
- <input type="checkbox">
135
- </div>
136
- <div class="list-pf-content">
137
- Expandable and selectable list row content
138
- </div>
139
- </div>
140
-
141
- <!-- expansion --->
142
- <div class="list-pf-expansion collapse">
143
- <div class="list-pf-container" tabindex="0">
144
- <div class="list-pf-content">
145
- This is a second level section
146
- </div>
147
- </div> <!-- /list-pf-container -->
148
- </div> <!-- /list-pf-expansion level 3 -->
149
-
150
- </div>
151
-
152
- </div>
153
-
154
- <!-- empty list with expansion and checkbox -->
155
- <h3>Basic list with expand element instead of standard collapse</h3>
156
- <div class="list-pf">
157
-
158
- <div class="list-pf-item" data-list="expansion">
159
- <div class="list-pf-container">
160
- <div class="list-pf-chevron">
161
- <span class="fa fa-angle-right"></span>
162
- </div>
163
- <div class="list-pf-content">
164
- <div class="list-pf-main-content">
165
- <button data-list="toggle">Collapse</button>
166
- <span class="list-pf-title">First line</span>
167
- </div>
168
- </div>
169
- </div> <!-- /list-pf-container -->
170
-
171
- <div class="list-pf-expansion collapse">
172
- <div class="list-pf-container" tabindex="0">
173
- <div class="list-pf-chevron">
174
- <span class="fa fa-angle-right"></span>
175
- </div>
176
- <div class="list-pf-content">
177
- This is a first level section
178
- </div>
179
- </div> <!-- /list-pf-container -->
180
-
181
- <div class="list-pf-expansion collapse">
182
- <div class="list-pf-container" tabindex="0">
183
- <div class="list-pf-content">
184
- This is a second level section
185
- </div>
186
- </div> <!-- /list-pf-container -->
187
- </div> <!-- /list-pf-expansion level 3 -->
188
-
189
- </div> <!-- /list-pf-expansion level 2 -->
190
- </div> <!-- /list-pf-expansion level 1 -->
191
-
192
- </div>
193
-
194
- <!-- row with content -->
195
- <h3>List with content items</h3>
196
- <div class="list-pf">
197
-
198
- <div class="list-pf-item ">
199
- <div class="list-pf-container">
200
- <div class="list-pf-select">
201
- <input type="checkbox">
202
- </div>
203
- <div class="list-pf-content">
204
- <div class="list-pf-left">
205
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
206
- </div>
207
- <div class="list-pf-content-wrapper">
208
- <div class="list-pf-main-content ">
209
-
210
- <div class="list-pf-title">Event One</div>
211
- <div class="list-pf-description text-overflow-pf">Description of event one with <a href="">link text.</a></div>
212
- </div>
213
- <div class="list-pf-additional-content">
214
- additional content
215
- </div>
216
- </div>
217
- <div class="list-pf-actions">
218
- <button class="btn btn-default">Action</button>
219
- <div class="dropdown pull-right dropdown-kebab-pf">
220
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
221
- <span class="fa fa-ellipsis-v"></span>
222
- </button>
223
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight1">
224
- <li><a href="#">Action</a></li>
225
- <li><a href="#">Another action</a></li>
226
- <li><a href="#">Something else here</a></li>
227
- <li role="separator" class="divider"></li>
228
- <li><a href="#">Separated link</a></li>
229
- </ul>
230
- </div>
231
-
232
- </div>
233
- </div>
234
- </div>
235
-
236
- </div>
237
- <div class="list-pf-item ">
238
- <div class="list-pf-container">
239
- <div class="list-pf-select">
240
- <input type="checkbox">
241
- </div>
242
- <div class="list-pf-content">
243
- <div class="list-pf-left">
244
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
245
- </div>
246
- <div class="list-pf-content-wrapper">
247
- <div class="list-pf-main-content ">
248
-
249
- <div class="list-pf-title">Event One with a longer title</div>
250
- <div class="list-pf-description text-overflow-pf">Description of event one with <a href="">link text.</a></div>
251
- </div>
252
- <div class="list-pf-additional-content">
253
- additional content
254
- </div>
255
- </div>
256
- <div class="list-pf-actions">
257
- <button class="btn btn-default">Action</button>
258
- <div class="dropdown pull-right dropdown-kebab-pf">
259
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
260
- <span class="fa fa-ellipsis-v"></span>
261
- </button>
262
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight2">
263
- <li><a href="#">Action</a></li>
264
- <li><a href="#">Another action</a></li>
265
- <li><a href="#">Something else here</a></li>
266
- <li role="separator" class="divider"></li>
267
- <li><a href="#">Separated link</a></li>
268
- </ul>
269
- </div>
270
-
271
- </div>
272
- </div>
273
- </div>
274
-
275
- </div>
276
- <div class="list-pf-item">
277
- <div class="list-pf-container">
278
- <div class="list-pf-select">
279
- <input type="checkbox">
280
- </div>
281
- <div class="list-pf-content ">
282
- <div class="list-pf-left">
283
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
284
- </div>
285
- <div class="list-pf-content-wrapper">
286
- <div class="list-pf-main-content">
287
-
288
- <div class="list-pf-title">Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890</div>
289
- <div class="list-pf-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with <a href="">link text.</a> </div>
290
- </div>
291
- <div class="list-pf-additional-content">
292
- additional content
293
- </div>
294
- </div>
295
- <div class="list-pf-actions">
296
- <button class="btn btn-default">Action</button>
297
- <div class="dropdown pull-right dropdown-kebab-pf">
298
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
299
- <span class="fa fa-ellipsis-v"></span>
300
- </button>
301
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
302
- <li><a href="#">Action</a></li>
303
- <li><a href="#">Another action</a></li>
304
- <li><a href="#">Something else here</a></li>
305
- <li role="separator" class="divider"></li>
306
- <li><a href="#">Separated link</a></li>
307
- </ul>
308
- </div>
309
-
310
- </div>
311
- </div>
312
- </div>
313
-
314
- </div>
315
- <!-- add .text-overflow-pf to change text to ellipse instead of wrap -->
316
- <div class="list-pf-item ">
317
- <div class="list-pf-container">
318
- <div class="list-pf-select">
319
- <input type="checkbox">
320
- </div>
321
- <div class="list-pf-content ">
322
- <div class="list-pf-left">
323
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
324
- </div>
325
- <div class="list-pf-content-wrapper">
326
- <div class="list-pf-main-content">
327
-
328
- <div class="list-pf-title text-overflow-pf">Ellipsed text variation Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890</div>
329
- <div class="list-pf-description text-overflow-pf">Ellipsed text variation Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with <a href="">link text.</a> </div>
330
- </div>
331
- <div class="list-pf-additional-content text-overflow-pf">
332
- additional content
333
- </div>
334
- </div>
335
- <div class="list-pf-actions">
336
- <button class="btn btn-default">Action</button>
337
- <div class="dropdown pull-right dropdown-kebab-pf">
338
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
339
- <span class="fa fa-ellipsis-v"></span>
340
- </button>
341
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight4">
342
- <li><a href="#">Action</a></li>
343
- <li><a href="#">Another action</a></li>
344
- <li><a href="#">Something else here</a></li>
345
- <li role="separator" class="divider"></li>
346
- <li><a href="#">Separated link</a></li>
347
- </ul>
348
- </div>
349
-
350
- </div>
351
- </div>
352
- </div>
353
-
354
- </div>
355
-
356
- </div>
357
-
358
- <!-- row with main content stacked -->
359
- <h3>List with content items, stacked main content option</h3>
360
- <div class="list-pf list-pf-stacked">
361
- <div class="list-pf-item">
362
- <div class="list-pf-container">
363
- <div class="list-pf-select">
364
- <input type="checkbox">
365
- </div>
366
- <div class="list-pf-content ">
367
- <div class="list-pf-left">
368
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
369
- </div>
370
- <div class="list-pf-content-wrapper">
371
- <div class="list-pf-main-content">
372
-
373
- <div class="list-pf-title text-overflow-pf">Event One</div>
374
- <div class="list-pf-description">This event is shown with a stacked display</div>
375
- </div>
376
- <div class="list-pf-additional-content">
377
- additional content
378
- </div>
379
- </div>
380
- <div class="list-pf-actions">
381
- <button class="btn btn-default">Action</button>
382
- <div class="dropdown pull-right dropdown-kebab-pf">
383
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
384
- <span class="fa fa-ellipsis-v"></span>
385
- </button>
386
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight5">
387
- <li><a href="#">Action</a></li>
388
- <li><a href="#">Another action</a></li>
389
- <li><a href="#">Something else here</a></li>
390
- <li role="separator" class="divider"></li>
391
- <li><a href="#">Separated link</a></li>
392
- </ul>
393
- </div>
394
-
395
- </div>
396
- </div>
397
- </div>
398
-
399
- </div>
400
- <div class="list-pf-item">
401
- <div class="list-pf-container">
402
- <div class="list-pf-select">
403
- <input type="checkbox">
404
- </div>
405
- <div class="list-pf-content ">
406
- <div class="list-pf-left">
407
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
408
- </div>
409
- <div class="list-pf-content-wrapper">
410
- <div class="list-pf-main-content">
411
-
412
- <div class="list-pf-title text-overflow-pf">Event One with a longer title</div>
413
- <div class="list-pf-description">This event is shown with a stacked display</div>
414
- </div>
415
- <div class="list-pf-additional-content">
416
- additional content
417
- </div>
418
- </div>
419
- <div class="list-pf-actions">
420
- <button class="btn btn-default">Action</button>
421
- <div class="dropdown pull-right dropdown-kebab-pf">
422
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
423
- <span class="fa fa-ellipsis-v"></span>
424
- </button>
425
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight6">
426
- <li><a href="#">Action</a></li>
427
- <li><a href="#">Another action</a></li>
428
- <li><a href="#">Something else here</a></li>
429
- <li role="separator" class="divider"></li>
430
- <li><a href="#">Separated link</a></li>
431
- </ul>
432
- </div>
433
-
434
- </div>
435
- </div>
436
- </div>
437
-
438
- </div>
439
- <div class="list-pf-item">
440
- <div class="list-pf-container">
441
- <div class="list-pf-select">
442
- <input type="checkbox">
443
- </div>
444
- <div class="list-pf-content ">
445
- <div class="list-pf-left">
446
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
447
- </div>
448
- <div class="list-pf-content-wrapper">
449
- <div class="list-pf-main-content">
450
-
451
- <div class="list-pf-title">Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890</div>
452
- <div class="list-pf-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with <a href="">link text.</a> </div>
453
- </div>
454
- <div class="list-pf-additional-content">
455
- additional content
456
- </div>
457
- </div>
458
- <div class="list-pf-actions">
459
- <button class="btn btn-default">Action</button>
460
- <div class="dropdown pull-right dropdown-kebab-pf">
461
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
462
- <span class="fa fa-ellipsis-v"></span>
463
- </button>
464
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight7">
465
- <li><a href="#">Action</a></li>
466
- <li><a href="#">Another action</a></li>
467
- <li><a href="#">Something else here</a></li>
468
- <li role="separator" class="divider"></li>
469
- <li><a href="#">Separated link</a></li>
470
- </ul>
471
- </div>
472
-
473
- </div>
474
- </div>
475
- </div>
476
-
477
- </div>
478
- <!-- add .text-overflow-pf to change text to ellipse instead of wrap -->
479
- <div class="list-pf-item">
480
- <div class="list-pf-container">
481
- <div class="list-pf-select">
482
- <input type="checkbox">
483
- </div>
484
- <div class="list-pf-content ">
485
- <div class="list-pf-left">
486
- <span class="fa fa-plane list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
487
- </div>
488
- <div class="list-pf-content-wrapper">
489
- <div class="list-pf-main-content">
490
-
491
- <div class="list-pf-title text-overflow-pf">Ellipsed title variation Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890</div>
492
- <div class="list-pf-description text-overflow-pf">Ellipsed description variation Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with <a href="">link text.</a> </div>
493
- </div>
494
- <div class="list-pf-additional-content">
495
- additional content
496
- </div>
497
- </div>
498
- <div class="list-pf-actions">
499
- <button class="btn btn-default">Action</button>
500
- <div class="dropdown pull-right dropdown-kebab-pf">
501
- <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight8" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
502
- <span class="fa fa-ellipsis-v"></span>
503
- </button>
504
- <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight8">
505
- <li><a href="#">Action</a></li>
506
- <li><a href="#">Another action</a></li>
507
- <li><a href="#">Something else here</a></li>
508
- <li role="separator" class="divider"></li>
509
- <li><a href="#">Separated link</a></li>
510
- </ul>
511
- </div>
512
-
513
- </div>
514
- </div>
515
- </div>
516
-
517
- </div>
518
-
519
- </div>
520
-
521
- <script>
522
- $(document).ready(function() {
523
- $('.list-pf').pfList();
524
- });
525
- </script>
526
-
527
- </div><!-- /container -->
528
- </body>
529
- </html>