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.
- checksums.yaml +4 -4
- data/README.md +48 -0
- data/_includes/callouts.html +1 -1
- data/_includes/gallery.html +1 -3
- data/_includes/head.html +2 -0
- data/_includes/image-modal.html +18 -0
- data/_includes/notification.html +17 -0
- data/_includes/post-card.html +5 -1
- data/_layouts/default.html +6 -1
- data/_posts/2020-10-17-post-with-summary.md +23 -0
- data/_sass/_layout.scss +14 -0
- data/_sass/_main.scss +2 -0
- data/assets/js/app.js +1 -1
- data/node_modules/bulma/CHANGELOG.md +26 -0
- data/node_modules/bulma/README.md +2 -1
- data/node_modules/bulma/bulma.sass +1 -1
- data/node_modules/bulma/css/bulma-rtl.css +302 -9
- data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
- data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
- data/node_modules/bulma/css/bulma.css +302 -9
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +1 -1
- data/node_modules/bulma/package.json +12 -11
- data/node_modules/bulma/sass/base/_all.sass +1 -0
- data/node_modules/bulma/sass/base/generic.sass +1 -0
- data/node_modules/bulma/sass/components/_all.sass +1 -0
- data/node_modules/bulma/sass/components/card.sass +4 -0
- data/node_modules/bulma/sass/components/modal.sass +3 -1
- data/node_modules/bulma/sass/components/navbar.sass +3 -1
- data/node_modules/bulma/sass/elements/_all.sass +1 -0
- data/node_modules/bulma/sass/elements/button.sass +3 -1
- data/node_modules/bulma/sass/elements/container.sass +10 -7
- data/node_modules/bulma/sass/elements/notification.sass +3 -1
- data/node_modules/bulma/sass/elements/progress.sass +5 -1
- data/node_modules/bulma/sass/elements/table.sass +3 -1
- data/node_modules/bulma/sass/elements/tag.sass +3 -1
- data/node_modules/bulma/sass/form/_all.sass +1 -0
- data/node_modules/bulma/sass/form/checkbox-radio.sass +2 -1
- data/node_modules/bulma/sass/form/file.sass +3 -1
- data/node_modules/bulma/sass/form/input-textarea.sass +3 -1
- data/node_modules/bulma/sass/form/select.sass +3 -1
- data/node_modules/bulma/sass/form/shared.sass +2 -0
- data/node_modules/bulma/sass/form/tools.sass +3 -1
- data/node_modules/bulma/sass/grid/_all.sass +1 -0
- data/node_modules/bulma/sass/helpers/_all.sass +2 -0
- data/node_modules/bulma/sass/helpers/flexbox.sass +35 -0
- data/node_modules/bulma/sass/helpers/other.sass +3 -0
- data/node_modules/bulma/sass/helpers/spacing.sass +3 -0
- data/node_modules/bulma/sass/layout/_all.sass +1 -0
- data/node_modules/bulma/sass/layout/hero.sass +3 -1
- data/node_modules/bulma/sass/utilities/_all.sass +2 -1
- data/node_modules/bulma/sass/utilities/derived-variables.sass +107 -0
- data/package-lock.json +3 -3
- data/package.json +1 -1
- metadata +18 -28
- 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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ce9a1893c7da6e82e13b4800349942e72fa60e29356e57f82499019684be67df
|
4
|
+
data.tar.gz: 7dfebfe275ed2a765ff658e92f8ab7ab0883e3c8f5c602a3f2498e63eb428e52
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
|
data/_includes/callouts.html
CHANGED
@@ -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
|
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 %}
|
data/_includes/gallery.html
CHANGED
@@ -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
|
-
|
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">
|
data/_includes/head.html
CHANGED
@@ -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>
|
data/_includes/post-card.html
CHANGED
@@ -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
|
-
|
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>
|
data/_layouts/default.html
CHANGED
@@ -17,7 +17,12 @@
|
|
17
17
|
<section class="section">
|
18
18
|
<div class="container">
|
19
19
|
<div class="columns">
|
20
|
-
{% if page.
|
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
|
+
```
|
data/_sass/_layout.scss
CHANGED
data/_sass/_main.scss
CHANGED
data/assets/js/app.js
CHANGED
@@ -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,4 +1,5 @@
|
|
1
|
-
/*! bulma.io v0.9.
|
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: #
|
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)
|
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;
|