bulma-clean-theme 0.11 → 0.13

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 (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -634
  3. data/_includes/head.html +1 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +1 -1
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/post.html +4 -0
  10. data/_layouts/recipe.html +22 -0
  11. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  12. data/node_modules/.package-lock.json +21 -0
  13. data/node_modules/bulma/CHANGELOG.md +521 -448
  14. data/node_modules/bulma/README.md +5 -2
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  17. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  18. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  19. data/node_modules/bulma/css/bulma.css +621 -434
  20. data/node_modules/bulma/css/bulma.css.map +1 -1
  21. data/node_modules/bulma/css/bulma.min.css +1 -1
  22. data/node_modules/bulma/package.json +28 -54
  23. data/node_modules/bulma/sass/base/_all.sass +3 -2
  24. data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
  25. data/node_modules/bulma/sass/base/generic.sass +2 -0
  26. data/node_modules/bulma/sass/components/_all.sass +12 -12
  27. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  28. data/node_modules/bulma/sass/components/card.sass +23 -3
  29. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  30. data/node_modules/bulma/sass/components/level.sass +3 -1
  31. data/node_modules/bulma/sass/components/media.sass +16 -9
  32. data/node_modules/bulma/sass/components/menu.sass +2 -0
  33. data/node_modules/bulma/sass/components/message.sass +2 -0
  34. data/node_modules/bulma/sass/components/modal.sass +2 -0
  35. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  36. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  37. data/node_modules/bulma/sass/components/panel.sass +3 -1
  38. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  39. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  40. data/node_modules/bulma/sass/elements/box.sass +3 -1
  41. data/node_modules/bulma/sass/elements/button.sass +27 -7
  42. data/node_modules/bulma/sass/elements/container.sass +2 -0
  43. data/node_modules/bulma/sass/elements/content.sass +4 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  45. data/node_modules/bulma/sass/elements/image.sass +2 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  47. data/node_modules/bulma/sass/elements/other.sass +2 -10
  48. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  49. data/node_modules/bulma/sass/elements/table.sass +2 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  51. data/node_modules/bulma/sass/elements/title.sass +2 -2
  52. data/node_modules/bulma/sass/form/_all.sass +6 -6
  53. data/node_modules/bulma/sass/form/file.sass +2 -0
  54. data/node_modules/bulma/sass/form/shared.sass +3 -0
  55. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  56. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  57. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  58. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  59. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  60. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  62. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  63. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  64. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  65. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  66. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  67. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  68. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  69. data/node_modules/bulma/sass/layout/section.sass +6 -2
  70. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  71. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  72. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  73. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  74. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  75. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  76. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  77. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  78. data/node_modules/bulma-block-list/.editorconfig +15 -0
  79. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  80. data/node_modules/bulma-block-list/changelog.txt +20 -0
  81. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  82. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  83. data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
  84. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  85. data/node_modules/bulma-block-list/docs/index.html +106 -7
  86. data/node_modules/bulma-block-list/package.json +10 -44
  87. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  88. data/package-lock.json +32 -15
  89. data/package.json +2 -2
  90. metadata +20 -67
  91. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
  92. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
  93. data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
  94. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
  95. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
  96. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
  97. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
  98. data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
  113. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
  114. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
  115. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
  116. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
  117. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
  118. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
  119. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
  120. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
  121. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
  122. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
  123. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
  124. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
  125. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
  126. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
  127. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
  128. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
  129. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
  130. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
  131. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
  132. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  133. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
@@ -58,7 +58,7 @@
58
58
  $value: $value * $number
59
59
  @else if $exp < 0
60
60
  @for $i from 1 through -$exp
61
- $value: $value / $number
61
+ $value: divide($value, $number)
62
62
  @return $value
63
63
 
64
64
  @function colorLuminance($color)
@@ -67,11 +67,11 @@
67
67
  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
68
68
  @each $name, $value in $color-rgb
69
69
  $adjusted: 0
70
- $value: $value / 255
70
+ $value: divide($value, 255)
71
71
  @if $value < 0.03928
72
- $value: $value / 12.92
72
+ $value: divide($value, 12.92)
73
73
  @else
74
- $value: ($value + .055) / 1.055
74
+ $value: divide(($value + .055), 1.055)
75
75
  $value: powerNumber($value, 2)
76
76
  $color-rgb: map-merge($color-rgb, ($name: $value))
77
77
  @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
@@ -113,3 +113,24 @@
113
113
  @if type-of($color) != 'color'
114
114
  @return $color
115
115
  @return lighten($color, $amount)
116
+
117
+ // Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
118
+ // Replaces old slash division deprecated in Dart Sass
119
+ @function divide($dividend, $divisor, $precision: 10)
120
+ $sign: if($dividend > 0 and $divisor > 0, 1, -1)
121
+ $dividend: abs($dividend)
122
+ $divisor: abs($divisor)
123
+ $quotient: 0
124
+ $remainder: $dividend
125
+ @if $dividend == 0
126
+ @return 0
127
+ @if $divisor == 0
128
+ @error "Cannot divide by 0"
129
+ @if $divisor == 1
130
+ @return $dividend
131
+ @while $remainder >= $divisor
132
+ $quotient: $quotient + 1
133
+ $remainder: $remainder - $divisor
134
+ @if $remainder > 0 and $precision > 0
135
+ $remainder: divide($remainder * 10, $divisor, $precision - 1) * .1
136
+ @return ($quotient + $remainder) * $sign
@@ -16,11 +16,11 @@ $white-bis: hsl(0, 0%, 98%) !default
16
16
  $white: hsl(0, 0%, 100%) !default
17
17
 
18
18
  $orange: hsl(14, 100%, 53%) !default
19
- $yellow: hsl(48, 100%, 67%) !default
20
- $green: hsl(141, 53%, 53%) !default
19
+ $yellow: hsl(44, 100%, 77%) !default
20
+ $green: hsl(153, 53%, 53%) !default
21
21
  $turquoise: hsl(171, 100%, 41%) !default
22
- $cyan: hsl(204, 71%, 53%) !default
23
- $blue: hsl(217, 71%, 53%) !default
22
+ $cyan: hsl(207, 61%, 53%) !default
23
+ $blue: hsl(229, 53%, 53%) !default
24
24
  $purple: hsl(271, 100%, 71%) !default
25
25
  $red: hsl(348, 86%, 61%) !default
26
26
 
@@ -69,7 +69,7 @@ $easing: ease-out !default
69
69
  $radius-small: 2px !default
70
70
  $radius: 4px !default
71
71
  $radius-large: 6px !default
72
- $radius-rounded: 290486px !default
72
+ $radius-rounded: 9999px !default
73
73
  $speed: 86ms !default
74
74
 
75
75
  // Flags
@@ -1,4 +1,4 @@
1
- @import "initial-variables"
1
+ @import "derived-variables"
2
2
 
3
3
  =clearfix
4
4
  &::after
@@ -9,11 +9,11 @@
9
9
  =center($width, $height: 0)
10
10
  position: absolute
11
11
  @if $height != 0
12
- left: calc(50% - (#{$width} / 2))
13
- top: calc(50% - (#{$height} / 2))
12
+ left: calc(50% - (#{$width} * 0.5))
13
+ top: calc(50% - (#{$height} * 0.5))
14
14
  @else
15
- left: calc(50% - (#{$width} / 2))
16
- top: calc(50% - (#{$width} / 2))
15
+ left: calc(50% - (#{$width} * 0.5))
16
+ top: calc(50% - (#{$width} * 0.5))
17
17
 
18
18
  =fa($size, $dimensions)
19
19
  display: inline-block
@@ -68,6 +68,18 @@
68
68
  &:#{$placeholder}-placeholder
69
69
  @content
70
70
 
71
+ =reset
72
+ -moz-appearance: none
73
+ -webkit-appearance: none
74
+ appearance: none
75
+ background: none
76
+ border: none
77
+ color: currentColor
78
+ font-family: inherit
79
+ font-size: 1em
80
+ margin: 0
81
+ padding: 0
82
+
71
83
  // Responsiveness
72
84
 
73
85
  =from($device)
@@ -161,9 +173,6 @@
161
173
  -ms-user-select: none
162
174
  user-select: none
163
175
 
164
- %unselectable
165
- +unselectable
166
-
167
176
  =arrow($color: transparent)
168
177
  border: 3px solid $color
169
178
  border-radius: 2px
@@ -180,18 +189,12 @@
180
189
  transform-origin: center
181
190
  width: 0.625em
182
191
 
183
- %arrow
184
- +arrow
185
-
186
192
  =block($spacing: $block-spacing)
187
193
  &:not(:last-child)
188
194
  margin-bottom: $spacing
189
195
 
190
- %block
191
- +block
192
-
193
196
  =delete
194
- @extend %unselectable
197
+ +unselectable
195
198
  -moz-appearance: none
196
199
  -webkit-appearance: none
197
200
  background-color: bulmaRgba($scheme-invert, 0.2)
@@ -256,9 +259,6 @@
256
259
  min-width: 32px
257
260
  width: 32px
258
261
 
259
- %delete
260
- +delete
261
-
262
262
  =loader
263
263
  animation: spinAround 500ms infinite linear
264
264
  border: 2px solid $grey-lighter
@@ -271,9 +271,6 @@
271
271
  position: relative
272
272
  width: 1em
273
273
 
274
- %loader
275
- +loader
276
-
277
274
  =overlay($offset: 0)
278
275
  bottom: $offset
279
276
  left: $offset
@@ -281,5 +278,3 @@
281
278
  right: $offset
282
279
  top: $offset
283
280
 
284
- %overlay
285
- +overlay
@@ -0,0 +1,15 @@
1
+ root = true
2
+
3
+ [*]
4
+ charset = utf-8
5
+ end_of_line = lf
6
+ insert_final_newline = true
7
+ indent_style = space
8
+ indent_size = 4
9
+ trim_trailing_whitespace = true
10
+
11
+ [*.md]
12
+ trim_trailing_whitespace = false
13
+
14
+ [*.{yml,yaml}]
15
+ indent_size = 2
@@ -0,0 +1,12 @@
1
+ # These are supported funding model platforms
2
+
3
+ github: chrisrhymes
4
+ patreon: # Replace with a single Patreon username
5
+ open_collective: # Replace with a single Open Collective username
6
+ ko_fi: # Replace with a single Ko-fi username
7
+ tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8
+ community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9
+ liberapay: # Replace with a single Liberapay username
10
+ issuehunt: # Replace with a single IssueHunt username
11
+ otechie: # Replace with a single Otechie username
12
+ custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
@@ -0,0 +1,20 @@
1
+ # 0.6
2
+ * Upgrade to Bulma 0.9.3
3
+
4
+ # 0.5
5
+ * Added has-icon
6
+
7
+ # 0.4.2
8
+ * Add default styles for is-outlined
9
+
10
+ # 0.4.1
11
+ * Fix for li.is-outlined
12
+
13
+ # 0.3
14
+ * Added list item overrides
15
+
16
+ # 0.2
17
+ * Removed the Bulma imports from block-list.scss file as it caused some Bulma styles to be overwritten
18
+
19
+ # 0.1
20
+ * Initial release
@@ -1,3 +1,3 @@
1
1
  source 'https://rubygems.org'
2
- gem "bulma-clean-theme", '0.10.3'
3
- gem 'github-pages', group: :jekyll_plugins
2
+ gem "bulma-clean-theme", '0.12'
3
+ gem 'github-pages', group: :jekyll_plugins
@@ -13,3 +13,5 @@ markdown: kramdown
13
13
  plugins:
14
14
  - jekyll-feed
15
15
  - github-pages
16
+
17
+ livereload: true
@@ -1,5 +1,7 @@
1
1
  - label: Docs
2
2
  items:
3
+ - name: Installation
4
+ link: '/#installation'
3
5
  - name: How To Use
4
6
  link: '/#how-to-use'
5
7
  - name: Alignment
@@ -14,7 +16,9 @@
14
16
  link: '/#has-radius'
15
17
  - name: Is Highlighted
16
18
  link: '/#highlighted'
19
+ - name: Has Icon
20
+ link: '/#has-icon'
17
21
  - name: List Item Overrides
18
22
  link: '/#list-item-overrides'
19
23
  - name: Combinations
20
- link: '/#combinations'
24
+ link: '/#combinations'
@@ -67,6 +67,34 @@ $block-list-highlight-width: 5px !default;
67
67
  border: 1px solid $color;
68
68
  }
69
69
 
70
+ li.is-outlined,
71
+ &.is-outlined > li {
72
+ @include outlined($border);
73
+ color: $text;
74
+ }
75
+
76
+ li.has-icon {
77
+ display: flex;
78
+
79
+ .icon {
80
+ flex-grow: 0;
81
+ flex-shrink: 0;
82
+ flex-basis: auto;
83
+ margin-right: 1em;
84
+ }
85
+
86
+ span {
87
+ flex-grow: 1;
88
+ }
89
+
90
+ &.is-right {
91
+ .icon {
92
+ margin-right: 0;
93
+ margin-left: 1em
94
+ }
95
+ }
96
+ }
97
+
70
98
  @each $name, $pair in $colors {
71
99
 
72
100
  $color: nth($pair, 1);
@@ -77,7 +105,7 @@ $block-list-highlight-width: 5px !default;
77
105
  background: $color;
78
106
  color: $color-invert;
79
107
  }
80
-
108
+
81
109
  li.is-#{$name}.is-outlined {
82
110
  @include outlined($color);
83
111
  }
@@ -100,4 +128,4 @@ $block-list-highlight-width: 5px !default;
100
128
  }
101
129
  }
102
130
  }
103
- }
131
+ }
@@ -5,8 +5,8 @@ layout: page
5
5
  menubar: menu
6
6
  hero_height: is-medium
7
7
  ---
8
-
9
- <div class="columns is-multiline">
8
+
9
+ <div class="columns is-multiline" markdown="0">
10
10
  <div class="column is-12 has-text-right">
11
11
  <a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
12
12
  <img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
@@ -16,10 +16,18 @@ hero_height: is-medium
16
16
  </a>
17
17
  <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
18
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>
19
28
  <div class="column is-12">
20
29
  <div class="content">
21
30
  <h2 id="how-to-use">How to use</h2>
22
- <p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
23
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>
24
32
  </div>
25
33
  <div class="highlight highlight-text-html-basic">
@@ -119,16 +127,16 @@ hero_height: is-medium
119
127
  <p class="title is-4" id="outlined">Outlined</p>
120
128
  </div>
121
129
  <div class="column is-4">
122
- <p class="title is-5">is-outlined is-primary</p>
123
- <ul class="block-list is-outlined is-primary">
130
+ <p class="title is-5">is-outlined</p>
131
+ <ul class="block-list is-outlined">
124
132
  <li>Item one</li>
125
133
  <li>Item two</li>
126
134
  <li>Item three</li>
127
135
  </ul>
128
136
  </div>
129
137
  <div class="column is-4">
130
- <p class="title is-5">is-outlined is-info</p>
131
- <ul class="block-list is-outlined is-info">
138
+ <p class="title is-5">is-outlined is-primary</p>
139
+ <ul class="block-list is-outlined is-primary">
132
140
  <li>Item one</li>
133
141
  <li>Item two</li>
134
142
  <li>Item three</li>
@@ -200,6 +208,97 @@ hero_height: is-medium
200
208
  </ul>
201
209
  </div>
202
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
+
203
302
  <div class="column is-12">
204
303
  <p class="title is-4" id="list-item-overrides">List Item Overrides</p>
205
304
  <p>In v0.3 you can override the classes on a list item</p>
@@ -1,56 +1,22 @@
1
1
  {
2
- "_from": "bulma-block-list@^0.4.1",
3
- "_id": "bulma-block-list@0.4.1",
4
- "_inBundle": false,
5
- "_integrity": "sha512-rNMgnzX/e1MnsKXpzPuRl2kNN+xxEBqe00idycD8Wt7xg0dHlBi4xctN0roW9cFlRyvxW5zJwSufPgavaJpghQ==",
6
- "_location": "/bulma-block-list",
7
- "_phantomChildren": {},
8
- "_requested": {
9
- "type": "range",
10
- "registry": true,
11
- "raw": "bulma-block-list@^0.4.1",
12
- "name": "bulma-block-list",
13
- "escapedName": "bulma-block-list",
14
- "rawSpec": "^0.4.1",
15
- "saveSpec": null,
16
- "fetchSpec": "^0.4.1"
17
- },
18
- "_requiredBy": [
19
- "/"
20
- ],
21
- "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
22
- "_shasum": "24fc9eabb216694885bacbd5cff87e8e0b6a7937",
23
- "_spec": "bulma-block-list@^0.4.1",
24
- "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
25
- "author": {
26
- "name": "chrisrhymes"
27
- },
2
+ "name": "bulma-block-list",
3
+ "version": "0.6.0",
4
+ "description": "A simple scss package extending Bulma with block style list elements",
5
+ "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
28
6
  "bugs": {
29
7
  "url": "https://github.com/chrisrhymes/bulma-block-list/issues"
30
8
  },
31
- "bundleDependencies": false,
32
- "dependencies": {
33
- "bulma": "^0.8.0"
34
- },
35
- "deprecated": false,
36
- "description": "A simple scss package extending Bulma with block style list elements",
37
- "devDependencies": {
38
- "node-sass": "^4.9.2"
39
- },
40
- "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
9
+ "main": "src/block-list.scss",
10
+ "scripts": {},
41
11
  "keywords": [
42
12
  "Bulma",
43
13
  "List",
44
14
  "BlockList",
45
15
  "Unordered List"
46
16
  ],
17
+ "author": "chrisrhymes",
47
18
  "license": "MIT",
48
- "main": "src/block-list.scss",
49
- "name": "bulma-block-list",
50
- "scripts": {
51
- "css-build": "node-sass --omit-source-map-url src/demo.scss docs/demo.css",
52
- "css-watch": "npm run css-build -- --watch",
53
- "start": "npm run css-watch"
54
- },
55
- "version": "0.4.1"
19
+ "dependencies": {
20
+ "bulma": "^0.9.3"
21
+ }
56
22
  }
@@ -67,6 +67,34 @@ $block-list-highlight-width: 5px !default;
67
67
  border: 1px solid $color;
68
68
  }
69
69
 
70
+ li.is-outlined,
71
+ &.is-outlined > li {
72
+ @include outlined($border);
73
+ color: $text;
74
+ }
75
+
76
+ li.has-icon {
77
+ display: flex;
78
+
79
+ .icon {
80
+ flex-grow: 0;
81
+ flex-shrink: 0;
82
+ flex-basis: auto;
83
+ margin-right: 1em;
84
+ }
85
+
86
+ span {
87
+ flex-grow: 1;
88
+ }
89
+
90
+ &.is-right {
91
+ .icon {
92
+ margin-right: 0;
93
+ margin-left: 1em
94
+ }
95
+ }
96
+ }
97
+
70
98
  @each $name, $pair in $colors {
71
99
 
72
100
  $color: nth($pair, 1);
@@ -77,7 +105,7 @@ $block-list-highlight-width: 5px !default;
77
105
  background: $color;
78
106
  color: $color-invert;
79
107
  }
80
-
108
+
81
109
  li.is-#{$name}.is-outlined {
82
110
  @include outlined($color);
83
111
  }
@@ -100,4 +128,4 @@ $block-list-highlight-width: 5px !default;
100
128
  }
101
129
  }
102
130
  }
103
- }
131
+ }
data/package-lock.json CHANGED
@@ -1,27 +1,44 @@
1
1
  {
2
2
  "name": "bulma-clean-theme",
3
3
  "version": "1.0.0",
4
- "lockfileVersion": 1,
4
+ "lockfileVersion": 2,
5
5
  "requires": true,
6
+ "packages": {
7
+ "": {
8
+ "version": "1.0.0",
9
+ "license": "MIT",
10
+ "dependencies": {
11
+ "bulma": "^0.9.3",
12
+ "bulma-block-list": "^0.6"
13
+ },
14
+ "devDependencies": {}
15
+ },
16
+ "node_modules/bulma": {
17
+ "version": "0.9.3",
18
+ "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
19
+ "integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g=="
20
+ },
21
+ "node_modules/bulma-block-list": {
22
+ "version": "0.6.0",
23
+ "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.6.0.tgz",
24
+ "integrity": "sha512-Ub+5DS14YN1zTxfq2WbP7c3wfUKq2SpOTbFa8brhHUJe73WSfIgXQg02SYpbYWGalEkaflIRjzGKX35N4/jGOA==",
25
+ "dependencies": {
26
+ "bulma": "^0.9.3"
27
+ }
28
+ }
29
+ },
6
30
  "dependencies": {
7
31
  "bulma": {
8
- "version": "0.9.1",
9
- "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
10
- "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
32
+ "version": "0.9.3",
33
+ "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
34
+ "integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g=="
11
35
  },
12
36
  "bulma-block-list": {
13
- "version": "0.4.1",
14
- "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
15
- "integrity": "sha512-rNMgnzX/e1MnsKXpzPuRl2kNN+xxEBqe00idycD8Wt7xg0dHlBi4xctN0roW9cFlRyvxW5zJwSufPgavaJpghQ==",
37
+ "version": "0.6.0",
38
+ "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.6.0.tgz",
39
+ "integrity": "sha512-Ub+5DS14YN1zTxfq2WbP7c3wfUKq2SpOTbFa8brhHUJe73WSfIgXQg02SYpbYWGalEkaflIRjzGKX35N4/jGOA==",
16
40
  "requires": {
17
- "bulma": "^0.8.0"
18
- },
19
- "dependencies": {
20
- "bulma": {
21
- "version": "0.8.2",
22
- "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.2.tgz",
23
- "integrity": "sha512-vMM/ijYSxX+Sm+nD7Lmc1UgWDy2JcL2nTKqwgEqXuOMU+IGALbXd5MLt/BcjBAPLIx36TtzhzBcSnOP974gcqA=="
24
- }
41
+ "bulma": "^0.9.3"
25
42
  }
26
43
  }
27
44
  }
data/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "author": "chrisrhymes",
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
- "bulma": "^0.9.1",
14
- "bulma-block-list": "^0.4.1"
13
+ "bulma": "^0.9.3",
14
+ "bulma-block-list": "^0.6"
15
15
  }
16
16
  }