bulma-clean-theme 0.7.1 → 0.7.2

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