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 +4 -4
- data/_includes/pagination.html +2 -2
- data/node_modules/bulma-block-list/README.md +12 -0
- data/node_modules/bulma-block-list/docs/demo.css +105 -76
- data/node_modules/bulma-block-list/docs/index.html +33 -3
- data/node_modules/bulma-block-list/package.json +10 -10
- data/node_modules/bulma-block-list/src/block-list.scss +34 -44
- data/node_modules/bulma-block-list/src/demo.scss +1 -1
- data/package-lock.json +3 -3
- data/package.json +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2a55597a6e295b3d5800382d6ff56ebe30f7b360
|
4
|
+
data.tar.gz: b49d2afdc9e0ee872ee4e6ae18020431182095be
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6c494986a38b93491b3766e7a0537e611396e61d1e29bdaf541b05355127c76e82136d14bb5e028670e98b7e81a7bedd99510fbcd4bf01a1025f602ff949a0c0
|
7
|
+
data.tar.gz: 0ea27d0ea84e6ee172c2c12d08005ff8f77864190116cc525c9c3920c08eef769f1592957920375920bfa67770fa44e0191bb2b613229e635f7d774fc5bb924b
|
data/_includes/pagination.html
CHANGED
@@ -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="{{
|
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
|
7110
|
+
.block-list li.is-left,
|
7111
|
+
.block-list.is-left > li {
|
7111
7112
|
text-align: left; }
|
7112
|
-
.block-list.is-centered
|
7113
|
+
.block-list li.is-centered,
|
7114
|
+
.block-list.is-centered > li {
|
7113
7115
|
text-align: center; }
|
7114
|
-
.block-list.is-right
|
7116
|
+
.block-list li.is-right,
|
7117
|
+
.block-list.is-right > li {
|
7115
7118
|
text-align: right; }
|
7116
|
-
.block-list.is-small
|
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
|
7123
|
+
.block-list li.is-normal,
|
7124
|
+
.block-list.is-normal > li {
|
7120
7125
|
font-size: 1em; }
|
7121
|
-
.block-list.is-large
|
7126
|
+
.block-list li.is-large,
|
7127
|
+
.block-list.is-large > li {
|
7122
7128
|
font-size: 1.5rem; }
|
7123
|
-
.block-list.
|
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
|
-
|
7127
|
-
|
7128
|
-
|
7129
|
-
|
7130
|
-
|
7131
|
-
|
7132
|
-
|
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
|
-
|
7136
|
-
|
7137
|
-
|
7138
|
-
|
7139
|
-
|
7140
|
-
|
7141
|
-
|
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
|
-
|
7145
|
-
|
7146
|
-
|
7147
|
-
|
7148
|
-
|
7149
|
-
|
7150
|
-
|
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
|
-
|
7154
|
-
|
7155
|
-
|
7156
|
-
|
7157
|
-
|
7158
|
-
|
7159
|
-
|
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
|
-
|
7163
|
-
|
7164
|
-
|
7165
|
-
|
7166
|
-
|
7167
|
-
|
7168
|
-
|
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
|
-
|
7172
|
-
|
7173
|
-
|
7174
|
-
|
7175
|
-
|
7176
|
-
|
7177
|
-
|
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
|
-
|
7181
|
-
|
7182
|
-
|
7183
|
-
|
7184
|
-
|
7185
|
-
|
7186
|
-
|
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
|
-
|
7190
|
-
|
7191
|
-
|
7192
|
-
|
7193
|
-
|
7194
|
-
|
7195
|
-
|
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
|
-
|
7199
|
-
|
7200
|
-
|
7201
|
-
|
7202
|
-
|
7203
|
-
|
7204
|
-
|
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
|
-
|
7208
|
-
|
7209
|
-
|
7210
|
-
|
7211
|
-
|
7212
|
-
|
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-
|
227
|
-
<
|
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.
|
3
|
-
"_id": "bulma-block-list@0.
|
2
|
+
"_from": "bulma-block-list@^0.3",
|
3
|
+
"_id": "bulma-block-list@0.3.0",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
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.
|
11
|
+
"raw": "bulma-block-list@^0.3",
|
12
12
|
"name": "bulma-block-list",
|
13
13
|
"escapedName": "bulma-block-list",
|
14
|
-
"rawSpec": "^0.
|
14
|
+
"rawSpec": "^0.3",
|
15
15
|
"saveSpec": null,
|
16
|
-
"fetchSpec": "^0.
|
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.
|
22
|
-
"_shasum": "
|
23
|
-
"_spec": "bulma-block-list@^0.
|
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.
|
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
|
-
|
15
|
-
|
16
|
-
|
17
|
-
}
|
14
|
+
li.is-left,
|
15
|
+
&.is-left > li {
|
16
|
+
text-align: left;
|
18
17
|
}
|
19
18
|
|
20
19
|
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
}
|
20
|
+
li.is-centered,
|
21
|
+
&.is-centered > li {
|
22
|
+
text-align: center;
|
25
23
|
}
|
26
24
|
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
}
|
25
|
+
li.is-right,
|
26
|
+
&.is-right > li {
|
27
|
+
text-align: right;
|
31
28
|
}
|
32
29
|
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
}
|
30
|
+
li.is-small,
|
31
|
+
&.is-small > li {
|
32
|
+
font-size: $small-font-size;
|
33
|
+
padding: ($gap / 3);
|
38
34
|
}
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
}
|
35
|
+
|
36
|
+
li.is-normal,
|
37
|
+
&.is-normal > li {
|
38
|
+
font-size: $body-font-size;
|
44
39
|
}
|
45
40
|
|
46
|
-
|
47
|
-
|
48
|
-
|
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
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
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
|
-
&.
|
72
|
-
|
73
|
-
|
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
|
}
|
data/package-lock.json
CHANGED
@@ -10,9 +10,9 @@
|
|
10
10
|
"integrity": "sha512-nhf3rGyiZh/VM7FrSJ/5KeLlfaFkXz0nYcXriynfPH4vVpnxnqyEwaNGdNCVzHyyCA3cHgkQAMpdF/SFbFGZfA=="
|
11
11
|
},
|
12
12
|
"bulma-block-list": {
|
13
|
-
"version": "0.
|
14
|
-
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.
|
15
|
-
"integrity": "sha512-
|
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
|
}
|
data/package.json
CHANGED
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.
|
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-
|
11
|
+
date: 2020-05-05 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|