bulma-clean-theme 0.9.1 → 0.10.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +48 -0
  3. data/_includes/callouts.html +1 -1
  4. data/_includes/gallery.html +1 -3
  5. data/_includes/head.html +2 -0
  6. data/_includes/image-modal.html +18 -0
  7. data/_includes/notification.html +17 -0
  8. data/_includes/post-card.html +5 -1
  9. data/_layouts/default.html +6 -1
  10. data/_posts/2020-10-17-post-with-summary.md +23 -0
  11. data/_sass/_layout.scss +14 -0
  12. data/_sass/_main.scss +2 -0
  13. data/assets/js/app.js +1 -1
  14. data/node_modules/bulma/CHANGELOG.md +26 -0
  15. data/node_modules/bulma/README.md +2 -1
  16. data/node_modules/bulma/bulma.sass +1 -1
  17. data/node_modules/bulma/css/bulma-rtl.css +302 -9
  18. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  19. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  20. data/node_modules/bulma/css/bulma.css +302 -9
  21. data/node_modules/bulma/css/bulma.css.map +1 -1
  22. data/node_modules/bulma/css/bulma.min.css +1 -1
  23. data/node_modules/bulma/package.json +12 -11
  24. data/node_modules/bulma/sass/base/_all.sass +1 -0
  25. data/node_modules/bulma/sass/base/generic.sass +1 -0
  26. data/node_modules/bulma/sass/components/_all.sass +1 -0
  27. data/node_modules/bulma/sass/components/card.sass +4 -0
  28. data/node_modules/bulma/sass/components/modal.sass +3 -1
  29. data/node_modules/bulma/sass/components/navbar.sass +3 -1
  30. data/node_modules/bulma/sass/elements/_all.sass +1 -0
  31. data/node_modules/bulma/sass/elements/button.sass +3 -1
  32. data/node_modules/bulma/sass/elements/container.sass +10 -7
  33. data/node_modules/bulma/sass/elements/notification.sass +3 -1
  34. data/node_modules/bulma/sass/elements/progress.sass +5 -1
  35. data/node_modules/bulma/sass/elements/table.sass +3 -1
  36. data/node_modules/bulma/sass/elements/tag.sass +3 -1
  37. data/node_modules/bulma/sass/form/_all.sass +1 -0
  38. data/node_modules/bulma/sass/form/checkbox-radio.sass +2 -1
  39. data/node_modules/bulma/sass/form/file.sass +3 -1
  40. data/node_modules/bulma/sass/form/input-textarea.sass +3 -1
  41. data/node_modules/bulma/sass/form/select.sass +3 -1
  42. data/node_modules/bulma/sass/form/shared.sass +2 -0
  43. data/node_modules/bulma/sass/form/tools.sass +3 -1
  44. data/node_modules/bulma/sass/grid/_all.sass +1 -0
  45. data/node_modules/bulma/sass/helpers/_all.sass +2 -0
  46. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -0
  47. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  48. data/node_modules/bulma/sass/helpers/spacing.sass +3 -0
  49. data/node_modules/bulma/sass/layout/_all.sass +1 -0
  50. data/node_modules/bulma/sass/layout/hero.sass +3 -1
  51. data/node_modules/bulma/sass/utilities/_all.sass +2 -1
  52. data/node_modules/bulma/sass/utilities/derived-variables.sass +107 -0
  53. data/package-lock.json +3 -3
  54. data/package.json +1 -1
  55. metadata +18 -28
  56. data/node_modules/bulma/sass/utilities/derived-variables.scss +0 -132
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a22759881c56ee79be3fa1ae67957044ccc68b4754372f2ee716dac227da6478
4
- data.tar.gz: 9815893be1fd2952dab4db36eb11a85cd14437219c36a1fa6ed05be9fbccd2fd
3
+ metadata.gz: ce9a1893c7da6e82e13b4800349942e72fa60e29356e57f82499019684be67df
4
+ data.tar.gz: 7dfebfe275ed2a765ff658e92f8ab7ab0883e3c8f5c602a3f2498e63eb428e52
5
5
  SHA512:
6
- metadata.gz: 7a5be72f27ea377e38efa66bddad991a83b4024f87a14c31f110c20f3a1bbea7181c11616920f22a5d9460999f5ad707ba7c52720cf27d9696bed513b0c25fd5
7
- data.tar.gz: 324b9660f804d6e2ec1a1b353efa70d643d70393b357a4ddabe7a1dd8561c3c43a43388c3eeda51857e6f620b1a8e14bdf0836ec4c84248343f2726a467d5502
6
+ metadata.gz: f909292e16ece5d094490ca25e60b8525acf4e7be8919f95c9a1de9fcf31a5c6c84b7730426e0f3aa2e5dc61e6c01ffa6fe33820d0ecdbb94b35c087ddfe7bbd
7
+ data.tar.gz: ee6d0654985571fff1c2c128deed0871dfcac5ca9948dbceb98cd3a030787b91289348315560b109ebd2d3d8463a4bb987923b500606aeadc78060af67af3fcf
data/README.md CHANGED
@@ -18,6 +18,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
18
18
  * [Sidebar Visibility](#sidebar-visibility)
19
19
  * [Menubar](#menubar)
20
20
  * [Tabs](#tabs)
21
+ * [Notifications](#notifications)
21
22
  * [Google Analytics](#google-analytics)
22
23
  * [Footer](#footer)
23
24
  * [Products](#products)
@@ -99,6 +100,19 @@ paginate_path: "/blog/page:num"
99
100
 
100
101
  You can also set the height of the hero by providing a Bulma hero height class in your front matter, such as `hero_height: is-fullwidth`. If you do not provide this, it will revert to is-medium
101
102
 
103
+ #### Post Excerpt and Summary
104
+
105
+ By default the blog page and the latest posts will use the automatically generated post excerpt. If you would like to override this you can set the summary in the post's front matter.
106
+
107
+ ```yaml
108
+ layout: post
109
+ title: The post title
110
+ summary: |-
111
+ This is the custom summary for the post.
112
+
113
+ It can be in **markdown format** if required.
114
+ ```
115
+
102
116
  #### Social Share Buttons
103
117
 
104
118
  Share buttons will be displayed on your posts unless you hide them by adding `hide_share_buttons: true` to your config file.
@@ -134,6 +148,10 @@ $primary: #333333;
134
148
 
135
149
  You can overwrite any of the [Bulma initial variables](http://versions.bulma.io/0.7.0/documentation/overview/variables/) in this way as long as they are declared before the `@import "main"'`
136
150
 
151
+ #### Theme Color Meta Tag
152
+
153
+ If you want to update the theme color meta tag then set the `theme_color: '#333333'` in your `_config.yml` file.
154
+
137
155
  ### Sidebar Visibility
138
156
 
139
157
  **New in 0.2**
@@ -255,6 +273,33 @@ You can add icons to your tab by passing in the [Font Awesome icon class](https:
255
273
 
256
274
  If you don't wish to show icons then simply omit the option from your yaml file.
257
275
 
276
+ ### Notifications
277
+
278
+ You can include a notification in a page or post using the below include. The message is required but the status defaults to 'is-warning' and the icon defaults to 'fas fa-exclamation-circle', but can be overwritten by setting the values in the includes. The message can also be written in Markdown format.
279
+
280
+ ```liquid
281
+ {% include notification.html message="This is the message for the notification" %}
282
+ ```
283
+
284
+ #### Dismissible Notifications
285
+
286
+ To set a notification to be dismissible, set dismissible to 'true'
287
+
288
+ ```liquid
289
+ {% include notification.html
290
+ message="This notification is dismissable"
291
+ dismissable="true" %}
292
+ ```
293
+
294
+ #### Iconless Notifications
295
+
296
+ Omit the icon by setting icon to 'false'
297
+
298
+ ```liquid
299
+ {% include notification.html
300
+ message="This notification does not have an icon."
301
+ icon="false" %}
302
+ ```
258
303
 
259
304
  ### Google Analytics
260
305
 
@@ -529,11 +574,13 @@ Start by creating a gallery data file using the below format, for example `my_ga
529
574
  - title: Image Gallery Title
530
575
  images:
531
576
  - link: https://via.placeholder.com/800x450
577
+ large_link: https://via.placeholder.com/1200x675
532
578
  alt: The alt text for the image
533
579
  description: |-
534
580
  The image description can be written in **markdown** if required
535
581
  ratio: is-16by9
536
582
  - link: https://via.placeholder.com/800x600
583
+ large_link: https://via.placeholder.com/1200x675
537
584
  alt: The alt text for the image
538
585
  description: The image description
539
586
  ratio: is-4by3
@@ -542,6 +589,7 @@ Start by creating a gallery data file using the below format, for example `my_ga
542
589
  * If a ratio is not provided it will default to 16 by 9. Use [Bulma image](https://bulma.io/documentation/elements/image/) classes to define the image ratio required.
543
590
  * The description can be plain text or it can be markdown if required.
544
591
  * The alt will be used as the images alt text.
592
+ * The large_link displays in a modal when the image is clicked
545
593
 
546
594
  #### Displaying the gallery
547
595
 
@@ -7,7 +7,7 @@
7
7
  {% for callout in callouts.items %}
8
8
  <div class="column is-4 has-text-centered">
9
9
  {% if callout.icon %}
10
- <div class="icon is-large">
10
+ <div class="icon callout-icon">
11
11
  {% if callout.icon_brand %}
12
12
  <i class="fab {{ callout.icon }} fa-4x"></i>
13
13
  {% else %}
@@ -9,9 +9,7 @@
9
9
  <div class="column is-4-desktop is-6-tablet">
10
10
  <div class="card">
11
11
  <div class="card-image">
12
- <figure class="image {{ image.ratio | default: is-16by9 }}">
13
- <img src="{{ image.link | absolute_url }}" alt="{{ image.alt }}">
14
- </figure>
12
+ {% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
15
13
  </div>
16
14
  <div class="card-content">
17
15
  <div class="content">
@@ -1,11 +1,13 @@
1
1
  <head>
2
2
  <meta charset="utf-8">
3
3
  <meta name="viewport" content="width=device-width, initial-scale=1">
4
+ <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
4
5
  <title>{{ page.title }} - {{ site.title }}</title>
5
6
  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
6
7
  <link rel="shortcut icon" type="image/png"
7
8
  {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
8
9
  />
10
+ <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js" defer></script>
9
11
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
10
12
  {% unless site.hide_share_buttons %}
11
13
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
@@ -0,0 +1,18 @@
1
+ <div x-data="{ open: false }">
2
+ <a @click="open = true" title="View large image">
3
+ <figure class="image {{ include.ratio | default: is-16by9 }}">
4
+ <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
5
+ </figure>
6
+ </a>
7
+ <div class="modal" :class="{ 'is-active': open }">
8
+ <div class="modal-background" @click="open = false"></div>
9
+ <div class="modal-content">
10
+ {% if include.large_link %}
11
+ <img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
12
+ {% else %}
13
+ <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
14
+ {% endif %}
15
+ </div>
16
+ <button class="modal-close is-large" aria-label="close" @click="{ open = false }"></button>
17
+ </div>
18
+ </div>
@@ -0,0 +1,17 @@
1
+ <div x-data="{visible: true}" markdown="0">
2
+ <div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
3
+ {% if include.dismissable %}
4
+ <button class="delete" x-on:click="visible = false"></button>
5
+ {% endif %}
6
+ <article class="media">
7
+ {% unless include.icon %}
8
+ <div class="media-left">
9
+ <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
10
+ </div>
11
+ {% endunless %}
12
+ <div class="media-content">
13
+ <div class="content">{{ include.message | markdownify }}</div>
14
+ </div>
15
+ </article>
16
+ </div>
17
+ </div>
@@ -13,7 +13,11 @@
13
13
  {% if post.image %}
14
14
  <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
15
15
  {% endif %}
16
- <p>{{ post.excerpt }}</p>
16
+ {% if post.summary %}
17
+ {{ post.summary | markdownify }}
18
+ {% else %}
19
+ <p>{{ post.excerpt }}</p>
20
+ {% endif %}
17
21
  </div>
18
22
  <div class="has-text-centered">
19
23
  <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
@@ -17,7 +17,12 @@
17
17
  <section class="section">
18
18
  <div class="container">
19
19
  <div class="columns">
20
- {% if page.menubar %}
20
+ {% if page.menubar_toc %}
21
+ <div class="column is-4-desktop is-4-tablet">
22
+ {% assign contentsTitle = page.toc_title | default: 'Contents' %}
23
+ {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
24
+ </div>
25
+ {% elsif page.menubar %}
21
26
  <div class="column is-4-desktop is-4-tablet">
22
27
  {% include menubar.html %}
23
28
  </div>
@@ -0,0 +1,23 @@
1
+ ---
2
+ layout: post
3
+ title: Example post with a summary
4
+ summary: |-
5
+ This is the custom summary for the post.
6
+
7
+ It can be in **markdown format** if required.
8
+ ---
9
+
10
+ This is the text for the post. It won't be used as the excerpt as it will use the custom summary set in the post instead.
11
+
12
+ If the summary is not set it will use the default excerpt generated by Jekyll.
13
+
14
+ To use a custom summary, set the `summary` in the post's front matter.
15
+
16
+ ```yaml
17
+ layout: post
18
+ title: Example post with a summary
19
+ summary: |-
20
+ This is the custom summary for the post.
21
+
22
+ It can be in **markdown format** if required.
23
+ ```
@@ -20,4 +20,18 @@ div.highlight {
20
20
 
21
21
  .hero-darken {
22
22
  background-color: rgba($hero-darken, 0.5);
23
+ }
24
+
25
+ .content {
26
+ figure {
27
+ margin: 0;
28
+ }
29
+ }
30
+
31
+ .callout {
32
+ &-icon {
33
+ width: 4rem;
34
+ height: 4rem;
35
+ margin-bottom: 0.75rem;
36
+ }
23
37
  }
@@ -7,6 +7,8 @@ $primary: #188eac !default;
7
7
  $tabs-link-active-color: $primary;
8
8
  $tabs-link-active-border-bottom-color: $primary;
9
9
 
10
+ $modal-content-width: 800px;
11
+
10
12
  @import "../node_modules/bulma/bulma.sass";
11
13
  $hero-darken: $dark !default;
12
14
 
@@ -21,5 +21,5 @@ document.addEventListener('DOMContentLoaded', () => {
21
21
  });
22
22
  });
23
23
  }
24
-
24
+
25
25
  });
@@ -1,7 +1,33 @@
1
1
  # Bulma Changelog
2
2
 
3
+ ## 0.9.1
4
+
5
+ ### New features
6
+
7
+ * #3047 Flexbox helpers
8
+ * #3085 Add `is-clickable` helper
9
+ * #3086 Allow each component to have its own colors and default to global ones
10
+ * New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors`
11
+
12
+ ### Improvements
13
+
14
+ * #2630 Fixes #2598 -> Add `$card-radius` variable
15
+ * Add `$card-overflow` variable
16
+ * #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11
17
+ * #3057 Make the default text color of `$code` listings more accessible
18
+ * #3088 Adds not allowed cursor to missing inputs
19
+ * #3101 Add `$modal-breakpoint` variable for modal breakpoint
20
+ * #3107 Add `optgroup` to `generic.sass`
21
+
3
22
  ## 0.9.0
4
23
 
24
+ ### Deprecation warning
25
+
26
+ The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now.
27
+ If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
28
+
29
+ The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officialy supported as it was too similar to `panel` component. Use that one instead.
30
+
5
31
  ### RTL support
6
32
 
7
33
  Bulma now has **RTL support**.
@@ -2,6 +2,7 @@
2
2
 
3
3
  Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
4
4
 
5
+ ![Github](https://img.shields.io/github/v/release/jgthms/bulma?logo=Bulma)
5
6
  [![npm](https://img.shields.io/npm/v/bulma.svg)][npm-link]
6
7
  [![npm](https://img.shields.io/npm/dm/bulma.svg)][npm-link]
7
8
  [![](https://data.jsdelivr.com/v1/package/npm/bulma/badge)](https://www.jsdelivr.com/package/npm/bulma)
@@ -121,7 +122,7 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
121
122
  | [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. |
122
123
  | [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. |
123
124
 
124
- ## Copyright and license
125
+ ## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
125
126
 
126
127
  Code copyright 2020 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
127
128
 
@@ -1,5 +1,5 @@
1
1
  @charset "utf-8"
2
- /*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
2
+ /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
3
3
  @import "sass/utilities/_all"
4
4
  @import "sass/base/_all"
5
5
  @import "sass/elements/_all"
@@ -1,4 +1,5 @@
1
- /*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
1
+ /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
2
+ /* Bulma Utilities */
2
3
  @-webkit-keyframes spinAround {
3
4
  from {
4
5
  transform: rotate(0deg);
@@ -229,6 +230,7 @@ fieldset[disabled] .pagination-ellipsis {
229
230
  cursor: not-allowed;
230
231
  }
231
232
 
233
+ /* Bulma Base */
232
234
  /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
233
235
  html,
234
236
  body,
@@ -339,6 +341,7 @@ section {
339
341
  body,
340
342
  button,
341
343
  input,
344
+ optgroup,
342
345
  select,
343
346
  textarea {
344
347
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
@@ -374,7 +377,7 @@ a:hover {
374
377
 
375
378
  code {
376
379
  background-color: whitesmoke;
377
- color: #f14668;
380
+ color: #da1039;
378
381
  font-size: 0.875em;
379
382
  font-weight: normal;
380
383
  padding: 0.25em 0.5em 0.25em;
@@ -448,6 +451,7 @@ table th {
448
451
  color: #363636;
449
452
  }
450
453
 
454
+ /* Bulma Elements */
451
455
  .box {
452
456
  background-color: white;
453
457
  border-radius: 6px;
@@ -1859,7 +1863,7 @@ fieldset[disabled] .button {
1859
1863
  }
1860
1864
 
1861
1865
  .container.is-fluid {
1862
- max-width: none;
1866
+ max-width: none !important;
1863
1867
  padding-left: 32px;
1864
1868
  padding-right: 32px;
1865
1869
  width: 100%;
@@ -1872,25 +1876,25 @@ fieldset[disabled] .button {
1872
1876
  }
1873
1877
 
1874
1878
  @media screen and (max-width: 1215px) {
1875
- .container.is-widescreen {
1879
+ .container.is-widescreen:not(.is-max-desktop) {
1876
1880
  max-width: 1152px;
1877
1881
  }
1878
1882
  }
1879
1883
 
1880
1884
  @media screen and (max-width: 1407px) {
1881
- .container.is-fullhd {
1885
+ .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
1882
1886
  max-width: 1344px;
1883
1887
  }
1884
1888
  }
1885
1889
 
1886
1890
  @media screen and (min-width: 1216px) {
1887
- .container {
1891
+ .container:not(.is-max-desktop) {
1888
1892
  max-width: 1152px;
1889
1893
  }
1890
1894
  }
1891
1895
 
1892
1896
  @media screen and (min-width: 1408px) {
1893
- .container {
1897
+ .container:not(.is-max-desktop):not(.is-max-widescreen) {
1894
1898
  max-width: 1344px;
1895
1899
  }
1896
1900
  }
@@ -2589,6 +2593,10 @@ fieldset[disabled] .button {
2589
2593
  background-color: transparent;
2590
2594
  }
2591
2595
 
2596
+ .progress:indeterminate::-ms-fill {
2597
+ animation-name: none;
2598
+ }
2599
+
2592
2600
  .progress.is-small {
2593
2601
  height: 0.75rem;
2594
2602
  }
@@ -3213,6 +3221,7 @@ a.tag:hover {
3213
3221
  vertical-align: top;
3214
3222
  }
3215
3223
 
3224
+ /* Bulma Form */
3216
3225
  .input, .textarea, .select select {
3217
3226
  background-color: white;
3218
3227
  border-color: #dbdbdb;
@@ -3453,7 +3462,9 @@ fieldset[disabled] .select select:-ms-input-placeholder,
3453
3462
 
3454
3463
  .checkbox[disabled], .radio[disabled],
3455
3464
  fieldset[disabled] .checkbox,
3456
- fieldset[disabled] .radio {
3465
+ fieldset[disabled] .radio,
3466
+ .checkbox input[disabled],
3467
+ .radio input[disabled] {
3457
3468
  color: #7a7a7a;
3458
3469
  cursor: not-allowed;
3459
3470
  }
@@ -4495,6 +4506,7 @@ fieldset[disabled] .select select:hover {
4495
4506
  font-size: 1.5rem;
4496
4507
  }
4497
4508
 
4509
+ /* Bulma Components */
4498
4510
  .breadcrumb {
4499
4511
  font-size: 1rem;
4500
4512
  white-space: nowrap;
@@ -4588,9 +4600,11 @@ fieldset[disabled] .select select:hover {
4588
4600
 
4589
4601
  .card {
4590
4602
  background-color: white;
4603
+ border-radius: 0.25rem;
4591
4604
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
4592
4605
  color: #4a4a4a;
4593
4606
  max-width: 100%;
4607
+ overflow: hidden;
4594
4608
  position: relative;
4595
4609
  }
4596
4610
 
@@ -5205,7 +5219,7 @@ button.dropdown-item.is-active {
5205
5219
  width: 100%;
5206
5220
  }
5207
5221
 
5208
- @media screen and (min-width: 769px), print {
5222
+ @media screen and (min-width: 769px) {
5209
5223
  .modal-content,
5210
5224
  .modal-card {
5211
5225
  margin: 0 auto;
@@ -6921,6 +6935,7 @@ label.panel-block:hover {
6921
6935
  font-size: 1.5rem;
6922
6936
  }
6923
6937
 
6938
+ /* Bulma Grid */
6924
6939
  .column {
6925
6940
  display: block;
6926
6941
  flex-basis: 0;
@@ -8809,6 +8824,7 @@ label.panel-block:hover {
8809
8824
  }
8810
8825
  }
8811
8826
 
8827
+ /* Bulma Helpers */
8812
8828
  .has-text-white {
8813
8829
  color: white !important;
8814
8830
  }
@@ -9145,6 +9161,222 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9145
9161
  background-color: #fafafa !important;
9146
9162
  }
9147
9163
 
9164
+ .is-flex-direction-row {
9165
+ flex-direction: row !important;
9166
+ }
9167
+
9168
+ .is-flex-direction-row-reverse {
9169
+ flex-direction: row-reverse !important;
9170
+ }
9171
+
9172
+ .is-flex-direction-column {
9173
+ flex-direction: column !important;
9174
+ }
9175
+
9176
+ .is-flex-direction-column-reverse {
9177
+ flex-direction: column-reverse !important;
9178
+ }
9179
+
9180
+ .is-flex-wrap-nowrap {
9181
+ flex-wrap: nowrap !important;
9182
+ }
9183
+
9184
+ .is-flex-wrap-wrap {
9185
+ flex-wrap: wrap !important;
9186
+ }
9187
+
9188
+ .is-flex-wrap-wrap-reverse {
9189
+ flex-wrap: wrap-reverse !important;
9190
+ }
9191
+
9192
+ .is-justify-content-flex-start {
9193
+ justify-content: flex-start !important;
9194
+ }
9195
+
9196
+ .is-justify-content-flex-end {
9197
+ justify-content: flex-end !important;
9198
+ }
9199
+
9200
+ .is-justify-content-center {
9201
+ justify-content: center !important;
9202
+ }
9203
+
9204
+ .is-justify-content-space-between {
9205
+ justify-content: space-between !important;
9206
+ }
9207
+
9208
+ .is-justify-content-space-around {
9209
+ justify-content: space-around !important;
9210
+ }
9211
+
9212
+ .is-justify-content-space-evenly {
9213
+ justify-content: space-evenly !important;
9214
+ }
9215
+
9216
+ .is-justify-content-start {
9217
+ justify-content: start !important;
9218
+ }
9219
+
9220
+ .is-justify-content-end {
9221
+ justify-content: end !important;
9222
+ }
9223
+
9224
+ .is-justify-content-left {
9225
+ justify-content: left !important;
9226
+ }
9227
+
9228
+ .is-justify-content-right {
9229
+ justify-content: right !important;
9230
+ }
9231
+
9232
+ .is-align-content-flex-start {
9233
+ align-content: flex-start !important;
9234
+ }
9235
+
9236
+ .is-align-content-flex-end {
9237
+ align-content: flex-end !important;
9238
+ }
9239
+
9240
+ .is-align-content-center {
9241
+ align-content: center !important;
9242
+ }
9243
+
9244
+ .is-align-content-space-between {
9245
+ align-content: space-between !important;
9246
+ }
9247
+
9248
+ .is-align-content-space-around {
9249
+ align-content: space-around !important;
9250
+ }
9251
+
9252
+ .is-align-content-space-evenly {
9253
+ align-content: space-evenly !important;
9254
+ }
9255
+
9256
+ .is-align-content-stretch {
9257
+ align-content: stretch !important;
9258
+ }
9259
+
9260
+ .is-align-content-start {
9261
+ align-content: start !important;
9262
+ }
9263
+
9264
+ .is-align-content-end {
9265
+ align-content: end !important;
9266
+ }
9267
+
9268
+ .is-align-content-baseline {
9269
+ align-content: baseline !important;
9270
+ }
9271
+
9272
+ .is-align-items-stretch {
9273
+ align-items: stretch !important;
9274
+ }
9275
+
9276
+ .is-align-items-flex-start {
9277
+ align-items: flex-start !important;
9278
+ }
9279
+
9280
+ .is-align-items-flex-end {
9281
+ align-items: flex-end !important;
9282
+ }
9283
+
9284
+ .is-align-items-center {
9285
+ align-items: center !important;
9286
+ }
9287
+
9288
+ .is-align-items-baseline {
9289
+ align-items: baseline !important;
9290
+ }
9291
+
9292
+ .is-align-items-start {
9293
+ align-items: start !important;
9294
+ }
9295
+
9296
+ .is-align-items-end {
9297
+ align-items: end !important;
9298
+ }
9299
+
9300
+ .is-align-items-self-start {
9301
+ align-items: self-start !important;
9302
+ }
9303
+
9304
+ .is-align-items-self-end {
9305
+ align-items: self-end !important;
9306
+ }
9307
+
9308
+ .is-align-self-auto {
9309
+ align-self: auto !important;
9310
+ }
9311
+
9312
+ .is-align-self-flex-start {
9313
+ align-self: flex-start !important;
9314
+ }
9315
+
9316
+ .is-align-self-flex-end {
9317
+ align-self: flex-end !important;
9318
+ }
9319
+
9320
+ .is-align-self-center {
9321
+ align-self: center !important;
9322
+ }
9323
+
9324
+ .is-align-self-baseline {
9325
+ align-self: baseline !important;
9326
+ }
9327
+
9328
+ .is-align-self-stretch {
9329
+ align-self: stretch !important;
9330
+ }
9331
+
9332
+ .is-flex-grow-0 {
9333
+ flex-grow: 0 !important;
9334
+ }
9335
+
9336
+ .is-flex-grow-1 {
9337
+ flex-grow: 1 !important;
9338
+ }
9339
+
9340
+ .is-flex-grow-2 {
9341
+ flex-grow: 2 !important;
9342
+ }
9343
+
9344
+ .is-flex-grow-3 {
9345
+ flex-grow: 3 !important;
9346
+ }
9347
+
9348
+ .is-flex-grow-4 {
9349
+ flex-grow: 4 !important;
9350
+ }
9351
+
9352
+ .is-flex-grow-5 {
9353
+ flex-grow: 5 !important;
9354
+ }
9355
+
9356
+ .is-flex-shrink-0 {
9357
+ flex-shrink: 0 !important;
9358
+ }
9359
+
9360
+ .is-flex-shrink-1 {
9361
+ flex-shrink: 1 !important;
9362
+ }
9363
+
9364
+ .is-flex-shrink-2 {
9365
+ flex-shrink: 2 !important;
9366
+ }
9367
+
9368
+ .is-flex-shrink-3 {
9369
+ flex-shrink: 3 !important;
9370
+ }
9371
+
9372
+ .is-flex-shrink-4 {
9373
+ flex-shrink: 4 !important;
9374
+ }
9375
+
9376
+ .is-flex-shrink-5 {
9377
+ flex-shrink: 5 !important;
9378
+ }
9379
+
9148
9380
  .is-clearfix::after {
9149
9381
  clear: both;
9150
9382
  content: " ";
@@ -9167,6 +9399,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9167
9399
  box-shadow: none !important;
9168
9400
  }
9169
9401
 
9402
+ .is-clickable {
9403
+ cursor: pointer !important;
9404
+ }
9405
+
9170
9406
  .is-clipped {
9171
9407
  overflow: hidden !important;
9172
9408
  }
@@ -9183,6 +9419,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9183
9419
  padding: 0 !important;
9184
9420
  }
9185
9421
 
9422
+ .m-0 {
9423
+ margin: 0 !important;
9424
+ }
9425
+
9186
9426
  .mt-0 {
9187
9427
  margin-top: 0 !important;
9188
9428
  }
@@ -9209,6 +9449,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9209
9449
  margin-bottom: 0 !important;
9210
9450
  }
9211
9451
 
9452
+ .m-1 {
9453
+ margin: 0.25rem !important;
9454
+ }
9455
+
9212
9456
  .mt-1 {
9213
9457
  margin-top: 0.25rem !important;
9214
9458
  }
@@ -9235,6 +9479,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9235
9479
  margin-bottom: 0.25rem !important;
9236
9480
  }
9237
9481
 
9482
+ .m-2 {
9483
+ margin: 0.5rem !important;
9484
+ }
9485
+
9238
9486
  .mt-2 {
9239
9487
  margin-top: 0.5rem !important;
9240
9488
  }
@@ -9261,6 +9509,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9261
9509
  margin-bottom: 0.5rem !important;
9262
9510
  }
9263
9511
 
9512
+ .m-3 {
9513
+ margin: 0.75rem !important;
9514
+ }
9515
+
9264
9516
  .mt-3 {
9265
9517
  margin-top: 0.75rem !important;
9266
9518
  }
@@ -9287,6 +9539,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9287
9539
  margin-bottom: 0.75rem !important;
9288
9540
  }
9289
9541
 
9542
+ .m-4 {
9543
+ margin: 1rem !important;
9544
+ }
9545
+
9290
9546
  .mt-4 {
9291
9547
  margin-top: 1rem !important;
9292
9548
  }
@@ -9313,6 +9569,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9313
9569
  margin-bottom: 1rem !important;
9314
9570
  }
9315
9571
 
9572
+ .m-5 {
9573
+ margin: 1.5rem !important;
9574
+ }
9575
+
9316
9576
  .mt-5 {
9317
9577
  margin-top: 1.5rem !important;
9318
9578
  }
@@ -9339,6 +9599,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9339
9599
  margin-bottom: 1.5rem !important;
9340
9600
  }
9341
9601
 
9602
+ .m-6 {
9603
+ margin: 3rem !important;
9604
+ }
9605
+
9342
9606
  .mt-6 {
9343
9607
  margin-top: 3rem !important;
9344
9608
  }
@@ -9365,6 +9629,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9365
9629
  margin-bottom: 3rem !important;
9366
9630
  }
9367
9631
 
9632
+ .p-0 {
9633
+ padding: 0 !important;
9634
+ }
9635
+
9368
9636
  .pt-0 {
9369
9637
  padding-top: 0 !important;
9370
9638
  }
@@ -9391,6 +9659,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9391
9659
  padding-bottom: 0 !important;
9392
9660
  }
9393
9661
 
9662
+ .p-1 {
9663
+ padding: 0.25rem !important;
9664
+ }
9665
+
9394
9666
  .pt-1 {
9395
9667
  padding-top: 0.25rem !important;
9396
9668
  }
@@ -9417,6 +9689,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9417
9689
  padding-bottom: 0.25rem !important;
9418
9690
  }
9419
9691
 
9692
+ .p-2 {
9693
+ padding: 0.5rem !important;
9694
+ }
9695
+
9420
9696
  .pt-2 {
9421
9697
  padding-top: 0.5rem !important;
9422
9698
  }
@@ -9443,6 +9719,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9443
9719
  padding-bottom: 0.5rem !important;
9444
9720
  }
9445
9721
 
9722
+ .p-3 {
9723
+ padding: 0.75rem !important;
9724
+ }
9725
+
9446
9726
  .pt-3 {
9447
9727
  padding-top: 0.75rem !important;
9448
9728
  }
@@ -9469,6 +9749,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9469
9749
  padding-bottom: 0.75rem !important;
9470
9750
  }
9471
9751
 
9752
+ .p-4 {
9753
+ padding: 1rem !important;
9754
+ }
9755
+
9472
9756
  .pt-4 {
9473
9757
  padding-top: 1rem !important;
9474
9758
  }
@@ -9495,6 +9779,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9495
9779
  padding-bottom: 1rem !important;
9496
9780
  }
9497
9781
 
9782
+ .p-5 {
9783
+ padding: 1.5rem !important;
9784
+ }
9785
+
9498
9786
  .pt-5 {
9499
9787
  padding-top: 1.5rem !important;
9500
9788
  }
@@ -9521,6 +9809,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
9521
9809
  padding-bottom: 1.5rem !important;
9522
9810
  }
9523
9811
 
9812
+ .p-6 {
9813
+ padding: 3rem !important;
9814
+ }
9815
+
9524
9816
  .pt-6 {
9525
9817
  padding-top: 3rem !important;
9526
9818
  }
@@ -10424,6 +10716,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
10424
10716
  }
10425
10717
  }
10426
10718
 
10719
+ /* Bulma Layout */
10427
10720
  .hero {
10428
10721
  align-items: stretch;
10429
10722
  display: flex;