bulma-clean-theme 0.14.0 → 1.0.0.beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/_includes/callouts.html +12 -5
  4. data/_includes/cookie-banner.html +1 -1
  5. data/_includes/hero.html +5 -3
  6. data/_includes/showcase.html +8 -6
  7. data/_layouts/default.html +1 -0
  8. data/_layouts/post.html +7 -3
  9. data/_sass/_main.scss +3 -2
  10. data/node_modules/.package-lock.json +211 -8
  11. data/node_modules/bulma/LICENSE +1 -1
  12. data/node_modules/bulma/README.md +56 -52
  13. data/node_modules/bulma/bulma.scss +4 -0
  14. data/node_modules/bulma/css/bulma.css +19282 -8696
  15. data/node_modules/bulma/css/bulma.css.map +1 -1
  16. data/node_modules/bulma/css/bulma.min.css +3 -1
  17. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  18. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  19. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  20. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  21. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  22. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  23. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  24. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  25. data/node_modules/bulma/package.json +25 -20
  26. data/node_modules/bulma/sass/_index.scss +10 -0
  27. data/node_modules/bulma/sass/base/_index.scss +6 -0
  28. data/node_modules/bulma/sass/base/animations.scss +15 -0
  29. data/node_modules/bulma/sass/base/generic.scss +239 -0
  30. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  31. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  32. data/node_modules/bulma/sass/components/_index.scss +13 -0
  33. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  34. data/node_modules/bulma/sass/components/card.scss +162 -0
  35. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  36. data/node_modules/bulma/sass/components/menu.scss +165 -0
  37. data/node_modules/bulma/sass/components/message.scss +183 -0
  38. data/node_modules/bulma/sass/components/modal.scss +164 -0
  39. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  40. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  41. data/node_modules/bulma/sass/components/panel.scss +218 -0
  42. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  43. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  44. data/node_modules/bulma/sass/elements/block.scss +6 -0
  45. data/node_modules/bulma/sass/elements/box.scss +59 -0
  46. data/node_modules/bulma/sass/elements/button.scss +640 -0
  47. data/node_modules/bulma/sass/elements/content.scss +283 -0
  48. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  49. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  50. data/node_modules/bulma/sass/elements/image.scss +62 -0
  51. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  52. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  53. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  54. data/node_modules/bulma/sass/elements/table.scss +261 -0
  55. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  56. data/node_modules/bulma/sass/elements/title.scss +128 -0
  57. data/node_modules/bulma/sass/form/_index.scss +9 -0
  58. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  59. data/node_modules/bulma/sass/form/file.scss +330 -0
  60. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  61. data/node_modules/bulma/sass/form/select.scss +143 -0
  62. data/node_modules/bulma/sass/form/shared.scss +172 -0
  63. data/node_modules/bulma/sass/form/tools.scss +341 -0
  64. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  65. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  66. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  67. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  68. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  69. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  70. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  71. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  72. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  73. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  74. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  75. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  76. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  77. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  78. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  79. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  80. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  81. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  82. data/node_modules/bulma/sass/layout/container.scss +51 -0
  83. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  84. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  85. data/node_modules/bulma/sass/layout/level.scss +107 -0
  86. data/node_modules/bulma/sass/layout/media.scss +106 -0
  87. data/node_modules/bulma/sass/layout/section.scss +34 -0
  88. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  89. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  90. data/node_modules/bulma/sass/themes/light.scss +145 -0
  91. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  92. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  93. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  94. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  95. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  96. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  97. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  98. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  99. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  100. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  101. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  102. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  103. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  104. data/node_modules/bulma-block-list/README.md +12 -6
  105. data/node_modules/bulma-block-list/docs/.nojekyll +0 -0
  106. data/node_modules/bulma-block-list/docs/docs.css +22782 -0
  107. data/node_modules/bulma-block-list/docs/docs.css.map +1 -0
  108. data/node_modules/bulma-block-list/docs/index.html +376 -307
  109. data/node_modules/bulma-block-list/package.json +8 -3
  110. data/node_modules/bulma-block-list/src/block-list.scss +99 -125
  111. data/node_modules/bulma-block-list/src/docs.scss +5 -0
  112. data/package-lock.json +353 -16
  113. data/package.json +2 -2
  114. metadata +97 -82
  115. data/node_modules/bulma/bulma.sass +0 -10
  116. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  117. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  118. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  119. data/node_modules/bulma/sass/base/_all.sass +0 -6
  120. data/node_modules/bulma/sass/base/animations.sass +0 -5
  121. data/node_modules/bulma/sass/base/generic.sass +0 -145
  122. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  123. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  124. data/node_modules/bulma/sass/components/_all.sass +0 -15
  125. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  126. data/node_modules/bulma/sass/components/card.sass +0 -103
  127. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  128. data/node_modules/bulma/sass/components/level.sass +0 -79
  129. data/node_modules/bulma/sass/components/media.sass +0 -59
  130. data/node_modules/bulma/sass/components/menu.sass +0 -59
  131. data/node_modules/bulma/sass/components/message.sass +0 -101
  132. data/node_modules/bulma/sass/components/modal.sass +0 -117
  133. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  134. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  135. data/node_modules/bulma/sass/components/panel.sass +0 -121
  136. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  137. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  138. data/node_modules/bulma/sass/elements/box.sass +0 -26
  139. data/node_modules/bulma/sass/elements/button.sass +0 -357
  140. data/node_modules/bulma/sass/elements/container.sass +0 -29
  141. data/node_modules/bulma/sass/elements/content.sass +0 -162
  142. data/node_modules/bulma/sass/elements/form.sass +0 -1
  143. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  144. data/node_modules/bulma/sass/elements/image.sass +0 -73
  145. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  146. data/node_modules/bulma/sass/elements/other.sass +0 -31
  147. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  148. data/node_modules/bulma/sass/elements/table.sass +0 -134
  149. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  150. data/node_modules/bulma/sass/elements/title.sass +0 -70
  151. data/node_modules/bulma/sass/form/_all.sass +0 -9
  152. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  153. data/node_modules/bulma/sass/form/file.sass +0 -184
  154. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  155. data/node_modules/bulma/sass/form/select.sass +0 -88
  156. data/node_modules/bulma/sass/form/shared.sass +0 -60
  157. data/node_modules/bulma/sass/form/tools.sass +0 -215
  158. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  159. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  160. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  161. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  162. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  163. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  164. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  165. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  166. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  167. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  168. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  169. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  170. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  171. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  172. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  173. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  174. data/node_modules/bulma/sass/layout/section.sass +0 -17
  175. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  176. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  177. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  178. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  179. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  180. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  181. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  182. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  183. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  184. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  185. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  186. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  187. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  188. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  189. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  190. data/node_modules/bulma-block-list/src/demo.scss +0 -3
data/node_modules/bulma-block-list/docs/index.html CHANGED
@@ -1,218 +1,269 @@
1
- ---
2
- title: Bulma Block List
3
- subtitle: Docs
4
- layout: page
5
- menubar: menu
6
- hero_height: is-medium
7
- ---
8
-
9
- <div class="columns is-multiline" markdown="0">
10
- <div class="column is-12 has-text-right">
11
- <a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
12
- <img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
13
- </a>
14
- <a href="https://github.com/chrisrhymes/bulma-block-list/network/members">
15
- <img alt="GitHub forks" src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social">
16
- </a>
17
- <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
18
- </div>
19
- <div class="column is-12">
20
- <div class="content">
21
- <h2 id="installation">Installation</h2>
22
- <ul>
23
- <li><code>npm i -S bulma-block-list</code></li>
24
- <li><code>@import "node_modules/bulma-block-list/src/block-list";</code> after importing Bulma.</li>
25
- </ul>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Bulma Block List</title>
5
+ <link rel="stylesheet" href="docs.css" />
6
+ <link
7
+ rel="stylesheet"
8
+ href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css"
9
+ />
10
+ </head>
11
+ <body>
12
+ <div classs="container">
13
+ <section class="hero is-primary is-medium">
14
+ <div class="hero-body">
15
+ <h1 class="title">Bulma Block List</h1>
16
+ <p class="subtitle">A Bulma extension</p>
26
17
  </div>
27
- </div>
28
- <div class="column is-12">
29
- <div class="content">
30
- <h2 id="how-to-use">How to use</h2>
31
- <p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
32
- </div>
33
- <div class="highlight highlight-text-html-basic">
34
- <pre>
18
+ </section>
19
+ <section class="section">
20
+ <div class="columns is-multiline" markdown="0">
21
+ <div class="column is-12 has-text-right">
22
+ <a
23
+ href="https://github.com/chrisrhymes/bulma-block-list/stargazers"
24
+ >
25
+ <img
26
+ src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social"
27
+ alt="GitHub Stars"
28
+ />
29
+ </a>
30
+ <a
31
+ href="https://github.com/chrisrhymes/bulma-block-list/network/members"
32
+ >
33
+ <img
34
+ alt="GitHub forks"
35
+ src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social"
36
+ />
37
+ </a>
38
+ <img
39
+ alt="npm"
40
+ src="https://img.shields.io/npm/dw/bulma-block-list"
41
+ />
42
+ </div>
43
+ <div class="column is-12">
44
+ <div class="content">
45
+ <h2>Upgrading to v1</h2>
46
+ <p>
47
+ To be compatible with Bulma, version 1 of Bulma Block List
48
+ requires
49
+ <a
50
+ href="https://bulma.io/documentation/start/migrating-to-v1/#what-changes"
51
+ >dart sass</a
52
+ >.
53
+ </p>
54
+ </div>
55
+ </div>
56
+ <div class="column is-12">
57
+ <div class="content">
58
+ <h2 id="installation">Installation</h2>
59
+ <ul>
60
+ <li><code>npm i -S bulma-block-list</code></li>
61
+ <li>
62
+ <code
63
+ >@import
64
+ "node_modules/bulma-block-list/src/block-list";</code
65
+ >
66
+ after importing Bulma.
67
+ </li>
68
+ </ul>
69
+ </div>
70
+ </div>
71
+ <div class="column is-12">
72
+ <div class="content">
73
+ <h2 id="how-to-use">How to use</h2>
74
+ <p>
75
+ Create a ul and give it the class 'block-list' then use the
76
+ modifyers to style as needed. Only some of the colours are
77
+ displayed below but the scss loops through the entire Bulma
78
+ $colors map.
79
+ </p>
80
+ </div>
81
+ <div class="highlight highlight-text-html-basic">
82
+ <pre>
35
83
  &lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>block-list is-small is-outlined is-success is-centered<span class="pl-pds">"</span></span>&gt;
36
84
  &lt;<span class="pl-ent">li</span>&gt;Item one&lt;/<span class="pl-ent">li</span>&gt;
37
85
  &lt;<span class="pl-ent">li</span>&gt;Item two&lt;/<span class="pl-ent">li</span>&gt;
38
86
  &lt;<span class="pl-ent">li</span>&gt;Item three&lt;/<span class="pl-ent">li</span>&gt;
39
87
  &lt;/<span class="pl-ent">ul</span>&gt;</pre>
40
- </div>
41
- </div>
42
- <div class="column is-12">
43
- <p class="title is-4" id="alignment">Alignment</p>
44
- </div>
45
- <div class="column is-4">
46
- <p class="title is-5">is-left (default)</p>
47
- <ul class="block-list is-left">
48
- <li>Item one</li>
49
- <li>Item two</li>
50
- <li>Item three</li>
51
- </ul>
52
- </div>
53
- <div class="column is-4">
54
- <p class="title is-5">is-centered</p>
55
- <ul class="block-list is-centered">
56
- <li>Item one</li>
57
- <li>Item two</li>
58
- <li>Item three</li>
59
- </ul>
60
- </div>
61
- <div class="column is-4">
62
- <p class="title is-5">is-right</p>
63
- <ul class="block-list is-right">
64
- <li>Item one</li>
65
- <li>Item two</li>
66
- <li>Item three</li>
67
- </ul>
68
- </div>
88
+ </div>
89
+ </div>
90
+ <div class="column is-12">
91
+ <p class="title is-4" id="alignment">Alignment</p>
92
+ </div>
93
+ <div class="column is-4">
94
+ <p class="title is-5">is-left (default)</p>
95
+ <ul class="block-list is-left is-light">
96
+ <li>Item one</li>
97
+ <li>Item two</li>
98
+ <li>Item three</li>
99
+ </ul>
100
+ </div>
101
+ <div class="column is-4">
102
+ <p class="title is-5">is-centered</p>
103
+ <ul class="block-list is-centered is-light">
104
+ <li>Item one</li>
105
+ <li>Item two</li>
106
+ <li>Item three</li>
107
+ </ul>
108
+ </div>
109
+ <div class="column is-4">
110
+ <p class="title is-5">is-right</p>
111
+ <ul class="block-list is-right is-light">
112
+ <li>Item one</li>
113
+ <li>Item two</li>
114
+ <li>Item three</li>
115
+ </ul>
116
+ </div>
69
117
 
70
- <div class="column is-12">
71
- <p class="title is-4" id="sizes">Sizes</p>
72
- </div>
73
- <div class="column is-4">
74
- <p class="title is-5">is-small</p>
75
- <ul class="block-list is-small">
76
- <li>Item one</li>
77
- <li>Item two</li>
78
- <li>Item three</li>
79
- </ul>
80
- </div>
81
- <div class="column is-4">
82
- <p class="title is-5">is-normal</p>
83
- <ul class="block-list is-normal">
84
- <li>Item one</li>
85
- <li>Item two</li>
86
- <li>Item three</li>
87
- </ul>
88
- </div>
89
- <div class="column is-4">
90
- <p class="title is-5">is-large</p>
91
- <ul class="block-list is-large">
92
- <li>Item one</li>
93
- <li>Item two</li>
94
- <li>Item three</li>
95
- </ul>
96
- </div>
118
+ <div class="column is-12">
119
+ <p class="title is-4" id="sizes">Sizes</p>
120
+ </div>
121
+ <div class="column is-4">
122
+ <p class="title is-5">is-small</p>
123
+ <ul class="block-list is-small is-light">
124
+ <li>Item one</li>
125
+ <li>Item two</li>
126
+ <li>Item three</li>
127
+ </ul>
128
+ </div>
129
+ <div class="column is-4">
130
+ <p class="title is-5">is-normal</p>
131
+ <ul class="block-list is-normal is-light">
132
+ <li>Item one</li>
133
+ <li>Item two</li>
134
+ <li>Item three</li>
135
+ </ul>
136
+ </div>
137
+ <div class="column is-4">
138
+ <p class="title is-5">is-large</p>
139
+ <ul class="block-list is-large is-light">
140
+ <li>Item one</li>
141
+ <li>Item two</li>
142
+ <li>Item three</li>
143
+ </ul>
144
+ </div>
97
145
 
98
- <div class="column is-12">
99
- <p class="title is-4" id="colours">Colours</p>
100
- </div>
101
- <div class="column is-4">
102
- <p class="title is-5">is-primary</p>
103
- <ul class="block-list is-primary">
104
- <li>Item one</li>
105
- <li>Item two</li>
106
- <li>Item three</li>
107
- </ul>
108
- </div>
109
- <div class="column is-4">
110
- <p class="title is-5">is-info</p>
111
- <ul class="block-list is-info">
112
- <li>Item one</li>
113
- <li>Item two</li>
114
- <li>Item three</li>
115
- </ul>
116
- </div>
117
- <div class="column is-4">
118
- <p class="title is-5">is-dark</p>
119
- <ul class="block-list is-dark">
120
- <li>Item one</li>
121
- <li>Item two</li>
122
- <li>Item three</li>
123
- </ul>
124
- </div>
146
+ <div class="column is-12">
147
+ <p class="title is-4" id="colours">Colours</p>
148
+ </div>
149
+ <div class="column is-4">
150
+ <p class="title is-5">is-primary</p>
151
+ <ul class="block-list is-primary">
152
+ <li>Item one</li>
153
+ <li>Item two</li>
154
+ <li>Item three</li>
155
+ </ul>
156
+ </div>
157
+ <div class="column is-4">
158
+ <p class="title is-5">is-info</p>
159
+ <ul class="block-list is-info">
160
+ <li>Item one</li>
161
+ <li>Item two</li>
162
+ <li>Item three</li>
163
+ </ul>
164
+ </div>
165
+ <div class="column is-4">
166
+ <p class="title is-5">is-dark</p>
167
+ <ul class="block-list is-dark">
168
+ <li>Item one</li>
169
+ <li>Item two</li>
170
+ <li>Item three</li>
171
+ </ul>
172
+ </div>
125
173
 
126
- <div class="column is-12">
127
- <p class="title is-4" id="outlined">Outlined</p>
128
- </div>
129
- <div class="column is-4">
130
- <p class="title is-5">is-outlined</p>
131
- <ul class="block-list is-outlined">
132
- <li>Item one</li>
133
- <li>Item two</li>
134
- <li>Item three</li>
135
- </ul>
136
- </div>
137
- <div class="column is-4">
138
- <p class="title is-5">is-outlined is-primary</p>
139
- <ul class="block-list is-outlined is-primary">
140
- <li>Item one</li>
141
- <li>Item two</li>
142
- <li>Item three</li>
143
- </ul>
144
- </div>
145
- <div class="column is-4">
146
- <p class="title is-5">is-outlined is-dark</p>
147
- <ul class="block-list is-outlined is-dark">
148
- <li>Item one</li>
149
- <li>Item two</li>
150
- <li>Item three</li>
151
- </ul>
152
- </div>
174
+ <div class="column is-12">
175
+ <p class="title is-4" id="outlined">Outlined</p>
176
+ </div>
177
+ <div class="column is-4">
178
+ <p class="title is-5">is-outlined</p>
179
+ <ul class="block-list is-outlined">
180
+ <li>Item one</li>
181
+ <li>Item two</li>
182
+ <li>Item three</li>
183
+ </ul>
184
+ </div>
185
+ <div class="column is-4">
186
+ <p class="title is-5">is-outlined is-primary</p>
187
+ <ul class="block-list is-outlined is-primary">
188
+ <li>Item one</li>
189
+ <li>Item two</li>
190
+ <li>Item three</li>
191
+ </ul>
192
+ </div>
193
+ <div class="column is-4">
194
+ <p class="title is-5">is-outlined is-danger</p>
195
+ <ul class="block-list is-outlined is-danger">
196
+ <li>Item one</li>
197
+ <li>Item two</li>
198
+ <li>Item three</li>
199
+ </ul>
200
+ </div>
153
201
 
154
- <div class="column is-12">
155
- <p class="title is-4" id="has-radius">Has Radius</p>
156
- </div>
157
- <div class="column is-4">
158
- <p class="title is-5">has-radius is-primary </p>
159
- <ul class="block-list has-radius is-primary">
160
- <li>Item one</li>
161
- <li>Item two</li>
162
- <li>Item three</li>
163
- </ul>
164
- </div>
165
- <div class="column is-4">
166
- <p class="title is-5">has-radius is-info</p>
167
- <ul class="block-list has-radius is-info">
168
- <li>Item one</li>
169
- <li>Item two</li>
170
- <li>Item three</li>
171
- </ul>
172
- </div>
173
- <div class="column is-4">
174
- <p class="title is-5">has-radius is-dark</p>
175
- <ul class="block-list has-radius is-dark">
176
- <li>Item one</li>
177
- <li>Item two</li>
178
- <li>Item three</li>
179
- </ul>
180
- </div>
202
+ <div class="column is-12">
203
+ <p class="title is-4" id="has-radius">Has Radius</p>
204
+ </div>
205
+ <div class="column is-4">
206
+ <p class="title is-5">has-radius is-primary</p>
207
+ <ul class="block-list has-radius is-primary">
208
+ <li>Item one</li>
209
+ <li>Item two</li>
210
+ <li>Item three</li>
211
+ </ul>
212
+ </div>
213
+ <div class="column is-4">
214
+ <p class="title is-5">has-radius is-info</p>
215
+ <ul class="block-list has-radius is-info">
216
+ <li>Item one</li>
217
+ <li>Item two</li>
218
+ <li>Item three</li>
219
+ </ul>
220
+ </div>
221
+ <div class="column is-4">
222
+ <p class="title is-5">has-radius is-dark</p>
223
+ <ul class="block-list has-radius is-dark">
224
+ <li>Item one</li>
225
+ <li>Item two</li>
226
+ <li>Item three</li>
227
+ </ul>
228
+ </div>
181
229
 
182
- <div class="column is-12">
183
- <p class="title is-4" id="highlighted">Is Highlighted</p>
184
- <p>In v0.4 you can highlight the all list items or individual list items</p>
185
- </div>
186
- <div class="column is-4">
187
- <p class="title is-5">li.is-highlighted</p>
188
- <ul class="block-list">
189
- <li>Item one</li>
190
- <li class="is-highlighted">Item two</li>
191
- <li>Item three</li>
192
- </ul>
193
- </div>
194
- <div class="column is-4">
195
- <p class="title is-5">is-highlighted is-info</p>
196
- <ul class="block-list is-highlighted is-info">
197
- <li>Item one</li>
198
- <li>Item two</li>
199
- <li>Item three</li>
200
- </ul>
201
- </div>
202
- <div class="column is-4">
203
- <p class="title is-5">is-highlighted is-danger has-radius</p>
204
- <ul class="block-list is-highlighted is-danger has-radius">
205
- <li>Item one</li>
206
- <li>Item two</li>
207
- <li>Item three</li>
208
- </ul>
209
- </div>
230
+ <div class="column is-12">
231
+ <p class="title is-4" id="highlighted">Is Highlighted</p>
232
+ <p>
233
+ In v0.4 you can highlight the all list items or individual list
234
+ items
235
+ </p>
236
+ </div>
237
+ <div class="column is-4">
238
+ <p class="title is-5">li.is-highlighted</p>
239
+ <ul class="block-list">
240
+ <li>Item one</li>
241
+ <li class="is-highlighted">Item two</li>
242
+ <li>Item three</li>
243
+ </ul>
244
+ </div>
245
+ <div class="column is-4">
246
+ <p class="title is-5">is-highlighted is-info</p>
247
+ <ul class="block-list is-highlighted is-info">
248
+ <li>Item one</li>
249
+ <li>Item two</li>
250
+ <li>Item three</li>
251
+ </ul>
252
+ </div>
253
+ <div class="column is-4">
254
+ <p class="title is-5">is-highlighted is-danger has-radius</p>
255
+ <ul class="block-list is-highlighted is-danger has-radius">
256
+ <li>Item one</li>
257
+ <li>Item two</li>
258
+ <li>Item three</li>
259
+ </ul>
260
+ </div>
210
261
 
211
- <div class="column is-12">
212
- <p class="title is-4" id="has-icon">Has Icon</p>
213
- <p>In v0.5 you can add icons</p>
214
- <div class="highlight highlight-text-html-basic">
215
- <pre>
262
+ <div class="column is-12">
263
+ <p class="title is-4" id="has-icon">Has Icon</p>
264
+ <p>In v0.5 you can add icons</p>
265
+ <div class="highlight highlight-text-html-basic">
266
+ <pre>
216
267
  &lt;li class="has-icon"&gt;
217
268
  &lt;span class="icon"&gt;
218
269
  &lt;i class="fas fa-plane"&gt;&lt;/i&gt;
@@ -226,134 +277,152 @@ hero_height: is-medium
226
277
  &lt;span class="icon"&gt;
227
278
  &lt;i class="fas fa-plane"&gt;&lt;/i&gt;
228
279
  &lt;/span&gt;
229
- &lt;/li&gt;</pre>
230
- </div>
231
- </div>
232
- <div class="column is-4">
233
- <p class="title is-5">li.has-icon</p>
234
- <ul class="block-list">
235
- <li class="has-icon">
280
+ &lt;/li&gt;</pre
281
+ >
282
+ </div>
283
+ </div>
284
+ <div class="column is-4">
285
+ <p class="title is-5">li.has-icon</p>
286
+ <ul class="block-list is-light">
287
+ <li class="has-icon">
236
288
  <span class="icon">
237
- <i class="fas fa-plane"></i>
289
+ <i class="fas fa-plane"></i>
238
290
  </span>
239
291
  <span>Item one</span>
240
- </li>
241
- <li class="has-icon">
292
+ </li>
293
+ <li class="has-icon">
242
294
  <span class="icon">
243
- <i class="fas fa-paper-plane"></i>
295
+ <i class="fas fa-paper-plane"></i>
244
296
  </span>
245
- <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
246
- </li>
247
- <li>
297
+ <span
298
+ >Lorem ipsum dolor sit amet, consectetur adipiscing elit.
299
+ Donec at erat eu massa sodales auctor.</span
300
+ >
301
+ </li>
302
+ <li>
248
303
  <span class="icon">
249
- <i class="fas fa-plane"></i>
304
+ <i class="fas fa-plane"></i>
250
305
  </span>
251
306
  <span>Item Three</span>
252
- </li>
253
- </ul>
254
- </div>
255
- <div class="column is-4">
256
- <p class="title is-5">li.has-icon.is-right</p>
257
- <ul class="block-list">
258
- <li class="has-icon is-right">
307
+ </li>
308
+ </ul>
309
+ </div>
310
+ <div class="column is-4">
311
+ <p class="title is-5">li.has-icon.is-right</p>
312
+ <ul class="block-list is-light">
313
+ <li class="has-icon is-right">
259
314
  <span>Item one</span>
260
315
  <span class="icon">
261
- <i class="fas fa-plane"></i>
316
+ <i class="fas fa-plane"></i>
262
317
  </span>
263
- </li>
264
- <li class="has-icon is-right">
265
- <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
318
+ </li>
319
+ <li class="has-icon is-right">
320
+ <span
321
+ >Lorem ipsum dolor sit amet, consectetur adipiscing elit.
322
+ Donec at erat eu massa sodales auctor.</span
323
+ >
266
324
  <span class="icon">
267
- <i class="fas fa-paper-plane"></i>
325
+ <i class="fas fa-paper-plane"></i>
268
326
  </span>
269
- </li>
270
- <li class="has-icon is-right">
327
+ </li>
328
+ <li class="has-icon is-right">
271
329
  <span>Item Three</span>
272
330
  <span class="icon">
273
- <i class="fas fa-plane"></i>
331
+ <i class="fas fa-plane"></i>
274
332
  </span>
275
- </li>
276
- </ul>
277
- </div>
278
- <div class="column is-4">
279
- <p class="title is-5">Combining styles</p>
280
- <ul class="block-list has-radius">
281
- <li class="has-icon">
333
+ </li>
334
+ </ul>
335
+ </div>
336
+ <div class="column is-4">
337
+ <p class="title is-5">Combining styles</p>
338
+ <ul class="block-list has-radius is-light">
339
+ <li class="has-icon">
282
340
  <span class="icon">
283
- <i class="fas fa-plane"></i>
341
+ <i class="fas fa-plane"></i>
284
342
  </span>
285
343
  <span>Item one</span>
286
- </li>
287
- <li class="has-icon is-highlighted is-primary">
344
+ </li>
345
+ <li class="has-icon is-highlighted is-primary">
288
346
  <span class="icon">
289
- <i class="fas fa-paper-plane"></i>
347
+ <i class="fas fa-paper-plane"></i>
290
348
  </span>
291
- <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
292
- </li>
293
- <li>
349
+ <span
350
+ >Lorem ipsum dolor sit amet, consectetur adipiscing elit.
351
+ Donec at erat eu massa sodales auctor.</span
352
+ >
353
+ </li>
354
+ <li>
294
355
  <span class="icon">
295
- <i class="fas fa-plane"></i>
356
+ <i class="fas fa-plane"></i>
296
357
  </span>
297
358
  <span>Item Three</span>
298
- </li>
299
- </ul>
300
- </div>
359
+ </li>
360
+ </ul>
361
+ </div>
301
362
 
302
- <div class="column is-12">
303
- <p class="title is-4" id="list-item-overrides">List Item Overrides</p>
304
- <p>In v0.3 you can override the classes on a list item</p>
305
- </div>
306
- <div class="column is-4">
307
- <p class="title is-5">li.is-large</p>
308
- <ul class="block-list">
309
- <li>Item one</li>
310
- <li class="is-large">Item two</li>
311
- <li>Item three</li>
312
- </ul>
313
- </div>
314
- <div class="column is-4">
315
- <p class="title is-5">li.is-primary</p>
316
- <ul class="block-list">
317
- <li>Item one</li>
318
- <li class="is-primary">Item two</li>
319
- <li>Item three</li>
320
- </ul>
321
- </div>
322
- <div class="column is-4">
323
- <p class="title is-5">li.is-primary.is-outlined</p>
324
- <ul class="block-list">
325
- <li>Item one</li>
326
- <li class="is-primary is-outlined">Item two</li>
327
- <li>Item three</li>
328
- </ul>
329
- </div>
363
+ <div class="column is-12">
364
+ <p class="title is-4" id="list-item-overrides">
365
+ List Item Overrides
366
+ </p>
367
+ <p>In v0.3 you can override the classes on a list item</p>
368
+ </div>
369
+ <div class="column is-4">
370
+ <p class="title is-5">li.is-large</p>
371
+ <ul class="block-list is-light">
372
+ <li>Item one</li>
373
+ <li class="is-large">Item two</li>
374
+ <li>Item three</li>
375
+ </ul>
376
+ </div>
377
+ <div class="column is-4">
378
+ <p class="title is-5">li.is-primary</p>
379
+ <ul class="block-list">
380
+ <li>Item one</li>
381
+ <li class="is-primary">Item two</li>
382
+ <li>Item three</li>
383
+ </ul>
384
+ </div>
385
+ <div class="column is-4">
386
+ <p class="title is-5">li.is-primary.is-outlined</p>
387
+ <ul class="block-list is-light">
388
+ <li>Item one</li>
389
+ <li class="is-primary is-outlined">Item two</li>
390
+ <li>Item three</li>
391
+ </ul>
392
+ </div>
330
393
 
331
- <div class="column is-12">
332
- <p class="title is-4" id="combinations">Combinations</p>
333
- </div>
334
- <div class="column is-4">
335
- <p class="title is-5">is-small is-outlined is-success is-centered</p>
336
- <ul class="block-list is-small is-outlined is-success is-centered">
337
- <li>Item one</li>
338
- <li>Item two</li>
339
- <li>Item three</li>
340
- </ul>
341
- </div>
342
- <div class="column is-4">
343
- <p class="title is-5">is-large is-warning is-right has-radius</p>
344
- <ul class="block-list is-large is-warning is-right has-radius">
345
- <li>Item one</li>
346
- <li>Item two</li>
347
- <li>Item three</li>
348
- </ul>
349
- </div>
350
- <div class="column is-4">
351
- <p class="title is-5">ul.is-danger.is-centered</p>
352
- <p class="subtitle">li.is-highlighted.is-large</p>
353
- <ul class="block-list is-centered is-danger">
354
- <li>Item one</li>
355
- <li class="is-danger is-highlighted is-large">Item two</li>
356
- <li>Item three</li>
357
- </ul>
394
+ <div class="column is-12">
395
+ <p class="title is-4" id="combinations">Combinations</p>
396
+ </div>
397
+ <div class="column is-4">
398
+ <p class="title is-5">
399
+ is-small is-outlined is-success is-centered
400
+ </p>
401
+ <ul class="block-list is-small is-outlined is-success is-centered">
402
+ <li>Item one</li>
403
+ <li>Item two</li>
404
+ <li>Item three</li>
405
+ </ul>
406
+ </div>
407
+ <div class="column is-4">
408
+ <p class="title is-5">is-large is-warning is-right has-radius</p>
409
+ <ul class="block-list is-large is-warning is-right has-radius">
410
+ <li>Item one</li>
411
+ <li>Item two</li>
412
+ <li>Item three</li>
413
+ </ul>
414
+ </div>
415
+ <div class="column is-4">
416
+ <p class="title is-5">ul.is-danger.is-centered</p>
417
+ <p class="subtitle">li.is-highlighted.is-large</p>
418
+ <ul class="block-list is-centered is-danger">
419
+ <li>Item one</li>
420
+ <li class="is-danger is-highlighted is-large">Item two</li>
421
+ <li>Item three</li>
422
+ </ul>
423
+ </div>
424
+ </div>
425
+ </section>
358
426
  </div>
359
- </div>
427
+ </body>
428
+ </html>