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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (219) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/_includes/callouts.html +21 -15
  4. data/_includes/cookie-banner.html +53 -0
  5. data/_includes/disqus.html +20 -17
  6. data/_includes/footer-scripts.html +1 -1
  7. data/_includes/footer.html +8 -9
  8. data/_includes/gallery.html +17 -18
  9. data/_includes/google-analytics.html +36 -6
  10. data/_includes/head-scripts.html +1 -1
  11. data/_includes/head.html +12 -6
  12. data/_includes/header.html +46 -21
  13. data/_includes/hero.html +12 -3
  14. data/_includes/latest-posts.html +4 -7
  15. data/_includes/menubar.html +27 -18
  16. data/_includes/notification.html +4 -2
  17. data/_includes/pagination.html +27 -11
  18. data/_includes/post-card.html +9 -9
  19. data/_includes/rating.html +7 -8
  20. data/_includes/review.html +22 -22
  21. data/_includes/series.html +17 -19
  22. data/_includes/share-buttons.html +17 -9
  23. data/_includes/showcase.html +47 -29
  24. data/_includes/sponsors.html +33 -33
  25. data/_includes/subscribe.html +1 -1
  26. data/_includes/tabs.html +20 -16
  27. data/_includes/tag.html +1 -1
  28. data/_includes/toc.html +2 -3
  29. data/_includes/vimeo.html +9 -2
  30. data/_includes/youtube.html +7 -6
  31. data/_layouts/blog.html +4 -5
  32. data/_layouts/default.html +55 -48
  33. data/_layouts/page.html +1 -2
  34. data/_layouts/post.html +9 -7
  35. data/_layouts/product-category.html +25 -35
  36. data/_layouts/product.html +24 -29
  37. data/_layouts/recipe.html +47 -50
  38. data/_sass/_main.scss +3 -2
  39. data/node_modules/.package-lock.json +211 -8
  40. data/node_modules/bulma/LICENSE +1 -1
  41. data/node_modules/bulma/README.md +56 -52
  42. data/node_modules/bulma/bulma.scss +4 -0
  43. data/node_modules/bulma/css/bulma.css +19282 -8696
  44. data/node_modules/bulma/css/bulma.css.map +1 -1
  45. data/node_modules/bulma/css/bulma.min.css +3 -1
  46. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  47. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  48. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  49. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  50. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  51. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  52. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  53. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  54. data/node_modules/bulma/package.json +25 -20
  55. data/node_modules/bulma/sass/_index.scss +10 -0
  56. data/node_modules/bulma/sass/base/_index.scss +6 -0
  57. data/node_modules/bulma/sass/base/animations.scss +15 -0
  58. data/node_modules/bulma/sass/base/generic.scss +239 -0
  59. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  60. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  61. data/node_modules/bulma/sass/components/_index.scss +13 -0
  62. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  63. data/node_modules/bulma/sass/components/card.scss +162 -0
  64. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  65. data/node_modules/bulma/sass/components/menu.scss +165 -0
  66. data/node_modules/bulma/sass/components/message.scss +183 -0
  67. data/node_modules/bulma/sass/components/modal.scss +164 -0
  68. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  69. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  70. data/node_modules/bulma/sass/components/panel.scss +218 -0
  71. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  72. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  73. data/node_modules/bulma/sass/elements/block.scss +6 -0
  74. data/node_modules/bulma/sass/elements/box.scss +59 -0
  75. data/node_modules/bulma/sass/elements/button.scss +640 -0
  76. data/node_modules/bulma/sass/elements/content.scss +283 -0
  77. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  78. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  79. data/node_modules/bulma/sass/elements/image.scss +62 -0
  80. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  81. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  82. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  83. data/node_modules/bulma/sass/elements/table.scss +261 -0
  84. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  85. data/node_modules/bulma/sass/elements/title.scss +128 -0
  86. data/node_modules/bulma/sass/form/_index.scss +9 -0
  87. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  88. data/node_modules/bulma/sass/form/file.scss +330 -0
  89. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  90. data/node_modules/bulma/sass/form/select.scss +143 -0
  91. data/node_modules/bulma/sass/form/shared.scss +172 -0
  92. data/node_modules/bulma/sass/form/tools.scss +341 -0
  93. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  94. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  95. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  96. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  97. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  98. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  99. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  100. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  101. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  102. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  103. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  104. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  105. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  106. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  107. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  108. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  109. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  110. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  111. data/node_modules/bulma/sass/layout/container.scss +51 -0
  112. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  113. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  114. data/node_modules/bulma/sass/layout/level.scss +107 -0
  115. data/node_modules/bulma/sass/layout/media.scss +106 -0
  116. data/node_modules/bulma/sass/layout/section.scss +34 -0
  117. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  118. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  119. data/node_modules/bulma/sass/themes/light.scss +145 -0
  120. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  121. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  122. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  123. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  124. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  125. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  126. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  127. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  128. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  129. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  130. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  131. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  132. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  133. data/node_modules/bulma-block-list/README.md +12 -6
  134. data/node_modules/bulma-block-list/docs/.nojekyll +0 -0
  135. data/node_modules/bulma-block-list/docs/docs.css +22782 -0
  136. data/node_modules/bulma-block-list/docs/docs.css.map +1 -0
  137. data/node_modules/bulma-block-list/docs/index.html +376 -307
  138. data/node_modules/bulma-block-list/package.json +8 -3
  139. data/node_modules/bulma-block-list/src/block-list.scss +99 -125
  140. data/node_modules/bulma-block-list/src/docs.scss +5 -0
  141. data/package-lock.json +353 -16
  142. data/package.json +2 -2
  143. metadata +103 -87
  144. data/node_modules/bulma/bulma.sass +0 -10
  145. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  146. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  147. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  148. data/node_modules/bulma/sass/base/_all.sass +0 -6
  149. data/node_modules/bulma/sass/base/animations.sass +0 -5
  150. data/node_modules/bulma/sass/base/generic.sass +0 -145
  151. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  152. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  153. data/node_modules/bulma/sass/components/_all.sass +0 -15
  154. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  155. data/node_modules/bulma/sass/components/card.sass +0 -103
  156. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  157. data/node_modules/bulma/sass/components/level.sass +0 -79
  158. data/node_modules/bulma/sass/components/media.sass +0 -59
  159. data/node_modules/bulma/sass/components/menu.sass +0 -59
  160. data/node_modules/bulma/sass/components/message.sass +0 -101
  161. data/node_modules/bulma/sass/components/modal.sass +0 -117
  162. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  163. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  164. data/node_modules/bulma/sass/components/panel.sass +0 -121
  165. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  166. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  167. data/node_modules/bulma/sass/elements/box.sass +0 -26
  168. data/node_modules/bulma/sass/elements/button.sass +0 -357
  169. data/node_modules/bulma/sass/elements/container.sass +0 -29
  170. data/node_modules/bulma/sass/elements/content.sass +0 -162
  171. data/node_modules/bulma/sass/elements/form.sass +0 -1
  172. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  173. data/node_modules/bulma/sass/elements/image.sass +0 -73
  174. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  175. data/node_modules/bulma/sass/elements/other.sass +0 -31
  176. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  177. data/node_modules/bulma/sass/elements/table.sass +0 -134
  178. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  179. data/node_modules/bulma/sass/elements/title.sass +0 -70
  180. data/node_modules/bulma/sass/form/_all.sass +0 -9
  181. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  182. data/node_modules/bulma/sass/form/file.sass +0 -184
  183. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  184. data/node_modules/bulma/sass/form/select.sass +0 -88
  185. data/node_modules/bulma/sass/form/shared.sass +0 -60
  186. data/node_modules/bulma/sass/form/tools.sass +0 -215
  187. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  188. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  189. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  190. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  191. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  192. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  193. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  194. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  195. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  196. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  197. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  198. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  199. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  200. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  201. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  202. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  203. data/node_modules/bulma/sass/layout/section.sass +0 -17
  204. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  205. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  206. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  207. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  208. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  209. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  210. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  211. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  212. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  213. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  214. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  215. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  216. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  217. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  218. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  219. 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>