bulma-clean-theme 0.7.1 → 0.7.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 47db56aedee8c60258a2017150dd715fcfa43deb
4
- data.tar.gz: 252c1dfab1869321cbfbdf94cdfb338e7f070cf5
3
+ metadata.gz: 2a55597a6e295b3d5800382d6ff56ebe30f7b360
4
+ data.tar.gz: b49d2afdc9e0ee872ee4e6ae18020431182095be
5
5
  SHA512:
6
- metadata.gz: 7393d7fdfb5b174679c859d47f4efa08de4854e2d7acafb6d99d019c78be93b47d5ff348f140a6fa05eae8139f933de48a29b245f03838be96cb080652760034
7
- data.tar.gz: ad8d25343e0a3c73a20fb4ab835738e3805b610fd0e1e0f536a488949e0c713e9c3163a80cdc52ed8017f8c78026f650eb5adfbac1b70c274524488f14da4ffb
6
+ metadata.gz: 6c494986a38b93491b3766e7a0537e611396e61d1e29bdaf541b05355127c76e82136d14bb5e028670e98b7e81a7bedd99510fbcd4bf01a1025f602ff949a0c0
7
+ data.tar.gz: 0ea27d0ea84e6ee172c2c12d08005ff8f77864190116cc525c9c3920c08eef769f1592957920375920bfa67770fa44e0191bb2b613229e635f7d774fc5bb924b
@@ -14,10 +14,10 @@
14
14
  {% if page == paginator.page %}
15
15
  <li><a class="pagination-link is-current">{{ page }}</a></li>
16
16
  {% elsif page == 1 %}
17
- <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="pagination-link">{{ page }}</a></li>
17
+ <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | split: '/' | pop | join: '/' }}" class="pagination-link">{{ page }}</a></li>
18
18
  {% else %}
19
19
  <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
20
20
  {% endif %}
21
21
  {% endfor %}
22
22
  </ul>
23
- </nav>
23
+ </nav>
@@ -17,4 +17,16 @@ A simple scss package extending Bulma with block style list elements
17
17
  </ul>
18
18
  ```
19
19
 
20
+ ## List Item Overrides
21
+
22
+ In v0.3 you can override the list item styles.
23
+
24
+ ```html
25
+ <ul class="block-list is-small">
26
+ <li>Item one</li>
27
+ <li class="is-primary is-outlined is-large">Item two</li>
28
+ <li>Item three</li>
29
+ </ul>
30
+ ```
31
+
20
32
  For examples see [csrhymes.com/bulma-block-list](https://www.csrhymes.com/bulma-block-list)
@@ -7107,106 +7107,135 @@ label.panel-block {
7107
7107
  padding: 16px;
7108
7108
  background: whitesmoke;
7109
7109
  margin-bottom: 0.25rem; }
7110
- .block-list.is-left li {
7110
+ .block-list li.is-left,
7111
+ .block-list.is-left > li {
7111
7112
  text-align: left; }
7112
- .block-list.is-centered li {
7113
+ .block-list li.is-centered,
7114
+ .block-list.is-centered > li {
7113
7115
  text-align: center; }
7114
- .block-list.is-right li {
7116
+ .block-list li.is-right,
7117
+ .block-list.is-right > li {
7115
7118
  text-align: right; }
7116
- .block-list.is-small li {
7119
+ .block-list li.is-small,
7120
+ .block-list.is-small > li {
7117
7121
  font-size: 0.875em;
7118
7122
  padding: 10.66667px; }
7119
- .block-list.is-normal li {
7123
+ .block-list li.is-normal,
7124
+ .block-list.is-normal > li {
7120
7125
  font-size: 1em; }
7121
- .block-list.is-large li {
7126
+ .block-list li.is-large,
7127
+ .block-list.is-large > li {
7122
7128
  font-size: 1.5rem; }
7123
- .block-list.is-white li {
7129
+ .block-list li.has-radius,
7130
+ .block-list.has-radius > li {
7131
+ border-radius: 4px; }
7132
+ .block-list li.is-white,
7133
+ .block-list.is-white > li {
7124
7134
  background: white;
7125
7135
  color: #0a0a0a; }
7126
- .block-list.is-white.is-outlined li {
7127
- background: transparent;
7128
- color: white;
7129
- border: 1px solid white; }
7130
- .block-list.is-white.has-radius li {
7131
- border-radius: 4px; }
7132
- .block-list.is-black li {
7136
+ .block-list li.is-white.is-outlined,
7137
+ .block-list li.is-white.is-outlined > li,
7138
+ .block-list.is-white > li.is-outlined,
7139
+ .block-list.is-white > li.is-outlined > li {
7140
+ background: transparent;
7141
+ color: white;
7142
+ border: 1px solid white; }
7143
+ .block-list li.is-black,
7144
+ .block-list.is-black > li {
7133
7145
  background: #0a0a0a;
7134
7146
  color: white; }
7135
- .block-list.is-black.is-outlined li {
7136
- background: transparent;
7137
- color: #0a0a0a;
7138
- border: 1px solid #0a0a0a; }
7139
- .block-list.is-black.has-radius li {
7140
- border-radius: 4px; }
7141
- .block-list.is-light li {
7147
+ .block-list li.is-black.is-outlined,
7148
+ .block-list li.is-black.is-outlined > li,
7149
+ .block-list.is-black > li.is-outlined,
7150
+ .block-list.is-black > li.is-outlined > li {
7151
+ background: transparent;
7152
+ color: #0a0a0a;
7153
+ border: 1px solid #0a0a0a; }
7154
+ .block-list li.is-light,
7155
+ .block-list.is-light > li {
7142
7156
  background: whitesmoke;
7143
7157
  color: rgba(0, 0, 0, 0.7); }
7144
- .block-list.is-light.is-outlined li {
7145
- background: transparent;
7146
- color: whitesmoke;
7147
- border: 1px solid whitesmoke; }
7148
- .block-list.is-light.has-radius li {
7149
- border-radius: 4px; }
7150
- .block-list.is-dark li {
7158
+ .block-list li.is-light.is-outlined,
7159
+ .block-list li.is-light.is-outlined > li,
7160
+ .block-list.is-light > li.is-outlined,
7161
+ .block-list.is-light > li.is-outlined > li {
7162
+ background: transparent;
7163
+ color: whitesmoke;
7164
+ border: 1px solid whitesmoke; }
7165
+ .block-list li.is-dark,
7166
+ .block-list.is-dark > li {
7151
7167
  background: #363636;
7152
7168
  color: #fff; }
7153
- .block-list.is-dark.is-outlined li {
7154
- background: transparent;
7155
- color: #363636;
7156
- border: 1px solid #363636; }
7157
- .block-list.is-dark.has-radius li {
7158
- border-radius: 4px; }
7159
- .block-list.is-primary li {
7169
+ .block-list li.is-dark.is-outlined,
7170
+ .block-list li.is-dark.is-outlined > li,
7171
+ .block-list.is-dark > li.is-outlined,
7172
+ .block-list.is-dark > li.is-outlined > li {
7173
+ background: transparent;
7174
+ color: #363636;
7175
+ border: 1px solid #363636; }
7176
+ .block-list li.is-primary,
7177
+ .block-list.is-primary > li {
7160
7178
  background: #00d1b2;
7161
7179
  color: #fff; }
7162
- .block-list.is-primary.is-outlined li {
7163
- background: transparent;
7164
- color: #00d1b2;
7165
- border: 1px solid #00d1b2; }
7166
- .block-list.is-primary.has-radius li {
7167
- border-radius: 4px; }
7168
- .block-list.is-link li {
7180
+ .block-list li.is-primary.is-outlined,
7181
+ .block-list li.is-primary.is-outlined > li,
7182
+ .block-list.is-primary > li.is-outlined,
7183
+ .block-list.is-primary > li.is-outlined > li {
7184
+ background: transparent;
7185
+ color: #00d1b2;
7186
+ border: 1px solid #00d1b2; }
7187
+ .block-list li.is-link,
7188
+ .block-list.is-link > li {
7169
7189
  background: #3273dc;
7170
7190
  color: #fff; }
7171
- .block-list.is-link.is-outlined li {
7172
- background: transparent;
7173
- color: #3273dc;
7174
- border: 1px solid #3273dc; }
7175
- .block-list.is-link.has-radius li {
7176
- border-radius: 4px; }
7177
- .block-list.is-info li {
7191
+ .block-list li.is-link.is-outlined,
7192
+ .block-list li.is-link.is-outlined > li,
7193
+ .block-list.is-link > li.is-outlined,
7194
+ .block-list.is-link > li.is-outlined > li {
7195
+ background: transparent;
7196
+ color: #3273dc;
7197
+ border: 1px solid #3273dc; }
7198
+ .block-list li.is-info,
7199
+ .block-list.is-info > li {
7178
7200
  background: #3298dc;
7179
7201
  color: #fff; }
7180
- .block-list.is-info.is-outlined li {
7181
- background: transparent;
7182
- color: #3298dc;
7183
- border: 1px solid #3298dc; }
7184
- .block-list.is-info.has-radius li {
7185
- border-radius: 4px; }
7186
- .block-list.is-success li {
7202
+ .block-list li.is-info.is-outlined,
7203
+ .block-list li.is-info.is-outlined > li,
7204
+ .block-list.is-info > li.is-outlined,
7205
+ .block-list.is-info > li.is-outlined > li {
7206
+ background: transparent;
7207
+ color: #3298dc;
7208
+ border: 1px solid #3298dc; }
7209
+ .block-list li.is-success,
7210
+ .block-list.is-success > li {
7187
7211
  background: #48c774;
7188
7212
  color: #fff; }
7189
- .block-list.is-success.is-outlined li {
7190
- background: transparent;
7191
- color: #48c774;
7192
- border: 1px solid #48c774; }
7193
- .block-list.is-success.has-radius li {
7194
- border-radius: 4px; }
7195
- .block-list.is-warning li {
7213
+ .block-list li.is-success.is-outlined,
7214
+ .block-list li.is-success.is-outlined > li,
7215
+ .block-list.is-success > li.is-outlined,
7216
+ .block-list.is-success > li.is-outlined > li {
7217
+ background: transparent;
7218
+ color: #48c774;
7219
+ border: 1px solid #48c774; }
7220
+ .block-list li.is-warning,
7221
+ .block-list.is-warning > li {
7196
7222
  background: #ffdd57;
7197
7223
  color: rgba(0, 0, 0, 0.7); }
7198
- .block-list.is-warning.is-outlined li {
7199
- background: transparent;
7200
- color: #ffdd57;
7201
- border: 1px solid #ffdd57; }
7202
- .block-list.is-warning.has-radius li {
7203
- border-radius: 4px; }
7204
- .block-list.is-danger li {
7224
+ .block-list li.is-warning.is-outlined,
7225
+ .block-list li.is-warning.is-outlined > li,
7226
+ .block-list.is-warning > li.is-outlined,
7227
+ .block-list.is-warning > li.is-outlined > li {
7228
+ background: transparent;
7229
+ color: #ffdd57;
7230
+ border: 1px solid #ffdd57; }
7231
+ .block-list li.is-danger,
7232
+ .block-list.is-danger > li {
7205
7233
  background: #f14668;
7206
7234
  color: #fff; }
7207
- .block-list.is-danger.is-outlined li {
7208
- background: transparent;
7209
- color: #f14668;
7210
- border: 1px solid #f14668; }
7211
- .block-list.is-danger.has-radius li {
7212
- border-radius: 4px; }
7235
+ .block-list li.is-danger.is-outlined,
7236
+ .block-list li.is-danger.is-outlined > li,
7237
+ .block-list.is-danger > li.is-outlined,
7238
+ .block-list.is-danger > li.is-outlined > li {
7239
+ background: transparent;
7240
+ color: #f14668;
7241
+ border: 1px solid #f14668; }
@@ -203,6 +203,35 @@
203
203
  </ul>
204
204
  </div>
205
205
 
206
+ <div class="column is-12">
207
+ <p class="title is-4">List Item Overrides</p>
208
+ <p>In v0.3 you can override the classes on a list item</p>
209
+ </div>
210
+ <div class="column is-4">
211
+ <p class="title is-5">li.is-large</p>
212
+ <ul class="block-list">
213
+ <li>Item one</li>
214
+ <li class="is-large">Item two</li>
215
+ <li>Item three</li>
216
+ </ul>
217
+ </div>
218
+ <div class="column is-4">
219
+ <p class="title is-5">li.is-primary</p>
220
+ <ul class="block-list">
221
+ <li>Item one</li>
222
+ <li class="is-primary">Item two</li>
223
+ <li>Item three</li>
224
+ </ul>
225
+ </div>
226
+ <div class="column is-4">
227
+ <p class="title is-5">li.is-primary.is-outlined</p>
228
+ <ul class="block-list">
229
+ <li>Item one</li>
230
+ <li class="is-primary is-outlined">Item two</li>
231
+ <li>Item three</li>
232
+ </ul>
233
+ </div>
234
+
206
235
  <div class="column is-12">
207
236
  <p class="title is-4">Combinations</p>
208
237
  </div>
@@ -223,10 +252,11 @@
223
252
  </ul>
224
253
  </div>
225
254
  <div class="column is-4">
226
- <p class="title is-5">is-large is-outlined is-danger is-centered</p>
227
- <ul class="block-list is-large is-outlined is-danger is-centered">
255
+ <p class="title is-5">ul.is-danger.is-centered</p>
256
+ <p class="subtitle">li.is-outlined.is-large</p>
257
+ <ul class="block-list is-centered is-danger">
228
258
  <li>Item one</li>
229
- <li>Item two</li>
259
+ <li class="is-danger is-outlined is-large">Item two</li>
230
260
  <li>Item three</li>
231
261
  </ul>
232
262
  </div>
@@ -1,26 +1,26 @@
1
1
  {
2
- "_from": "bulma-block-list@^0.2",
3
- "_id": "bulma-block-list@0.2.0",
2
+ "_from": "bulma-block-list@^0.3",
3
+ "_id": "bulma-block-list@0.3.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-SxwQWuRG6dXOwZFkYtpnahbXT1b3LWNkuLVJ1ACEPp/2Bie8aDQoq8iFcFd9WfWr+9U9DZ3Vj54V0lKmn8T/fQ==",
5
+ "_integrity": "sha512-LGE36PYy6IZustZwfASmKbQom+s9a16coY3GzDFdq1uEFja5Qj31vZqDwuwMNU+IXGYG3kvR2ZfoRX/7Xc+fZw==",
6
6
  "_location": "/bulma-block-list",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
9
9
  "type": "range",
10
10
  "registry": true,
11
- "raw": "bulma-block-list@^0.2",
11
+ "raw": "bulma-block-list@^0.3",
12
12
  "name": "bulma-block-list",
13
13
  "escapedName": "bulma-block-list",
14
- "rawSpec": "^0.2",
14
+ "rawSpec": "^0.3",
15
15
  "saveSpec": null,
16
- "fetchSpec": "^0.2"
16
+ "fetchSpec": "^0.3"
17
17
  },
18
18
  "_requiredBy": [
19
19
  "/"
20
20
  ],
21
- "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.2.0.tgz",
22
- "_shasum": "a0777b3d1c7151146717042b07c57eed0683d8db",
23
- "_spec": "bulma-block-list@^0.2",
21
+ "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.3.0.tgz",
22
+ "_shasum": "0529f134cc7113c869ad35795d295feb2f2003a6",
23
+ "_spec": "bulma-block-list@^0.3",
24
24
  "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
25
25
  "author": {
26
26
  "name": "chrisrhymes"
@@ -52,5 +52,5 @@
52
52
  "css-watch": "npm run css-build -- --watch",
53
53
  "start": "npm run css-watch"
54
54
  },
55
- "version": "0.2.0"
55
+ "version": "0.3.0"
56
56
  }
@@ -11,42 +11,41 @@ $block-list-separator: 0.25rem !default;
11
11
  margin-bottom: $block-list-separator;
12
12
  }
13
13
 
14
- &.is-left {
15
- li {
16
- text-align: left;
17
- }
14
+ li.is-left,
15
+ &.is-left > li {
16
+ text-align: left;
18
17
  }
19
18
 
20
19
 
21
- &.is-centered {
22
- li {
23
- text-align: center;
24
- }
20
+ li.is-centered,
21
+ &.is-centered > li {
22
+ text-align: center;
25
23
  }
26
24
 
27
- &.is-right {
28
- li {
29
- text-align: right;
30
- }
25
+ li.is-right,
26
+ &.is-right > li {
27
+ text-align: right;
31
28
  }
32
29
 
33
- &.is-small {
34
- li {
35
- font-size: $small-font-size;
36
- padding: ($gap / 3);
37
- }
30
+ li.is-small,
31
+ &.is-small > li {
32
+ font-size: $small-font-size;
33
+ padding: ($gap / 3);
38
34
  }
39
-
40
- &.is-normal {
41
- li {
42
- font-size: $body-font-size;
43
- }
35
+
36
+ li.is-normal,
37
+ &.is-normal > li {
38
+ font-size: $body-font-size;
44
39
  }
45
40
 
46
- &.is-large {
47
- li {
48
- font-size: $size-large;
49
- }
41
+ li.is-large,
42
+ &.is-large > li {
43
+ font-size: $size-large;
44
+ }
45
+
46
+ li.has-radius,
47
+ &.has-radius > li {
48
+ border-radius: $radius;
50
49
  }
51
50
 
52
51
  @each $name, $pair in $colors {
@@ -54,26 +53,17 @@ $block-list-separator: 0.25rem !default;
54
53
  $color: nth($pair, 1);
55
54
  $color-invert: nth($pair, 2);
56
55
 
57
- &.is-#{$name} {
58
- li {
59
- background: $color;
60
- color: $color-invert;
61
- }
62
-
63
- &.is-outlined {
64
- li {
65
- background: transparent;
66
- color: $color;
67
- border: 1px solid $color;
68
- }
69
- }
56
+ li.is-#{$name},
57
+ &.is-#{$name} > li {
58
+ background: $color;
59
+ color: $color-invert;
70
60
 
71
- &.has-radius {
72
- li {
73
- border-radius: $radius;
74
- }
61
+ &.is-outlined,
62
+ &.is-outlined > li {
63
+ background: transparent;
64
+ color: $color;
65
+ border: 1px solid $color;
75
66
  }
76
67
  }
77
68
  }
78
-
79
69
  }
@@ -1,3 +1,3 @@
1
1
  @charset "utf-8";
2
- @import "node_modules/bulma/bulma.sass";
2
+ @import "node_modules/bulma/bulma";
3
3
  @import "block-list.scss";
@@ -10,9 +10,9 @@
10
10
  "integrity": "sha512-nhf3rGyiZh/VM7FrSJ/5KeLlfaFkXz0nYcXriynfPH4vVpnxnqyEwaNGdNCVzHyyCA3cHgkQAMpdF/SFbFGZfA=="
11
11
  },
12
12
  "bulma-block-list": {
13
- "version": "0.2.0",
14
- "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.2.0.tgz",
15
- "integrity": "sha512-SxwQWuRG6dXOwZFkYtpnahbXT1b3LWNkuLVJ1ACEPp/2Bie8aDQoq8iFcFd9WfWr+9U9DZ3Vj54V0lKmn8T/fQ==",
13
+ "version": "0.3.0",
14
+ "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.3.0.tgz",
15
+ "integrity": "sha512-LGE36PYy6IZustZwfASmKbQom+s9a16coY3GzDFdq1uEFja5Qj31vZqDwuwMNU+IXGYG3kvR2ZfoRX/7Xc+fZw==",
16
16
  "requires": {
17
17
  "bulma": "^0.8.0"
18
18
  }
@@ -11,6 +11,6 @@
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
13
  "bulma": "^0.8",
14
- "bulma-block-list": "^0.2"
14
+ "bulma-block-list": "^0.3"
15
15
  }
16
16
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bulma-clean-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.1
4
+ version: 0.7.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - chrisrhymes
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-04-02 00:00:00.000000000 Z
11
+ date: 2020-05-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll