patternfly-sass 3.8.1 → 3.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +1 -1
  3. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  4. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  6. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  7. data/assets/images/patternfly/logo-alt.svg +18 -18
  8. data/assets/images/patternfly/logo.svg +22 -22
  9. data/assets/javascripts/patternfly.js +1 -1
  10. data/assets/javascripts/patternfly.min.js +1 -1
  11. data/assets/stylesheets/_patternfly.scss +1 -0
  12. data/assets/stylesheets/patternfly/_card-view.scss +106 -0
  13. data/assets/stylesheets/patternfly/_cards.scss +5 -1
  14. data/assets/stylesheets/patternfly/_icons.scss +3 -1
  15. data/assets/stylesheets/patternfly/_layouts.scss +7 -0
  16. data/assets/stylesheets/patternfly/_list-group.scss +16 -0
  17. data/assets/stylesheets/patternfly/_notifications-drawer.scss +34 -2
  18. data/assets/stylesheets/patternfly/_toast.scss +21 -3
  19. data/assets/stylesheets/patternfly/_toolbar.scss +3 -1
  20. data/assets/stylesheets/patternfly/_variables.scss +2 -0
  21. data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +7 -7
  22. data/bower.json +3 -2
  23. data/lib/patternfly-sass/version.rb +2 -2
  24. data/spec/html/about-modal.html +1 -0
  25. data/spec/html/accordions.html +1 -0
  26. data/spec/html/alerts.html +1 -0
  27. data/spec/html/area-charts.html +1 -0
  28. data/spec/html/badges.html +1 -0
  29. data/spec/html/bar-charts.html +1 -0
  30. data/spec/html/basic.html +14 -6
  31. data/spec/html/blank-slate.html +1 -0
  32. data/spec/html/bootstrap-combobox.html +1 -0
  33. data/spec/html/bootstrap-datepicker.html +2 -1
  34. data/spec/html/bootstrap-select.html +1 -0
  35. data/spec/html/bootstrap-switch.html +1 -0
  36. data/spec/html/bootstrap-touchspin.html +1 -0
  37. data/spec/html/bootstrap-treeview-2.html +14 -6
  38. data/spec/html/bootstrap-treeview.html +1 -0
  39. data/spec/html/breadcrumbs.html +1 -0
  40. data/spec/html/buttons.html +1 -0
  41. data/spec/html/card-view-card-variations.html +201 -0
  42. data/spec/html/card-view-multi-select.html +689 -0
  43. data/spec/html/card-view-single-select.html +439 -0
  44. data/spec/html/cards.html +14 -6
  45. data/spec/html/code.html +1 -0
  46. data/spec/html/dashboard.html +14 -6
  47. data/spec/html/datatables-columns.html +1 -0
  48. data/spec/html/datatables.html +1 -0
  49. data/spec/html/dist/css/patternfly-additions.css +197 -6
  50. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  51. data/spec/html/dist/css/patternfly-additions.min.css +1 -1
  52. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  53. data/spec/html/dist/css/patternfly.css +13 -0
  54. data/spec/html/dist/css/patternfly.css.map +1 -1
  55. data/spec/html/dist/css/patternfly.min.css +2 -2
  56. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  57. data/spec/html/donut-charts.html +1 -0
  58. data/spec/html/dropdowns.html +1 -0
  59. data/spec/html/form.html +14 -6
  60. data/spec/html/forms.html +1 -0
  61. data/spec/html/horizontal-navigation.html +10 -8
  62. data/spec/html/icons.html +5 -0
  63. data/spec/html/index.html +10 -0
  64. data/spec/html/infotip.html +1 -0
  65. data/spec/html/labels.html +1 -0
  66. data/spec/html/line-charts.html +1 -0
  67. data/spec/html/list-group.html +1 -0
  68. data/spec/html/list-view-rows.html +1 -0
  69. data/spec/html/list-view.html +8 -6
  70. data/spec/html/login.html +8 -6
  71. data/spec/html/modals.html +1 -0
  72. data/spec/html/navbar.html +1 -0
  73. data/spec/html/notification-drawer-horizontal-nav.html +25 -8
  74. data/spec/html/notification-drawer-vertical-nav.html +23 -6
  75. data/spec/html/pagination.html +1 -0
  76. data/spec/html/panels.html +1 -0
  77. data/spec/html/pie-charts.html +1 -0
  78. data/spec/html/popovers.html +1 -0
  79. data/spec/html/progress-bars.html +1 -0
  80. data/spec/html/search.html +1 -0
  81. data/spec/html/spinner.html +1 -0
  82. data/spec/html/tab.html +14 -6
  83. data/spec/html/tables.html +1 -0
  84. data/spec/html/tabs.html +1 -0
  85. data/spec/html/time-picker.html +1 -0
  86. data/spec/html/toast.html +26 -77
  87. data/spec/html/toolbar.html +1 -0
  88. data/spec/html/tooltip.html +1 -0
  89. data/spec/html/typography-2.html +14 -6
  90. data/spec/html/typography.html +1 -0
  91. data/spec/html/utilization-bar-charts.html +1 -0
  92. data/spec/html/vertical-navigation-primary-only.html +8 -6
  93. data/spec/html/vertical-navigation-with-secondary.html +8 -6
  94. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +8 -6
  95. data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -6
  96. data/spec/html/wizard.html +1 -0
  97. metadata +9 -2
data/spec/html/toast.html CHANGED
@@ -29,6 +29,7 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
+ </div>
32
33
 
33
34
  <body>
34
35
  <div class="container">
@@ -40,40 +41,23 @@
40
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>.
41
42
  </div>
42
43
  <hr>
43
- <div class="toast-pf alert alert-success">
44
- <div class="pull-right toast-pf-action">
45
- <a href="#">Start Server</a>
46
- </div>
47
- <span class="pficon pficon-ok"></span>
48
- <strong>server</strong> has been added to <a href="#" class="alert-link">main server</a>.
49
- </div>
50
- <br>
51
- <div class="toast-pf alert alert-warning">
52
- <div class="pull-right toast-pf-action">
53
- <a href="#">Reload Server</a>
54
- </div>
55
- <span class="pficon pficon-warning-triangle-o"></span>
56
- The server configuration changed.
57
- </div>
58
- <br>
59
- <div class="toast-pf alert alert-danger">
60
- <div class="pull-right toast-pf-action">
61
- <a href="#">Retry</a>
62
- </div>
63
- <span class="pficon pficon-error-circle-o"></span>
64
- Failed to add <strong>server_abc</strong>.
65
- </div>
66
- <br>
67
- <div class="toast-pf alert alert-info">
68
- <div class="pull-right toast-pf-action">
69
- <a href="#">View Details</a>
70
- </div>
71
- <span class="pficon pficon-info"></span>
72
- This server is in the North West Datacenter.
73
- </div>
74
- <hr>
75
- <div class="toast-pf alert alert-info">
76
- <div class="dropdown pull-right dropdown-kebab-pf">
44
+ <div class="toast-notifications-list-pf">
45
+ <div class="toast-pf alert alert-success">
46
+ <div class="pull-right toast-pf-action">
47
+ <a href="#">Start Server</a>
48
+ </div>
49
+ <span class="pficon pficon-ok"></span>
50
+ <strong>server</strong> has been added.
51
+ </div>
52
+ <div class="toast-pf alert alert-danger alert-dismissable">
53
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
54
+ <span class="pficon pficon-close"></span>
55
+ </button>
56
+ <span class="pficon pficon-error-circle-o"></span>
57
+ Failed to add <strong>server_abc</strong>.
58
+ </div>
59
+ <div class="toast-pf alert alert-warning">
60
+ <div class="dropdown pull-right dropdown-kebab-pf">
77
61
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
78
62
  <span class="fa fa-ellipsis-v"></span>
79
63
  </button>
@@ -86,53 +70,18 @@
86
70
  </ul>
87
71
  </div>
88
72
 
89
- <div class="pull-right toast-pf-action">
90
- <a href="#">Reload Server</a>
73
+ <div class="pull-right toast-pf-action">
74
+ <a href="#">Reload Server</a>
75
+ </div>
76
+ <span class="pficon pficon-warning-triangle-o"></span>
77
+ The server configuration changed.
91
78
  </div>
92
- <span class="pficon pficon-info"></span>
93
- <strong>Great job!</strong> This is really working out.
94
- </div>
95
-
96
- <br>
97
- <div class="toast-pf alert alert-success alert-dismissable">
98
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
99
- <span class="pficon pficon-close"></span>
100
- </button>
101
- <span class="pficon pficon-ok"></span>
102
- The server configuration changed.
103
- </div>
104
-
105
- <br>
106
- <div class="toast-pf alert alert-warning alert-dismissable">
107
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
108
- <span class="pficon pficon-close"></span>
109
- </button>
110
- <div class="pull-right toast-pf-action">
111
- <a href="#">Reload Server</a>
79
+ <div class="toast-pf alert alert-info">
80
+ <span class="pficon pficon-info"></span>
81
+ Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
112
82
  </div>
113
- <span class="pficon pficon-warning-triangle-o"></span>
114
- The server configuration changed.
115
83
  </div>
116
84
 
117
- <br>
118
- <div class="toast-pf alert alert-danger">
119
- <span class="pficon pficon-error-circle-o"></span>
120
- Failed to add <strong>server_abc</strong>.
121
- </div>
122
-
123
- <hr>
124
- <div class="toast-pf toast-pf-max-width alert alert-warning alert-dismissable">
125
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
126
- <span class="pficon pficon-close"></span>
127
- </button>
128
- <div class="pull-right toast-pf-action">
129
- <a href="#">Reload Server</a>
130
- </div>
131
- <span class="pficon pficon-warning-triangle-o"></span>
132
- Max-width is set on this example.
133
- </div>
134
-
135
-
136
85
  </div><!-- /container -->
137
86
  </body>
138
87
  </html>
@@ -29,6 +29,7 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
+ </div>
32
33
 
33
34
  <body>
34
35
  <div class="container">
@@ -29,6 +29,7 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
+ </div>
32
33
 
33
34
  <body>
34
35
  <div class="container">
@@ -30,12 +30,14 @@
30
30
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
31
31
  <script src="../../dist/js/patternfly.min.js"></script>
32
32
  </head>
33
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
34
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
35
- <span class="pficon pficon-close"></span>
36
- </button>
37
- <span class="pficon pficon-warning-triangle-o"></span>
38
- 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>.
33
+ <div class="toast-notifications-list-pf">
34
+ <div class="toast-pf alert alert-warning alert-dismissable">
35
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
36
+ <span class="pficon pficon-close"></span>
37
+ </button>
38
+ <span class="pficon pficon-warning-triangle-o"></span>
39
+ 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>.
40
+ </div>
39
41
  </div>
40
42
 
41
43
  <body>
@@ -121,6 +123,12 @@
121
123
  <li class="active">
122
124
  <a href="typography-2.html" class="active">Typography</a>
123
125
  </li>
126
+ <li>
127
+ <a href="card-view-multi-select.html">Card View - Multi Select</a>
128
+ </li>
129
+ <li>
130
+ <a href="card-view-single-select.html">Card View - Single Select</a>
131
+ </li>
124
132
  <li>
125
133
  <a href="cards.html">Cards</a>
126
134
  </li>
@@ -29,6 +29,7 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
+ </div>
32
33
 
33
34
  <body>
34
35
  <div class="container">
@@ -31,6 +31,7 @@
31
31
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
32
32
  <script src="../../dist/js/patternfly.min.js"></script>
33
33
  </head>
34
+ </div>
34
35
 
35
36
  <body>
36
37
  <div class="container">
@@ -32,12 +32,14 @@
32
32
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
36
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
37
- <span class="pficon pficon-close"></span>
38
- </button>
39
- <span class="pficon pficon-warning-triangle-o"></span>
40
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
35
+ <div class="toast-notifications-list-pf">
36
+ <div class="toast-pf alert alert-warning alert-dismissable">
37
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
38
+ <span class="pficon pficon-close"></span>
39
+ </button>
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>
41
43
  </div>
42
44
 
43
45
  <body class="cards-pf">
@@ -32,12 +32,14 @@
32
32
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
36
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
37
- <span class="pficon pficon-close"></span>
38
- </button>
39
- <span class="pficon pficon-warning-triangle-o"></span>
40
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
35
+ <div class="toast-notifications-list-pf">
36
+ <div class="toast-pf alert alert-warning alert-dismissable">
37
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
38
+ <span class="pficon pficon-close"></span>
39
+ </button>
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>
41
43
  </div>
42
44
 
43
45
  <body class="cards-pf">
@@ -32,12 +32,14 @@
32
32
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
36
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
37
- <span class="pficon pficon-close"></span>
38
- </button>
39
- <span class="pficon pficon-warning-triangle-o"></span>
40
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
35
+ <div class="toast-notifications-list-pf">
36
+ <div class="toast-pf alert alert-warning alert-dismissable">
37
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
38
+ <span class="pficon pficon-close"></span>
39
+ </button>
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>
41
43
  </div>
42
44
 
43
45
  <body class="cards-pf">
@@ -32,12 +32,14 @@
32
32
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
- <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
36
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
37
- <span class="pficon pficon-close"></span>
38
- </button>
39
- <span class="pficon pficon-warning-triangle-o"></span>
40
- These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
35
+ <div class="toast-notifications-list-pf">
36
+ <div class="toast-pf alert alert-warning alert-dismissable">
37
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
38
+ <span class="pficon pficon-close"></span>
39
+ </button>
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>
41
43
  </div>
42
44
 
43
45
  <body class="cards-pf">
@@ -29,6 +29,7 @@
29
29
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
30
  <script src="../../dist/js/patternfly.min.js"></script>
31
31
  </head>
32
+ </div>
32
33
 
33
34
  <body>
34
35
  <div class="container">
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: patternfly-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.8.1
4
+ version: 3.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dávid Halász
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2016-08-12 00:00:00.000000000 Z
12
+ date: 2016-08-25 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -296,6 +296,7 @@ files:
296
296
  - assets/stylesheets/patternfly/_bootstrap-treeview.scss
297
297
  - assets/stylesheets/patternfly/_breadcrumbs.scss
298
298
  - assets/stylesheets/patternfly/_buttons.scss
299
+ - assets/stylesheets/patternfly/_card-view.scss
299
300
  - assets/stylesheets/patternfly/_cards.scss
300
301
  - assets/stylesheets/patternfly/_charts.scss
301
302
  - assets/stylesheets/patternfly/_close.scss
@@ -376,6 +377,9 @@ files:
376
377
  - spec/html/bootstrap-treeview.html
377
378
  - spec/html/breadcrumbs.html
378
379
  - spec/html/buttons.html
380
+ - spec/html/card-view-card-variations.html
381
+ - spec/html/card-view-multi-select.html
382
+ - spec/html/card-view-single-select.html
379
383
  - spec/html/cards.html
380
384
  - spec/html/code.html
381
385
  - spec/html/dashboard.html
@@ -479,6 +483,9 @@ test_files:
479
483
  - spec/html/bootstrap-treeview.html
480
484
  - spec/html/breadcrumbs.html
481
485
  - spec/html/buttons.html
486
+ - spec/html/card-view-card-variations.html
487
+ - spec/html/card-view-multi-select.html
488
+ - spec/html/card-view-single-select.html
482
489
  - spec/html/cards.html
483
490
  - spec/html/code.html
484
491
  - spec/html/dashboard.html