bulma-clean-theme 0.11.2 → 0.13.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -636
  3. data/_includes/head.html +4 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +5 -5
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +1 -0
  9. data/_layouts/post.html +4 -0
  10. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  11. data/_sass/_layout.scss +4 -1
  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
  }