bulma-clean-theme 0.6.4 → 0.6.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,8 +6,15 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Bulma Block List</title>
8
8
  <meta name="description" content="A simple scss package extending Bulma with block style list elements">
9
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
10
- <link rel="stylesheet" href="block-list.css">
9
+ <link rel="stylesheet" href="demo.css">
10
+ <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-49024852-2"></script>
11
+ <script>
12
+ window['ga-disable-UA-49024852-2'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
13
+ window.dataLayer = window.dataLayer || [];
14
+ function gtag(){dataLayer.push(arguments);}
15
+ gtag('js', new Date());
16
+ gtag('config', 'UA-49024852-2');
17
+ </script>
11
18
  </head>
12
19
  <body>
13
20
  <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
@@ -39,6 +46,7 @@
39
46
  <a href="https://github.com/chrisrhymes/bulma-block-list/network/members">
40
47
  <img alt="GitHub forks" src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social">
41
48
  </a>
49
+ <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
42
50
  </div>
43
51
  <div class="column is-12">
44
52
  <div class="content">
@@ -46,6 +54,14 @@
46
54
  <p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
47
55
  <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>
48
56
  </div>
57
+ <div class="highlight highlight-text-html-basic">
58
+ <pre>
59
+ &lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>block-list is-small is-outlined is-success is-centered<span class="pl-pds">"</span></span>&gt;
60
+ &lt;<span class="pl-ent">li</span>&gt;Item one&lt;/<span class="pl-ent">li</span>&gt;
61
+ &lt;<span class="pl-ent">li</span>&gt;Item two&lt;/<span class="pl-ent">li</span>&gt;
62
+ &lt;<span class="pl-ent">li</span>&gt;Item three&lt;/<span class="pl-ent">li</span>&gt;
63
+ &lt;/<span class="pl-ent">ul</span>&gt;</pre>
64
+ </div>
49
65
  </div>
50
66
  <div class="column is-12">
51
67
  <p class="title is-4">Alignment</p>
@@ -1,27 +1,26 @@
1
1
  {
2
- "_from": "bulma-block-list",
3
- "_id": "bulma-block-list@0.1.1",
2
+ "_from": "bulma-block-list@^0.2",
3
+ "_id": "bulma-block-list@0.2.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-ebtC0vbsn+MNQWmL7RFf9YElZzy365uBjiHN85op5F9YHITvDmysCf69FyV6emOu0R57Nq7kZHDjC620ntC2ZQ==",
5
+ "_integrity": "sha512-SxwQWuRG6dXOwZFkYtpnahbXT1b3LWNkuLVJ1ACEPp/2Bie8aDQoq8iFcFd9WfWr+9U9DZ3Vj54V0lKmn8T/fQ==",
6
6
  "_location": "/bulma-block-list",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
9
- "type": "tag",
9
+ "type": "range",
10
10
  "registry": true,
11
- "raw": "bulma-block-list",
11
+ "raw": "bulma-block-list@^0.2",
12
12
  "name": "bulma-block-list",
13
13
  "escapedName": "bulma-block-list",
14
- "rawSpec": "",
14
+ "rawSpec": "^0.2",
15
15
  "saveSpec": null,
16
- "fetchSpec": "latest"
16
+ "fetchSpec": "^0.2"
17
17
  },
18
18
  "_requiredBy": [
19
- "#USER",
20
19
  "/"
21
20
  ],
22
- "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.1.1.tgz",
23
- "_shasum": "c9ac135363c2b747716b0fcaea98b0b84cf4b18a",
24
- "_spec": "bulma-block-list",
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",
25
24
  "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
26
25
  "author": {
27
26
  "name": "chrisrhymes"
@@ -30,10 +29,12 @@
30
29
  "url": "https://github.com/chrisrhymes/bulma-block-list/issues"
31
30
  },
32
31
  "bundleDependencies": false,
32
+ "dependencies": {
33
+ "bulma": "^0.8.0"
34
+ },
33
35
  "deprecated": false,
34
36
  "description": "A simple scss package extending Bulma with block style list elements",
35
37
  "devDependencies": {
36
- "bulma": "^0.8.0",
37
38
  "node-sass": "^4.9.2"
38
39
  },
39
40
  "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
@@ -47,9 +48,9 @@
47
48
  "main": "src/block-list.scss",
48
49
  "name": "bulma-block-list",
49
50
  "scripts": {
50
- "css-build": "node-sass --omit-source-map-url src/block-list.scss docs/block-list.css",
51
+ "css-build": "node-sass --omit-source-map-url src/demo.scss docs/demo.css",
51
52
  "css-watch": "npm run css-build -- --watch",
52
53
  "start": "npm run css-watch"
53
54
  },
54
- "version": "0.1.1"
55
+ "version": "0.2.0"
55
56
  }
@@ -1,6 +1,4 @@
1
1
  @charset "utf-8";
2
- @import "node_modules/bulma/sass/utilities/_all.sass";
3
- @import "node_modules/bulma/sass/base/_all.sass";
4
2
 
5
3
  $block-list-separator: 0.25rem !default;
6
4
 
@@ -0,0 +1,3 @@
1
+ @charset "utf-8";
2
+ @import "node_modules/bulma/bulma.sass";
3
+ @import "block-list.scss";
data/package-lock.json CHANGED
@@ -10,9 +10,12 @@
10
10
  "integrity": "sha512-nhf3rGyiZh/VM7FrSJ/5KeLlfaFkXz0nYcXriynfPH4vVpnxnqyEwaNGdNCVzHyyCA3cHgkQAMpdF/SFbFGZfA=="
11
11
  },
12
12
  "bulma-block-list": {
13
- "version": "0.1.1",
14
- "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.1.1.tgz",
15
- "integrity": "sha512-ebtC0vbsn+MNQWmL7RFf9YElZzy365uBjiHN85op5F9YHITvDmysCf69FyV6emOu0R57Nq7kZHDjC620ntC2ZQ=="
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==",
16
+ "requires": {
17
+ "bulma": "^0.8.0"
18
+ }
16
19
  }
17
20
  }
18
21
  }
data/package.json CHANGED
@@ -11,6 +11,6 @@
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
13
  "bulma": "^0.8",
14
- "bulma-block-list": "^0.1.1"
14
+ "bulma-block-list": "^0.2"
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.6.4
4
+ version: 0.6.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - chrisrhymes
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-01-17 00:00:00.000000000 Z
11
+ date: 2020-01-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -173,7 +173,6 @@ files:
173
173
  - _posts/2018-05-28-why-use-a-static-site-generator.markdown
174
174
  - _posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown
175
175
  - _posts/2019-07-23-introducing-some-new-layouts-to-bulma-clean-theme.markdown
176
- - _sass/_block-list.scss
177
176
  - _sass/_layout.scss
178
177
  - _sass/_main.scss
179
178
  - _sass/_showcase.scss
@@ -185,10 +184,11 @@ files:
185
184
  - node_modules/.yarn-integrity
186
185
  - node_modules/bulma-block-list/LICENSE.txt
187
186
  - node_modules/bulma-block-list/README.md
188
- - node_modules/bulma-block-list/docs/block-list.css
187
+ - node_modules/bulma-block-list/docs/demo.css
189
188
  - node_modules/bulma-block-list/docs/index.html
190
189
  - node_modules/bulma-block-list/package.json
191
190
  - node_modules/bulma-block-list/src/block-list.scss
191
+ - node_modules/bulma-block-list/src/demo.scss
192
192
  - node_modules/bulma/CHANGELOG.md
193
193
  - node_modules/bulma/LICENSE
194
194
  - node_modules/bulma/README.md
@@ -1,79 +0,0 @@
1
- @charset "utf-8";
2
-
3
- $block-list-separator: 0.25rem !default;
4
-
5
- .block-list {
6
- list-style: none;
7
-
8
- li {
9
- padding: ($gap / 2);
10
- background: $light;
11
- margin-bottom: $block-list-separator;
12
- }
13
-
14
- &.is-left {
15
- li {
16
- text-align: left;
17
- }
18
- }
19
-
20
-
21
- &.is-centered {
22
- li {
23
- text-align: center;
24
- }
25
- }
26
-
27
- &.is-right {
28
- li {
29
- text-align: right;
30
- }
31
- }
32
-
33
- &.is-small {
34
- li {
35
- font-size: $small-font-size;
36
- padding: ($gap / 3);
37
- }
38
- }
39
-
40
- &.is-normal {
41
- li {
42
- font-size: $body-font-size;
43
- }
44
- }
45
-
46
- &.is-large {
47
- li {
48
- font-size: $size-large;
49
- }
50
- }
51
-
52
- @each $name, $pair in $colors {
53
-
54
- $color: nth($pair, 1);
55
- $color-invert: nth($pair, 2);
56
-
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
- }
70
-
71
- &.has-radius {
72
- li {
73
- border-radius: $radius;
74
- }
75
- }
76
- }
77
- }
78
-
79
- }
@@ -1,1079 +0,0 @@
1
- @keyframes spinAround {
2
- from {
3
- transform: rotate(0deg); }
4
- to {
5
- transform: rotate(359deg); } }
6
-
7
- .is-unselectable {
8
- -webkit-touch-callout: none;
9
- -webkit-user-select: none;
10
- -moz-user-select: none;
11
- -ms-user-select: none;
12
- user-select: none; }
13
-
14
- .is-overlay {
15
- bottom: 0;
16
- left: 0;
17
- position: absolute;
18
- right: 0;
19
- top: 0; }
20
-
21
- /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
22
- html,
23
- body,
24
- p,
25
- ol,
26
- ul,
27
- li,
28
- dl,
29
- dt,
30
- dd,
31
- blockquote,
32
- figure,
33
- fieldset,
34
- legend,
35
- textarea,
36
- pre,
37
- iframe,
38
- hr,
39
- h1,
40
- h2,
41
- h3,
42
- h4,
43
- h5,
44
- h6 {
45
- margin: 0;
46
- padding: 0; }
47
-
48
- h1,
49
- h2,
50
- h3,
51
- h4,
52
- h5,
53
- h6 {
54
- font-size: 100%;
55
- font-weight: normal; }
56
-
57
- ul {
58
- list-style: none; }
59
-
60
- button,
61
- input,
62
- select,
63
- textarea {
64
- margin: 0; }
65
-
66
- html {
67
- box-sizing: border-box; }
68
-
69
- *, *::before, *::after {
70
- box-sizing: inherit; }
71
-
72
- img,
73
- video {
74
- height: auto;
75
- max-width: 100%; }
76
-
77
- iframe {
78
- border: 0; }
79
-
80
- table {
81
- border-collapse: collapse;
82
- border-spacing: 0; }
83
-
84
- td,
85
- th {
86
- padding: 0; }
87
- td:not([align]),
88
- th:not([align]) {
89
- text-align: left; }
90
-
91
- html {
92
- background-color: white;
93
- font-size: 16px;
94
- -moz-osx-font-smoothing: grayscale;
95
- -webkit-font-smoothing: antialiased;
96
- min-width: 300px;
97
- overflow-x: hidden;
98
- overflow-y: scroll;
99
- text-rendering: optimizeLegibility;
100
- text-size-adjust: 100%; }
101
-
102
- article,
103
- aside,
104
- figure,
105
- footer,
106
- header,
107
- hgroup,
108
- section {
109
- display: block; }
110
-
111
- body,
112
- button,
113
- input,
114
- select,
115
- textarea {
116
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
117
-
118
- code,
119
- pre {
120
- -moz-osx-font-smoothing: auto;
121
- -webkit-font-smoothing: auto;
122
- font-family: monospace; }
123
-
124
- body {
125
- color: #4a4a4a;
126
- font-size: 1em;
127
- font-weight: 400;
128
- line-height: 1.5; }
129
-
130
- a {
131
- color: #3273dc;
132
- cursor: pointer;
133
- text-decoration: none; }
134
- a strong {
135
- color: currentColor; }
136
- a:hover {
137
- color: #363636; }
138
-
139
- code {
140
- background-color: whitesmoke;
141
- color: #f14668;
142
- font-size: 0.875em;
143
- font-weight: normal;
144
- padding: 0.25em 0.5em 0.25em; }
145
-
146
- hr {
147
- background-color: whitesmoke;
148
- border: none;
149
- display: block;
150
- height: 2px;
151
- margin: 1.5rem 0; }
152
-
153
- img {
154
- height: auto;
155
- max-width: 100%; }
156
-
157
- input[type="checkbox"],
158
- input[type="radio"] {
159
- vertical-align: baseline; }
160
-
161
- small {
162
- font-size: 0.875em; }
163
-
164
- span {
165
- font-style: inherit;
166
- font-weight: inherit; }
167
-
168
- strong {
169
- color: #363636;
170
- font-weight: 700; }
171
-
172
- fieldset {
173
- border: none; }
174
-
175
- pre {
176
- -webkit-overflow-scrolling: touch;
177
- background-color: whitesmoke;
178
- color: #4a4a4a;
179
- font-size: 0.875em;
180
- overflow-x: auto;
181
- padding: 1.25rem 1.5rem;
182
- white-space: pre;
183
- word-wrap: normal; }
184
- pre code {
185
- background-color: transparent;
186
- color: currentColor;
187
- font-size: 1em;
188
- padding: 0; }
189
-
190
- table td,
191
- table th {
192
- vertical-align: top; }
193
- table td:not([align]),
194
- table th:not([align]) {
195
- text-align: left; }
196
-
197
- table th {
198
- color: #363636; }
199
-
200
- .is-clearfix::after {
201
- clear: both;
202
- content: " ";
203
- display: table; }
204
-
205
- .is-pulled-left {
206
- float: left !important; }
207
-
208
- .is-pulled-right {
209
- float: right !important; }
210
-
211
- .is-clipped {
212
- overflow: hidden !important; }
213
-
214
- .is-size-1 {
215
- font-size: 3rem !important; }
216
-
217
- .is-size-2 {
218
- font-size: 2.5rem !important; }
219
-
220
- .is-size-3 {
221
- font-size: 2rem !important; }
222
-
223
- .is-size-4 {
224
- font-size: 1.5rem !important; }
225
-
226
- .is-size-5 {
227
- font-size: 1.25rem !important; }
228
-
229
- .is-size-6 {
230
- font-size: 1rem !important; }
231
-
232
- .is-size-7 {
233
- font-size: 0.75rem !important; }
234
-
235
- @media screen and (max-width: 768px) {
236
- .is-size-1-mobile {
237
- font-size: 3rem !important; }
238
- .is-size-2-mobile {
239
- font-size: 2.5rem !important; }
240
- .is-size-3-mobile {
241
- font-size: 2rem !important; }
242
- .is-size-4-mobile {
243
- font-size: 1.5rem !important; }
244
- .is-size-5-mobile {
245
- font-size: 1.25rem !important; }
246
- .is-size-6-mobile {
247
- font-size: 1rem !important; }
248
- .is-size-7-mobile {
249
- font-size: 0.75rem !important; } }
250
-
251
- @media screen and (min-width: 769px), print {
252
- .is-size-1-tablet {
253
- font-size: 3rem !important; }
254
- .is-size-2-tablet {
255
- font-size: 2.5rem !important; }
256
- .is-size-3-tablet {
257
- font-size: 2rem !important; }
258
- .is-size-4-tablet {
259
- font-size: 1.5rem !important; }
260
- .is-size-5-tablet {
261
- font-size: 1.25rem !important; }
262
- .is-size-6-tablet {
263
- font-size: 1rem !important; }
264
- .is-size-7-tablet {
265
- font-size: 0.75rem !important; } }
266
-
267
- @media screen and (max-width: 1023px) {
268
- .is-size-1-touch {
269
- font-size: 3rem !important; }
270
- .is-size-2-touch {
271
- font-size: 2.5rem !important; }
272
- .is-size-3-touch {
273
- font-size: 2rem !important; }
274
- .is-size-4-touch {
275
- font-size: 1.5rem !important; }
276
- .is-size-5-touch {
277
- font-size: 1.25rem !important; }
278
- .is-size-6-touch {
279
- font-size: 1rem !important; }
280
- .is-size-7-touch {
281
- font-size: 0.75rem !important; } }
282
-
283
- @media screen and (min-width: 1024px) {
284
- .is-size-1-desktop {
285
- font-size: 3rem !important; }
286
- .is-size-2-desktop {
287
- font-size: 2.5rem !important; }
288
- .is-size-3-desktop {
289
- font-size: 2rem !important; }
290
- .is-size-4-desktop {
291
- font-size: 1.5rem !important; }
292
- .is-size-5-desktop {
293
- font-size: 1.25rem !important; }
294
- .is-size-6-desktop {
295
- font-size: 1rem !important; }
296
- .is-size-7-desktop {
297
- font-size: 0.75rem !important; } }
298
-
299
- @media screen and (min-width: 1216px) {
300
- .is-size-1-widescreen {
301
- font-size: 3rem !important; }
302
- .is-size-2-widescreen {
303
- font-size: 2.5rem !important; }
304
- .is-size-3-widescreen {
305
- font-size: 2rem !important; }
306
- .is-size-4-widescreen {
307
- font-size: 1.5rem !important; }
308
- .is-size-5-widescreen {
309
- font-size: 1.25rem !important; }
310
- .is-size-6-widescreen {
311
- font-size: 1rem !important; }
312
- .is-size-7-widescreen {
313
- font-size: 0.75rem !important; } }
314
-
315
- @media screen and (min-width: 1408px) {
316
- .is-size-1-fullhd {
317
- font-size: 3rem !important; }
318
- .is-size-2-fullhd {
319
- font-size: 2.5rem !important; }
320
- .is-size-3-fullhd {
321
- font-size: 2rem !important; }
322
- .is-size-4-fullhd {
323
- font-size: 1.5rem !important; }
324
- .is-size-5-fullhd {
325
- font-size: 1.25rem !important; }
326
- .is-size-6-fullhd {
327
- font-size: 1rem !important; }
328
- .is-size-7-fullhd {
329
- font-size: 0.75rem !important; } }
330
-
331
- .has-text-centered {
332
- text-align: center !important; }
333
-
334
- .has-text-justified {
335
- text-align: justify !important; }
336
-
337
- .has-text-left {
338
- text-align: left !important; }
339
-
340
- .has-text-right {
341
- text-align: right !important; }
342
-
343
- @media screen and (max-width: 768px) {
344
- .has-text-centered-mobile {
345
- text-align: center !important; } }
346
-
347
- @media screen and (min-width: 769px), print {
348
- .has-text-centered-tablet {
349
- text-align: center !important; } }
350
-
351
- @media screen and (min-width: 769px) and (max-width: 1023px) {
352
- .has-text-centered-tablet-only {
353
- text-align: center !important; } }
354
-
355
- @media screen and (max-width: 1023px) {
356
- .has-text-centered-touch {
357
- text-align: center !important; } }
358
-
359
- @media screen and (min-width: 1024px) {
360
- .has-text-centered-desktop {
361
- text-align: center !important; } }
362
-
363
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
364
- .has-text-centered-desktop-only {
365
- text-align: center !important; } }
366
-
367
- @media screen and (min-width: 1216px) {
368
- .has-text-centered-widescreen {
369
- text-align: center !important; } }
370
-
371
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
372
- .has-text-centered-widescreen-only {
373
- text-align: center !important; } }
374
-
375
- @media screen and (min-width: 1408px) {
376
- .has-text-centered-fullhd {
377
- text-align: center !important; } }
378
-
379
- @media screen and (max-width: 768px) {
380
- .has-text-justified-mobile {
381
- text-align: justify !important; } }
382
-
383
- @media screen and (min-width: 769px), print {
384
- .has-text-justified-tablet {
385
- text-align: justify !important; } }
386
-
387
- @media screen and (min-width: 769px) and (max-width: 1023px) {
388
- .has-text-justified-tablet-only {
389
- text-align: justify !important; } }
390
-
391
- @media screen and (max-width: 1023px) {
392
- .has-text-justified-touch {
393
- text-align: justify !important; } }
394
-
395
- @media screen and (min-width: 1024px) {
396
- .has-text-justified-desktop {
397
- text-align: justify !important; } }
398
-
399
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
400
- .has-text-justified-desktop-only {
401
- text-align: justify !important; } }
402
-
403
- @media screen and (min-width: 1216px) {
404
- .has-text-justified-widescreen {
405
- text-align: justify !important; } }
406
-
407
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
408
- .has-text-justified-widescreen-only {
409
- text-align: justify !important; } }
410
-
411
- @media screen and (min-width: 1408px) {
412
- .has-text-justified-fullhd {
413
- text-align: justify !important; } }
414
-
415
- @media screen and (max-width: 768px) {
416
- .has-text-left-mobile {
417
- text-align: left !important; } }
418
-
419
- @media screen and (min-width: 769px), print {
420
- .has-text-left-tablet {
421
- text-align: left !important; } }
422
-
423
- @media screen and (min-width: 769px) and (max-width: 1023px) {
424
- .has-text-left-tablet-only {
425
- text-align: left !important; } }
426
-
427
- @media screen and (max-width: 1023px) {
428
- .has-text-left-touch {
429
- text-align: left !important; } }
430
-
431
- @media screen and (min-width: 1024px) {
432
- .has-text-left-desktop {
433
- text-align: left !important; } }
434
-
435
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
436
- .has-text-left-desktop-only {
437
- text-align: left !important; } }
438
-
439
- @media screen and (min-width: 1216px) {
440
- .has-text-left-widescreen {
441
- text-align: left !important; } }
442
-
443
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
444
- .has-text-left-widescreen-only {
445
- text-align: left !important; } }
446
-
447
- @media screen and (min-width: 1408px) {
448
- .has-text-left-fullhd {
449
- text-align: left !important; } }
450
-
451
- @media screen and (max-width: 768px) {
452
- .has-text-right-mobile {
453
- text-align: right !important; } }
454
-
455
- @media screen and (min-width: 769px), print {
456
- .has-text-right-tablet {
457
- text-align: right !important; } }
458
-
459
- @media screen and (min-width: 769px) and (max-width: 1023px) {
460
- .has-text-right-tablet-only {
461
- text-align: right !important; } }
462
-
463
- @media screen and (max-width: 1023px) {
464
- .has-text-right-touch {
465
- text-align: right !important; } }
466
-
467
- @media screen and (min-width: 1024px) {
468
- .has-text-right-desktop {
469
- text-align: right !important; } }
470
-
471
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
472
- .has-text-right-desktop-only {
473
- text-align: right !important; } }
474
-
475
- @media screen and (min-width: 1216px) {
476
- .has-text-right-widescreen {
477
- text-align: right !important; } }
478
-
479
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
480
- .has-text-right-widescreen-only {
481
- text-align: right !important; } }
482
-
483
- @media screen and (min-width: 1408px) {
484
- .has-text-right-fullhd {
485
- text-align: right !important; } }
486
-
487
- .is-capitalized {
488
- text-transform: capitalize !important; }
489
-
490
- .is-lowercase {
491
- text-transform: lowercase !important; }
492
-
493
- .is-uppercase {
494
- text-transform: uppercase !important; }
495
-
496
- .is-italic {
497
- font-style: italic !important; }
498
-
499
- .has-text-white {
500
- color: white !important; }
501
-
502
- a.has-text-white:hover, a.has-text-white:focus {
503
- color: #e6e6e6 !important; }
504
-
505
- .has-background-white {
506
- background-color: white !important; }
507
-
508
- .has-text-black {
509
- color: #0a0a0a !important; }
510
-
511
- a.has-text-black:hover, a.has-text-black:focus {
512
- color: black !important; }
513
-
514
- .has-background-black {
515
- background-color: #0a0a0a !important; }
516
-
517
- .has-text-light {
518
- color: whitesmoke !important; }
519
-
520
- a.has-text-light:hover, a.has-text-light:focus {
521
- color: #dbdbdb !important; }
522
-
523
- .has-background-light {
524
- background-color: whitesmoke !important; }
525
-
526
- .has-text-dark {
527
- color: #363636 !important; }
528
-
529
- a.has-text-dark:hover, a.has-text-dark:focus {
530
- color: #1c1c1c !important; }
531
-
532
- .has-background-dark {
533
- background-color: #363636 !important; }
534
-
535
- .has-text-primary {
536
- color: #00d1b2 !important; }
537
-
538
- a.has-text-primary:hover, a.has-text-primary:focus {
539
- color: #009e86 !important; }
540
-
541
- .has-background-primary {
542
- background-color: #00d1b2 !important; }
543
-
544
- .has-text-link {
545
- color: #3273dc !important; }
546
-
547
- a.has-text-link:hover, a.has-text-link:focus {
548
- color: #205bbc !important; }
549
-
550
- .has-background-link {
551
- background-color: #3273dc !important; }
552
-
553
- .has-text-info {
554
- color: #3298dc !important; }
555
-
556
- a.has-text-info:hover, a.has-text-info:focus {
557
- color: #207dbc !important; }
558
-
559
- .has-background-info {
560
- background-color: #3298dc !important; }
561
-
562
- .has-text-success {
563
- color: #48c774 !important; }
564
-
565
- a.has-text-success:hover, a.has-text-success:focus {
566
- color: #34a85c !important; }
567
-
568
- .has-background-success {
569
- background-color: #48c774 !important; }
570
-
571
- .has-text-warning {
572
- color: #ffdd57 !important; }
573
-
574
- a.has-text-warning:hover, a.has-text-warning:focus {
575
- color: #ffd324 !important; }
576
-
577
- .has-background-warning {
578
- background-color: #ffdd57 !important; }
579
-
580
- .has-text-danger {
581
- color: #f14668 !important; }
582
-
583
- a.has-text-danger:hover, a.has-text-danger:focus {
584
- color: #ee1742 !important; }
585
-
586
- .has-background-danger {
587
- background-color: #f14668 !important; }
588
-
589
- .has-text-black-bis {
590
- color: #121212 !important; }
591
-
592
- .has-background-black-bis {
593
- background-color: #121212 !important; }
594
-
595
- .has-text-black-ter {
596
- color: #242424 !important; }
597
-
598
- .has-background-black-ter {
599
- background-color: #242424 !important; }
600
-
601
- .has-text-grey-darker {
602
- color: #363636 !important; }
603
-
604
- .has-background-grey-darker {
605
- background-color: #363636 !important; }
606
-
607
- .has-text-grey-dark {
608
- color: #4a4a4a !important; }
609
-
610
- .has-background-grey-dark {
611
- background-color: #4a4a4a !important; }
612
-
613
- .has-text-grey {
614
- color: #7a7a7a !important; }
615
-
616
- .has-background-grey {
617
- background-color: #7a7a7a !important; }
618
-
619
- .has-text-grey-light {
620
- color: #b5b5b5 !important; }
621
-
622
- .has-background-grey-light {
623
- background-color: #b5b5b5 !important; }
624
-
625
- .has-text-grey-lighter {
626
- color: #dbdbdb !important; }
627
-
628
- .has-background-grey-lighter {
629
- background-color: #dbdbdb !important; }
630
-
631
- .has-text-white-ter {
632
- color: whitesmoke !important; }
633
-
634
- .has-background-white-ter {
635
- background-color: whitesmoke !important; }
636
-
637
- .has-text-white-bis {
638
- color: #fafafa !important; }
639
-
640
- .has-background-white-bis {
641
- background-color: #fafafa !important; }
642
-
643
- .has-text-weight-light {
644
- font-weight: 300 !important; }
645
-
646
- .has-text-weight-normal {
647
- font-weight: 400 !important; }
648
-
649
- .has-text-weight-medium {
650
- font-weight: 500 !important; }
651
-
652
- .has-text-weight-semibold {
653
- font-weight: 600 !important; }
654
-
655
- .has-text-weight-bold {
656
- font-weight: 700 !important; }
657
-
658
- .is-family-primary {
659
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
660
-
661
- .is-family-secondary {
662
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
663
-
664
- .is-family-sans-serif {
665
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
666
-
667
- .is-family-monospace {
668
- font-family: monospace !important; }
669
-
670
- .is-family-code {
671
- font-family: monospace !important; }
672
-
673
- .is-block {
674
- display: block !important; }
675
-
676
- @media screen and (max-width: 768px) {
677
- .is-block-mobile {
678
- display: block !important; } }
679
-
680
- @media screen and (min-width: 769px), print {
681
- .is-block-tablet {
682
- display: block !important; } }
683
-
684
- @media screen and (min-width: 769px) and (max-width: 1023px) {
685
- .is-block-tablet-only {
686
- display: block !important; } }
687
-
688
- @media screen and (max-width: 1023px) {
689
- .is-block-touch {
690
- display: block !important; } }
691
-
692
- @media screen and (min-width: 1024px) {
693
- .is-block-desktop {
694
- display: block !important; } }
695
-
696
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
697
- .is-block-desktop-only {
698
- display: block !important; } }
699
-
700
- @media screen and (min-width: 1216px) {
701
- .is-block-widescreen {
702
- display: block !important; } }
703
-
704
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
705
- .is-block-widescreen-only {
706
- display: block !important; } }
707
-
708
- @media screen and (min-width: 1408px) {
709
- .is-block-fullhd {
710
- display: block !important; } }
711
-
712
- .is-flex {
713
- display: flex !important; }
714
-
715
- @media screen and (max-width: 768px) {
716
- .is-flex-mobile {
717
- display: flex !important; } }
718
-
719
- @media screen and (min-width: 769px), print {
720
- .is-flex-tablet {
721
- display: flex !important; } }
722
-
723
- @media screen and (min-width: 769px) and (max-width: 1023px) {
724
- .is-flex-tablet-only {
725
- display: flex !important; } }
726
-
727
- @media screen and (max-width: 1023px) {
728
- .is-flex-touch {
729
- display: flex !important; } }
730
-
731
- @media screen and (min-width: 1024px) {
732
- .is-flex-desktop {
733
- display: flex !important; } }
734
-
735
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
736
- .is-flex-desktop-only {
737
- display: flex !important; } }
738
-
739
- @media screen and (min-width: 1216px) {
740
- .is-flex-widescreen {
741
- display: flex !important; } }
742
-
743
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
744
- .is-flex-widescreen-only {
745
- display: flex !important; } }
746
-
747
- @media screen and (min-width: 1408px) {
748
- .is-flex-fullhd {
749
- display: flex !important; } }
750
-
751
- .is-inline {
752
- display: inline !important; }
753
-
754
- @media screen and (max-width: 768px) {
755
- .is-inline-mobile {
756
- display: inline !important; } }
757
-
758
- @media screen and (min-width: 769px), print {
759
- .is-inline-tablet {
760
- display: inline !important; } }
761
-
762
- @media screen and (min-width: 769px) and (max-width: 1023px) {
763
- .is-inline-tablet-only {
764
- display: inline !important; } }
765
-
766
- @media screen and (max-width: 1023px) {
767
- .is-inline-touch {
768
- display: inline !important; } }
769
-
770
- @media screen and (min-width: 1024px) {
771
- .is-inline-desktop {
772
- display: inline !important; } }
773
-
774
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
775
- .is-inline-desktop-only {
776
- display: inline !important; } }
777
-
778
- @media screen and (min-width: 1216px) {
779
- .is-inline-widescreen {
780
- display: inline !important; } }
781
-
782
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
783
- .is-inline-widescreen-only {
784
- display: inline !important; } }
785
-
786
- @media screen and (min-width: 1408px) {
787
- .is-inline-fullhd {
788
- display: inline !important; } }
789
-
790
- .is-inline-block {
791
- display: inline-block !important; }
792
-
793
- @media screen and (max-width: 768px) {
794
- .is-inline-block-mobile {
795
- display: inline-block !important; } }
796
-
797
- @media screen and (min-width: 769px), print {
798
- .is-inline-block-tablet {
799
- display: inline-block !important; } }
800
-
801
- @media screen and (min-width: 769px) and (max-width: 1023px) {
802
- .is-inline-block-tablet-only {
803
- display: inline-block !important; } }
804
-
805
- @media screen and (max-width: 1023px) {
806
- .is-inline-block-touch {
807
- display: inline-block !important; } }
808
-
809
- @media screen and (min-width: 1024px) {
810
- .is-inline-block-desktop {
811
- display: inline-block !important; } }
812
-
813
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
814
- .is-inline-block-desktop-only {
815
- display: inline-block !important; } }
816
-
817
- @media screen and (min-width: 1216px) {
818
- .is-inline-block-widescreen {
819
- display: inline-block !important; } }
820
-
821
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
822
- .is-inline-block-widescreen-only {
823
- display: inline-block !important; } }
824
-
825
- @media screen and (min-width: 1408px) {
826
- .is-inline-block-fullhd {
827
- display: inline-block !important; } }
828
-
829
- .is-inline-flex {
830
- display: inline-flex !important; }
831
-
832
- @media screen and (max-width: 768px) {
833
- .is-inline-flex-mobile {
834
- display: inline-flex !important; } }
835
-
836
- @media screen and (min-width: 769px), print {
837
- .is-inline-flex-tablet {
838
- display: inline-flex !important; } }
839
-
840
- @media screen and (min-width: 769px) and (max-width: 1023px) {
841
- .is-inline-flex-tablet-only {
842
- display: inline-flex !important; } }
843
-
844
- @media screen and (max-width: 1023px) {
845
- .is-inline-flex-touch {
846
- display: inline-flex !important; } }
847
-
848
- @media screen and (min-width: 1024px) {
849
- .is-inline-flex-desktop {
850
- display: inline-flex !important; } }
851
-
852
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
853
- .is-inline-flex-desktop-only {
854
- display: inline-flex !important; } }
855
-
856
- @media screen and (min-width: 1216px) {
857
- .is-inline-flex-widescreen {
858
- display: inline-flex !important; } }
859
-
860
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
861
- .is-inline-flex-widescreen-only {
862
- display: inline-flex !important; } }
863
-
864
- @media screen and (min-width: 1408px) {
865
- .is-inline-flex-fullhd {
866
- display: inline-flex !important; } }
867
-
868
- .is-hidden {
869
- display: none !important; }
870
-
871
- .is-sr-only {
872
- border: none !important;
873
- clip: rect(0, 0, 0, 0) !important;
874
- height: 0.01em !important;
875
- overflow: hidden !important;
876
- padding: 0 !important;
877
- position: absolute !important;
878
- white-space: nowrap !important;
879
- width: 0.01em !important; }
880
-
881
- @media screen and (max-width: 768px) {
882
- .is-hidden-mobile {
883
- display: none !important; } }
884
-
885
- @media screen and (min-width: 769px), print {
886
- .is-hidden-tablet {
887
- display: none !important; } }
888
-
889
- @media screen and (min-width: 769px) and (max-width: 1023px) {
890
- .is-hidden-tablet-only {
891
- display: none !important; } }
892
-
893
- @media screen and (max-width: 1023px) {
894
- .is-hidden-touch {
895
- display: none !important; } }
896
-
897
- @media screen and (min-width: 1024px) {
898
- .is-hidden-desktop {
899
- display: none !important; } }
900
-
901
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
902
- .is-hidden-desktop-only {
903
- display: none !important; } }
904
-
905
- @media screen and (min-width: 1216px) {
906
- .is-hidden-widescreen {
907
- display: none !important; } }
908
-
909
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
910
- .is-hidden-widescreen-only {
911
- display: none !important; } }
912
-
913
- @media screen and (min-width: 1408px) {
914
- .is-hidden-fullhd {
915
- display: none !important; } }
916
-
917
- .is-invisible {
918
- visibility: hidden !important; }
919
-
920
- @media screen and (max-width: 768px) {
921
- .is-invisible-mobile {
922
- visibility: hidden !important; } }
923
-
924
- @media screen and (min-width: 769px), print {
925
- .is-invisible-tablet {
926
- visibility: hidden !important; } }
927
-
928
- @media screen and (min-width: 769px) and (max-width: 1023px) {
929
- .is-invisible-tablet-only {
930
- visibility: hidden !important; } }
931
-
932
- @media screen and (max-width: 1023px) {
933
- .is-invisible-touch {
934
- visibility: hidden !important; } }
935
-
936
- @media screen and (min-width: 1024px) {
937
- .is-invisible-desktop {
938
- visibility: hidden !important; } }
939
-
940
- @media screen and (min-width: 1024px) and (max-width: 1215px) {
941
- .is-invisible-desktop-only {
942
- visibility: hidden !important; } }
943
-
944
- @media screen and (min-width: 1216px) {
945
- .is-invisible-widescreen {
946
- visibility: hidden !important; } }
947
-
948
- @media screen and (min-width: 1216px) and (max-width: 1407px) {
949
- .is-invisible-widescreen-only {
950
- visibility: hidden !important; } }
951
-
952
- @media screen and (min-width: 1408px) {
953
- .is-invisible-fullhd {
954
- visibility: hidden !important; } }
955
-
956
- .is-marginless {
957
- margin: 0 !important; }
958
-
959
- .is-paddingless {
960
- padding: 0 !important; }
961
-
962
- .is-radiusless {
963
- border-radius: 0 !important; }
964
-
965
- .is-shadowless {
966
- box-shadow: none !important; }
967
-
968
- .is-relative {
969
- position: relative !important; }
970
-
971
- .block-list {
972
- list-style: none; }
973
- .block-list li {
974
- padding: 16px;
975
- background: whitesmoke;
976
- margin-bottom: 0.25rem; }
977
- .block-list.is-left li {
978
- text-align: left; }
979
- .block-list.is-centered li {
980
- text-align: center; }
981
- .block-list.is-right li {
982
- text-align: right; }
983
- .block-list.is-small li {
984
- font-size: 0.875em;
985
- padding: 10.66667px; }
986
- .block-list.is-normal li {
987
- font-size: 1em; }
988
- .block-list.is-large li {
989
- font-size: 1.5rem; }
990
- .block-list.is-white li {
991
- background: white;
992
- color: #0a0a0a; }
993
- .block-list.is-white.is-outlined li {
994
- background: transparent;
995
- color: white;
996
- border: 1px solid white; }
997
- .block-list.is-white.has-radius li {
998
- border-radius: 4px; }
999
- .block-list.is-black li {
1000
- background: #0a0a0a;
1001
- color: white; }
1002
- .block-list.is-black.is-outlined li {
1003
- background: transparent;
1004
- color: #0a0a0a;
1005
- border: 1px solid #0a0a0a; }
1006
- .block-list.is-black.has-radius li {
1007
- border-radius: 4px; }
1008
- .block-list.is-light li {
1009
- background: whitesmoke;
1010
- color: rgba(0, 0, 0, 0.7); }
1011
- .block-list.is-light.is-outlined li {
1012
- background: transparent;
1013
- color: whitesmoke;
1014
- border: 1px solid whitesmoke; }
1015
- .block-list.is-light.has-radius li {
1016
- border-radius: 4px; }
1017
- .block-list.is-dark li {
1018
- background: #363636;
1019
- color: #fff; }
1020
- .block-list.is-dark.is-outlined li {
1021
- background: transparent;
1022
- color: #363636;
1023
- border: 1px solid #363636; }
1024
- .block-list.is-dark.has-radius li {
1025
- border-radius: 4px; }
1026
- .block-list.is-primary li {
1027
- background: #00d1b2;
1028
- color: #fff; }
1029
- .block-list.is-primary.is-outlined li {
1030
- background: transparent;
1031
- color: #00d1b2;
1032
- border: 1px solid #00d1b2; }
1033
- .block-list.is-primary.has-radius li {
1034
- border-radius: 4px; }
1035
- .block-list.is-link li {
1036
- background: #3273dc;
1037
- color: #fff; }
1038
- .block-list.is-link.is-outlined li {
1039
- background: transparent;
1040
- color: #3273dc;
1041
- border: 1px solid #3273dc; }
1042
- .block-list.is-link.has-radius li {
1043
- border-radius: 4px; }
1044
- .block-list.is-info li {
1045
- background: #3298dc;
1046
- color: #fff; }
1047
- .block-list.is-info.is-outlined li {
1048
- background: transparent;
1049
- color: #3298dc;
1050
- border: 1px solid #3298dc; }
1051
- .block-list.is-info.has-radius li {
1052
- border-radius: 4px; }
1053
- .block-list.is-success li {
1054
- background: #48c774;
1055
- color: #fff; }
1056
- .block-list.is-success.is-outlined li {
1057
- background: transparent;
1058
- color: #48c774;
1059
- border: 1px solid #48c774; }
1060
- .block-list.is-success.has-radius li {
1061
- border-radius: 4px; }
1062
- .block-list.is-warning li {
1063
- background: #ffdd57;
1064
- color: rgba(0, 0, 0, 0.7); }
1065
- .block-list.is-warning.is-outlined li {
1066
- background: transparent;
1067
- color: #ffdd57;
1068
- border: 1px solid #ffdd57; }
1069
- .block-list.is-warning.has-radius li {
1070
- border-radius: 4px; }
1071
- .block-list.is-danger li {
1072
- background: #f14668;
1073
- color: #fff; }
1074
- .block-list.is-danger.is-outlined li {
1075
- background: transparent;
1076
- color: #f14668;
1077
- border: 1px solid #f14668; }
1078
- .block-list.is-danger.has-radius li {
1079
- border-radius: 4px; }