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

Sign up to get free protection for your applications and to get access to all the features.
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
- }