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
@@ -1,320 +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>Pagination - 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="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
32
- <script src="./../../dist/js/patternfly.min.js"></script>
33
- </head>
34
-
35
- <body>
36
- <div class="container">
37
- <div class="page-header">
38
- <h1>Pagination</h1>
39
- </div>
40
- <div class="alert alert-warning">
41
- <span class="pficon pficon-warning-triangle-o"></span>
42
- 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>.
43
- </div>
44
- <hr>
45
- <h2>Pager - default size</h2>
46
- <ul class="pager">
47
- <li class="previous">
48
- <a href="#">
49
- <span class="i fa fa-angle-left"></span>
50
- Previous
51
- </a>
52
- </li>
53
- <li class="next">
54
- <a href="#">
55
- Next
56
- <span class="i fa fa-angle-right"></span>
57
- </a>
58
- </li>
59
- </ul>
60
- <ul class="pager">
61
- <li class="previous disabled">
62
- <a href="#">
63
- <span class="i fa fa-angle-left"></span>
64
- Previous
65
- </a>
66
- </li>
67
- <li class="next disabled">
68
- <a href="#">
69
- Next
70
- <span class="i fa fa-angle-right"></span>
71
- </a>
72
- </li>
73
- </ul>
74
- <hr>
75
- <h2>Pager - mini size</h2>
76
- <ul class="pager pager-sm">
77
- <li class="previous">
78
- <a href="#">
79
- <span class="i fa fa-angle-left"></span>
80
- Previous
81
- </a>
82
- </li>
83
- <li class="next">
84
- <a href="#">
85
- Next
86
- <span class="i fa fa-angle-right"></span>
87
- </a>
88
- </li>
89
- </ul>
90
- <ul class="pager pager-sm">
91
- <li class="previous disabled">
92
- <a href="#">
93
- <span class="i fa fa-angle-left"></span>
94
- Previous
95
- </a>
96
- </li>
97
- <li class="next disabled">
98
- <a href="#">
99
- Next
100
- <span class="i fa fa-angle-right"></span>
101
- </a>
102
- </li>
103
- </ul>
104
- <hr>
105
- <h2>Pagination - default size</h2>
106
- <ul class="pagination">
107
- <li>
108
- <a href="#">
109
- <span class="i fa fa-angle-left"></span>
110
- </a>
111
- </li>
112
- <li>
113
- <a href="#">1</a>
114
- </li>
115
- <li>
116
- <a href="#">2</a>
117
- </li>
118
- <li>
119
- <a href="#">3</a>
120
- </li>
121
- <li>
122
- <a href="#">4</a>
123
- </li>
124
- <li>
125
- <a href="#">5</a>
126
- </li>
127
- <li>
128
- <a href="#">
129
- <span class="i fa fa-angle-right"></span>
130
- </a>
131
- </li>
132
- </ul>
133
- <ul class="pagination">
134
- <li class="disabled">
135
- <span>
136
- <span class="i fa fa-angle-left"></span>
137
- </span>
138
- </li>
139
- <li class="active">
140
- <span>
141
- 1
142
- <span class="sr-only">(current)</span>
143
- </span>
144
- </li>
145
- <li>
146
- <a href="#">2</a>
147
- </li>
148
- <li>
149
- <a href="#">3</a>
150
- </li>
151
- <li>
152
- <a href="#">4</a>
153
- </li>
154
- <li>
155
- <a href="#">5</a>
156
- </li>
157
- <li>
158
- <a href="#">
159
- <span class="i fa fa-angle-right"></span>
160
- </a>
161
- </li>
162
- </ul>
163
- <ul class="pagination">
164
- <li class="disabled">
165
- <span>
166
- <span class="i fa fa-angle-left"></span>
167
- </span>
168
- </li>
169
- <li class="disabled">
170
- <span>
171
- 1
172
- <span class="sr-only">(current)</span>
173
- </span>
174
- </li>
175
- <li class="disabled">
176
- <a href="#">2</a>
177
- </li>
178
- <li class="disabled">
179
- <a href="#">3</a>
180
- </li>
181
- <li class="disabled">
182
- <a href="#">4</a>
183
- </li>
184
- <li class="disabled">
185
- <a href="#">5</a>
186
- </li>
187
- <li class="disabled">
188
- <a href="#">
189
- <span class="i fa fa-angle-right"></span>
190
- </a>
191
- </li>
192
- </ul>
193
- <hr>
194
- <h2>Pagination - mini size</h2>
195
- <ul class="pagination pagination-sm">
196
- <li>
197
- <a href="#">
198
- <span class="i fa fa-angle-left"></span>
199
- </a>
200
- </li>
201
- <li>
202
- <a href="#">1</a>
203
- </li>
204
- <li>
205
- <a href="#">2</a>
206
- </li>
207
- <li>
208
- <a href="#">3</a>
209
- </li>
210
- <li>
211
- <a href="#">4</a>
212
- </li>
213
- <li>
214
- <a href="#">5</a>
215
- </li>
216
- <li>
217
- <a href="#">
218
- <span class="i fa fa-angle-right"></span>
219
- </a>
220
- </li>
221
- </ul>
222
- <ul class="pagination pagination-sm">
223
- <li class="disabled">
224
- <span>
225
- <span class="i fa fa-angle-left"></span>
226
- </span>
227
- </li>
228
- <li class="active">
229
- <span>
230
- 1
231
- <span class="sr-only">(current)</span>
232
- </span>
233
- </li>
234
- <li>
235
- <a href="#">2</a>
236
- </li>
237
- <li>
238
- <a href="#">3</a>
239
- </li>
240
- <li>
241
- <a href="#">4</a>
242
- </li>
243
- <li>
244
- <a href="#">5</a>
245
- </li>
246
- <li>
247
- <a href="#">
248
- <span class="i fa fa-angle-right"></span>
249
- </a>
250
- </li>
251
- </ul>
252
- <ul class="pagination pagination-sm">
253
- <li class="disabled">
254
- <span>
255
- <span class="i fa fa-angle-left"></span>
256
- </span>
257
- </li>
258
- <li class="disabled">
259
- <span>
260
- 1
261
- <span class="sr-only">(current)</span>
262
- </span>
263
- </li>
264
- <li class="disabled">
265
- <a href="#">2</a>
266
- </li>
267
- <li class="disabled">
268
- <a href="#">3</a>
269
- </li>
270
- <li class="disabled">
271
- <a href="#">4</a>
272
- </li>
273
- <li class="disabled">
274
- <a href="#">5</a>
275
- </li>
276
- <li class="disabled">
277
- <a href="#">
278
- <span class="i fa fa-angle-right"></span>
279
- </a>
280
- </li>
281
- </ul>
282
- <hr>
283
- <h2>Pagination row for card, list, and table views</h2>
284
- <p>The following control can be seen in these examples:</p>
285
- <ul>
286
- <li><a href="pagination-card-view.html">Card View</a></li>
287
- <li><a href="pagination-list-view.html">List View</a></li>
288
- <li><a href="pagination-table-view.html">Table View</a></li>
289
- </ul>
290
- <form class="content-view-pf-pagination clearfix" id="">
291
- <div class="form-group">
292
- <select class="selectpicker pagination-pf-pagesize">
293
- <option value="6">6</option>
294
- <option value="10" >10</option>
295
- <option value="15" >15</option>
296
- <option value="25">25</option>
297
- <option value="50">50</option>
298
- </select>
299
- <span>per page</span>
300
- </div>
301
- <div class="form-group">
302
- <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
303
- <ul class="pagination pagination-pf-back">
304
- <li class="disabled"><a href="#" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
305
- <li class="disabled"><a href="#" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
306
- </ul>
307
- <label for="-page" class="sr-only">Current Page</label>
308
- <input class="pagination-pf-page" type="text" value="1" id="-page"/>
309
- <span>of <span class="pagination-pf-pages">5</span></span>
310
- <ul class="pagination pagination-pf-forward">
311
- <li><a href="#" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
312
- <li><a href="#" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
313
- </ul>
314
- </div>
315
- </form>
316
-
317
-
318
- </div><!-- /container -->
319
- </body>
320
- </html>
@@ -1,113 +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>Panels - 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>Panels</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
- <div class="panel panel-default">
45
- <div class="panel-heading">Panel heading without title</div>
46
- <div class="panel-body">
47
- Panel content
48
- </div>
49
- </div>
50
- <hr>
51
- <div class="panel panel-default">
52
- <div class="panel-heading">
53
- <h3 class="panel-title">Panel title</h3>
54
- </div>
55
- <div class="panel-body">
56
- Panel content
57
- </div>
58
- </div>
59
- <hr>
60
- <div class="panel panel-default">
61
- <div class="panel-body">
62
- Panel content
63
- </div>
64
- <div class="panel-footer">Panel footer</div>
65
- </div>
66
- <hr>
67
- <div class="panel panel-primary">
68
- <div class="panel-heading">
69
- <h3 class="panel-title">Panel title</h3>
70
- </div>
71
- <div class="panel-body">
72
- Panel content
73
- </div>
74
- </div>
75
- <hr>
76
- <div class="panel panel-success">
77
- <div class="panel-heading">
78
- <h3 class="panel-title">Panel title</h3>
79
- </div>
80
- <div class="panel-body">
81
- Panel content
82
- </div>
83
- </div>
84
- <hr>
85
- <div class="panel panel-info">
86
- <div class="panel-heading">
87
- <h3 class="panel-title">Panel title</h3>
88
- </div>
89
- <div class="panel-body">
90
- Panel content
91
- </div>
92
- </div>
93
- <hr>
94
- <div class="panel panel-warning">
95
- <div class="panel-heading">
96
- <h3 class="panel-title">Panel title</h3>
97
- </div>
98
- <div class="panel-body">
99
- Panel content
100
- </div>
101
- </div>
102
- <hr>
103
- <div class="panel panel-danger">
104
- <div class="panel-heading">
105
- <h3 class="panel-title">Panel title</h3>
106
- </div>
107
- <div class="panel-body">
108
- Panel content
109
- </div>
110
- </div>
111
- </div><!-- /container -->
112
- </body>
113
- </html>
@@ -1,180 +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>Pie Charts - 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="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
32
- <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
- <script src="./../../dist/js/patternfly.min.js"></script>
34
- </head>
35
-
36
- <body>
37
- <div class="container">
38
- <div class="page-header">
39
- <h1>Pie Charts</h1>
40
- </div>
41
- <div class="alert alert-warning">
42
- <span class="pficon pficon-warning-triangle-o"></span>
43
- 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>
44
- </div>
45
- <hr>
46
- <style>
47
- .example-pie-chart, .example-pie-chart-right-legend, .example-pie-chart-bottom-legend {
48
- width: 440px;
49
- }
50
-
51
- .example-pie-chart {
52
- margin-left: 10px;
53
- }
54
-
55
- .example-pie-chart-right-legend {
56
- margin-left: 27px;
57
- }
58
-
59
- .example-pie-chart-bottom-legend {
60
- margin-left: -50px;
61
- }
62
-
63
- .example-pie-chart-mini {
64
- margin-left: 23px;
65
- }
66
- </style>
67
- <div>
68
- <h2>Donut Chart - Relationship to a Whole</h2>
69
- <div>
70
- <div id="donut-chart-no-legend" class="example-pie-chart"></div>
71
- <div id="donut-chart-right-legend" class="example-pie-chart-right-legend"></div>
72
- <div id="donut-chart-bottom-legend" class="example-pie-chart-bottom-legend"></div>
73
- <script>
74
- var c3ChartDefaults = $().c3ChartDefaults();
75
-
76
- var pieData = {
77
- type : 'pie',
78
- colors: {
79
- Dogs: $.pfPaletteColors.red,
80
- Cats: $.pfPaletteColors.blue,
81
- Fish: $.pfPaletteColors.orange,
82
- Hamsters: $.pfPaletteColors.green
83
- },
84
- columns: [
85
- ['Dogs', 3],
86
- ['Cats', 2],
87
- ['Fish', 10],
88
- ['Hamsters', 2]
89
- ],
90
- onclick: function (d, i) { console.log("onclick", d, i); },
91
- onmouseover: function (d, i) { console.log("onmouseover", d, i); },
92
- onmouseout: function (d, i) { console.log("onmouseout", d, i); }
93
- };
94
-
95
- // Pie Chart without Legend
96
- var pieChartConfig = c3ChartDefaults.getDefaultPieConfig();
97
- pieChartConfig.bindto = '#donut-chart-no-legend';
98
- pieChartConfig.data = pieData;
99
- pieChartConfig.size = {
100
- width: 200,
101
- height: 171
102
- };
103
- var pieChartNoLegend = c3.generate(pieChartConfig);
104
-
105
- // Right Legend
106
- var pieChartRightConfig = c3ChartDefaults.getDefaultPieConfig();
107
- pieChartRightConfig.bindto = '#donut-chart-right-legend';
108
- pieChartRightConfig.data = pieData;
109
- pieChartRightConfig.legend = {
110
- show: true,
111
- position: 'right'
112
- };
113
- pieChartRightConfig.size = {
114
- width: 251,
115
- height: 161
116
- };
117
- var pieChartRightLegend = c3.generate(pieChartRightConfig);
118
-
119
- // Pie Chart Bottom Legend
120
- var pieChartBottomConfig = c3ChartDefaults.getDefaultPieConfig();
121
- pieChartBottomConfig.bindto = '#donut-chart-bottom-legend';
122
- pieChartBottomConfig.data = pieData;
123
- pieChartBottomConfig.legend = {
124
- show: true,
125
- position: 'bottom'
126
- };
127
- pieChartBottomConfig.size = {
128
- width: 321,
129
- height: 191
130
- };
131
- var pieChartBottomLegend = c3.generate(pieChartBottomConfig);
132
- </script>
133
-
134
- </div>
135
- <h2>Pie Chart - Small</h2>
136
- <div>
137
- <div id="smallDonutChart" class="pie-chart-pf example-pie-chart-mini"></div>
138
- <div style="text-align: center; width: 220px;">Animals</div>
139
- <script>
140
- var pieData = {
141
- type : 'pie',
142
- colors: {
143
- Dogs: $.pfPaletteColors.red,
144
- Cats: $.pfPaletteColors.blue,
145
- Fish: $.pfPaletteColors.orange,
146
- Hamsters: $.pfPaletteColors.green
147
- },
148
- columns: [
149
- ['Dogs', 3],
150
- ['Cats', 2],
151
- ['Fish', 10],
152
- ['Hamsters', 2]
153
- ],
154
- onclick: function (d, i) { console.log("onclick", d, i); },
155
- onmouseover: function (d, i) { console.log("onmouseover", d, i); },
156
- onmouseout: function (d, i) { console.log("onmouseout", d, i); }
157
- };
158
-
159
- var c3ChartDefaults = $().c3ChartDefaults();
160
- var pieChartSmallConfig = c3ChartDefaults.getDefaultPieConfig();
161
- pieChartSmallConfig.bindto = '#smallDonutChart';
162
- pieChartSmallConfig.data = pieData;
163
- pieChartSmallConfig.legend = {
164
- show: true,
165
- position: 'right'
166
- };
167
- pieChartSmallConfig.size = {
168
- width: 260,
169
- height: 115
170
- };
171
-
172
- var pieChartSmall = c3.generate(pieChartSmallConfig);
173
- </script>
174
-
175
- </div>
176
- </div>
177
-
178
- </div><!-- /container -->
179
- </body>
180
- </html>