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

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 (191) 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/_block-list.scss +130 -0
  10. data/_sass/_main.scss +3 -2
  11. data/node_modules/.package-lock.json +204 -9
  12. data/node_modules/bulma/LICENSE +1 -1
  13. data/node_modules/bulma/README.md +56 -52
  14. data/node_modules/bulma/bulma.scss +4 -0
  15. data/node_modules/bulma/css/bulma.css +19282 -8696
  16. data/node_modules/bulma/css/bulma.css.map +1 -1
  17. data/node_modules/bulma/css/bulma.min.css +3 -1
  18. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  19. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  20. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  21. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  22. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  23. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  24. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  25. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  26. data/node_modules/bulma/package.json +25 -20
  27. data/node_modules/bulma/sass/_index.scss +10 -0
  28. data/node_modules/bulma/sass/base/_index.scss +6 -0
  29. data/node_modules/bulma/sass/base/animations.scss +15 -0
  30. data/node_modules/bulma/sass/base/generic.scss +239 -0
  31. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  32. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  33. data/node_modules/bulma/sass/components/_index.scss +13 -0
  34. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  35. data/node_modules/bulma/sass/components/card.scss +162 -0
  36. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  37. data/node_modules/bulma/sass/components/menu.scss +165 -0
  38. data/node_modules/bulma/sass/components/message.scss +183 -0
  39. data/node_modules/bulma/sass/components/modal.scss +164 -0
  40. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  41. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  42. data/node_modules/bulma/sass/components/panel.scss +218 -0
  43. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  44. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  45. data/node_modules/bulma/sass/elements/block.scss +6 -0
  46. data/node_modules/bulma/sass/elements/box.scss +59 -0
  47. data/node_modules/bulma/sass/elements/button.scss +640 -0
  48. data/node_modules/bulma/sass/elements/content.scss +283 -0
  49. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  50. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  51. data/node_modules/bulma/sass/elements/image.scss +62 -0
  52. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  53. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  54. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  55. data/node_modules/bulma/sass/elements/table.scss +261 -0
  56. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  57. data/node_modules/bulma/sass/elements/title.scss +128 -0
  58. data/node_modules/bulma/sass/form/_index.scss +9 -0
  59. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  60. data/node_modules/bulma/sass/form/file.scss +330 -0
  61. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  62. data/node_modules/bulma/sass/form/select.scss +143 -0
  63. data/node_modules/bulma/sass/form/shared.scss +172 -0
  64. data/node_modules/bulma/sass/form/tools.scss +341 -0
  65. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  66. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  67. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  68. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  69. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  70. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  71. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  72. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  73. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  74. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  75. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  76. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  77. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  78. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  79. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  80. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  81. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  82. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  83. data/node_modules/bulma/sass/layout/container.scss +51 -0
  84. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  85. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  86. data/node_modules/bulma/sass/layout/level.scss +107 -0
  87. data/node_modules/bulma/sass/layout/media.scss +106 -0
  88. data/node_modules/bulma/sass/layout/section.scss +34 -0
  89. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  90. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  91. data/node_modules/bulma/sass/themes/light.scss +145 -0
  92. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  93. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  94. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  95. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  96. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  97. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  98. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  99. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  100. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  101. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  102. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  103. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  104. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  105. data/package-lock.json +338 -18
  106. data/package.json +1 -2
  107. metadata +94 -90
  108. data/node_modules/bulma/bulma.sass +0 -10
  109. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  110. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  111. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  112. data/node_modules/bulma/sass/base/_all.sass +0 -6
  113. data/node_modules/bulma/sass/base/animations.sass +0 -5
  114. data/node_modules/bulma/sass/base/generic.sass +0 -145
  115. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  116. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  117. data/node_modules/bulma/sass/components/_all.sass +0 -15
  118. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  119. data/node_modules/bulma/sass/components/card.sass +0 -103
  120. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  121. data/node_modules/bulma/sass/components/level.sass +0 -79
  122. data/node_modules/bulma/sass/components/media.sass +0 -59
  123. data/node_modules/bulma/sass/components/menu.sass +0 -59
  124. data/node_modules/bulma/sass/components/message.sass +0 -101
  125. data/node_modules/bulma/sass/components/modal.sass +0 -117
  126. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  127. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  128. data/node_modules/bulma/sass/components/panel.sass +0 -121
  129. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  130. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  131. data/node_modules/bulma/sass/elements/box.sass +0 -26
  132. data/node_modules/bulma/sass/elements/button.sass +0 -357
  133. data/node_modules/bulma/sass/elements/container.sass +0 -29
  134. data/node_modules/bulma/sass/elements/content.sass +0 -162
  135. data/node_modules/bulma/sass/elements/form.sass +0 -1
  136. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  137. data/node_modules/bulma/sass/elements/image.sass +0 -73
  138. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  139. data/node_modules/bulma/sass/elements/other.sass +0 -31
  140. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  141. data/node_modules/bulma/sass/elements/table.sass +0 -134
  142. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  143. data/node_modules/bulma/sass/elements/title.sass +0 -70
  144. data/node_modules/bulma/sass/form/_all.sass +0 -9
  145. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  146. data/node_modules/bulma/sass/form/file.sass +0 -184
  147. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  148. data/node_modules/bulma/sass/form/select.sass +0 -88
  149. data/node_modules/bulma/sass/form/shared.sass +0 -60
  150. data/node_modules/bulma/sass/form/tools.sass +0 -215
  151. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  152. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  153. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  154. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  155. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  156. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  157. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  158. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  159. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  160. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  161. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  162. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  163. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  164. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  165. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  166. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  167. data/node_modules/bulma/sass/layout/section.sass +0 -17
  168. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  169. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  170. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  171. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  172. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  173. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  174. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  175. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  176. data/node_modules/bulma-block-list/.editorconfig +0 -15
  177. data/node_modules/bulma-block-list/.github/FUNDING.yml +0 -12
  178. data/node_modules/bulma-block-list/LICENSE.txt +0 -21
  179. data/node_modules/bulma-block-list/README.md +0 -32
  180. data/node_modules/bulma-block-list/changelog.txt +0 -20
  181. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  182. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  183. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  184. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  185. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  186. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  187. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  188. data/node_modules/bulma-block-list/docs/index.html +0 -359
  189. data/node_modules/bulma-block-list/package.json +0 -22
  190. data/node_modules/bulma-block-list/src/block-list.scss +0 -156
  191. data/node_modules/bulma-block-list/src/demo.scss +0 -3
@@ -1,156 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
4
- // Replaces old slash division deprecated in Dart Sass
5
- @function customDivide($dividend, $divisor, $precision: 10) {
6
- $sign: if($dividend > 0 and $divisor > 0, 1, -1);
7
- $dividend: abs($dividend);
8
- $divisor: abs($divisor);
9
- $quotient: 0;
10
- $remainder: $dividend;
11
- @if $dividend == 0 {
12
- @return 0;
13
- }
14
- @if $divisor == 0 {
15
- @error "Cannot divide by 0";
16
- }
17
- @if $divisor == 1 {
18
- @return $dividend;
19
- }
20
- @while $remainder >= $divisor {
21
- $quotient: $quotient + 1;
22
- $remainder: $remainder - $divisor;
23
- }
24
- @if $remainder > 0 and $precision > 0 {
25
- $remainder: divide($remainder * 10, $divisor, $precision - 1) * 0.1;
26
- }
27
- @return ($quotient + $remainder) * $sign;
28
- }
29
-
30
- $block-list-separator: 0.25rem !default;
31
- $block-list-highlight-width: 5px !default;
32
-
33
- .content {
34
- ul.block-list {
35
- list-style: none;
36
- margin-left: 0;
37
- }
38
- }
39
-
40
- .block-list {
41
- list-style: none;
42
-
43
- li {
44
- padding: customDivide($gap, 2);
45
- background: $light;
46
- margin-bottom: $block-list-separator;
47
- }
48
-
49
- li.is-left,
50
- &.is-left > li {
51
- text-align: left;
52
- }
53
-
54
- li.is-centered,
55
- &.is-centered > li {
56
- text-align: center;
57
- }
58
-
59
- li.is-right,
60
- &.is-right > li {
61
- text-align: right;
62
- }
63
-
64
- li.is-small,
65
- &.is-small > li {
66
- font-size: $small-font-size;
67
- padding: customDivide($gap, 3);
68
- }
69
-
70
- li.is-normal,
71
- &.is-normal > li {
72
- font-size: $body-font-size;
73
- }
74
-
75
- li.is-large,
76
- &.is-large > li {
77
- font-size: $size-large;
78
- }
79
-
80
- li.has-radius,
81
- &.has-radius > li {
82
- border-radius: $radius;
83
- }
84
-
85
- li.is-highlighted,
86
- &.is-highlighted > li {
87
- border-left: $block-list-highlight-width $dark solid;
88
- }
89
-
90
- @mixin outlined($color) {
91
- background: transparent;
92
- color: $color;
93
- border: 1px solid $color;
94
- }
95
-
96
- li.is-outlined,
97
- &.is-outlined > li {
98
- @include outlined($border);
99
- color: $text;
100
- }
101
-
102
- li.has-icon {
103
- display: flex;
104
-
105
- .icon {
106
- flex-grow: 0;
107
- flex-shrink: 0;
108
- flex-basis: auto;
109
- margin-right: 1em;
110
- }
111
-
112
- span {
113
- flex-grow: 1;
114
- }
115
-
116
- &.is-right {
117
- .icon {
118
- margin-right: 0;
119
- margin-left: 1em;
120
- }
121
- }
122
- }
123
-
124
- @each $name, $pair in $colors {
125
- $color: nth($pair, 1);
126
- $color-invert: nth($pair, 2);
127
-
128
- li.is-#{$name},
129
- &.is-#{$name} > li {
130
- background: $color;
131
- color: $color-invert;
132
- }
133
-
134
- li.is-#{$name}.is-outlined {
135
- @include outlined($color);
136
- }
137
-
138
- li.is-#{$name}.is-highlighted {
139
- @include outlined($color);
140
- border-left: $block-list-highlight-width $color solid;
141
- }
142
-
143
- &.is-#{$name} {
144
- li.is-outlined,
145
- &.is-outlined > li {
146
- @include outlined($color);
147
- }
148
-
149
- li.is-highlighted,
150
- &.is-highlighted > li {
151
- @include outlined($color);
152
- border-left: $block-list-highlight-width $color solid;
153
- }
154
- }
155
- }
156
- }
@@ -1,20 +0,0 @@
1
- @charset "utf-8";
2
- @import url("https://fonts.googleapis.com/css?family=Montserrat");
3
-
4
- $family-sans-serif: "Montserrat", sans-serif;
5
- $primary: #188eac !default;
6
-
7
- $tabs-link-active-color: $primary;
8
- $tabs-link-active-border-bottom-color: $primary;
9
-
10
- @import "../node_modules/bulma/bulma.sass";
11
- $hero-darken: $dark !default;
12
-
13
- @import "layout";
14
- @import "syntax";
15
- @import "showcase";
16
- @import "block-list.scss";
17
-
18
- .gh-sponsor {
19
- color: #ea4aaa;
20
- }
@@ -1,7 +0,0 @@
1
- ---
2
- ---
3
-
4
- $primary: hsl(171, 100%, 41%);
5
-
6
- // Import Main CSS file from theme
7
- @import "main";
@@ -1,359 +0,0 @@
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>
26
- </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>
35
- &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
- &lt;<span class="pl-ent">li</span>&gt;Item one&lt;/<span class="pl-ent">li</span>&gt;
37
- &lt;<span class="pl-ent">li</span>&gt;Item two&lt;/<span class="pl-ent">li</span>&gt;
38
- &lt;<span class="pl-ent">li</span>&gt;Item three&lt;/<span class="pl-ent">li</span>&gt;
39
- &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>
69
-
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>
97
-
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>
125
-
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>
153
-
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>
181
-
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>
210
-
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>
216
- &lt;li class="has-icon"&gt;
217
- &lt;span class="icon"&gt;
218
- &lt;i class="fas fa-plane"&gt;&lt;/i&gt;
219
- &lt;/span&gt;
220
- &lt;span&gt;Item one&lt;/span&gt;
221
- &lt;/li&gt;
222
-
223
- // .is-right
224
- &lt;li class="has-icon is-right"&gt;
225
- &lt;span&gt;Item one&lt;/span&gt;
226
- &lt;span class="icon"&gt;
227
- &lt;i class="fas fa-plane"&gt;&lt;/i&gt;
228
- &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">
236
- <span class="icon">
237
- <i class="fas fa-plane"></i>
238
- </span>
239
- <span>Item one</span>
240
- </li>
241
- <li class="has-icon">
242
- <span class="icon">
243
- <i class="fas fa-paper-plane"></i>
244
- </span>
245
- <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
246
- </li>
247
- <li>
248
- <span class="icon">
249
- <i class="fas fa-plane"></i>
250
- </span>
251
- <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">
259
- <span>Item one</span>
260
- <span class="icon">
261
- <i class="fas fa-plane"></i>
262
- </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>
266
- <span class="icon">
267
- <i class="fas fa-paper-plane"></i>
268
- </span>
269
- </li>
270
- <li class="has-icon is-right">
271
- <span>Item Three</span>
272
- <span class="icon">
273
- <i class="fas fa-plane"></i>
274
- </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">
282
- <span class="icon">
283
- <i class="fas fa-plane"></i>
284
- </span>
285
- <span>Item one</span>
286
- </li>
287
- <li class="has-icon is-highlighted is-primary">
288
- <span class="icon">
289
- <i class="fas fa-paper-plane"></i>
290
- </span>
291
- <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
292
- </li>
293
- <li>
294
- <span class="icon">
295
- <i class="fas fa-plane"></i>
296
- </span>
297
- <span>Item Three</span>
298
- </li>
299
- </ul>
300
- </div>
301
-
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>
330
-
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>
358
- </div>
359
- </div>
@@ -1,22 +0,0 @@
1
- {
2
- "name": "bulma-block-list",
3
- "version": "0.7.0",
4
- "description": "A simple scss package extending Bulma with block style list elements",
5
- "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
6
- "bugs": {
7
- "url": "https://github.com/chrisrhymes/bulma-block-list/issues"
8
- },
9
- "main": "src/block-list.scss",
10
- "scripts": {},
11
- "keywords": [
12
- "Bulma",
13
- "List",
14
- "BlockList",
15
- "Unordered List"
16
- ],
17
- "author": "chrisrhymes",
18
- "license": "MIT",
19
- "dependencies": {
20
- "bulma": "^0.9.3"
21
- }
22
- }