From f8c16b584630b24f1c3fb08415a279134123e0e3 Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Tue, 12 Mar 2019 13:10:11 -0600
Subject: [PATCH 01/45] Add the privacy policy in the footer
---
agaric/templates/layout/region--footer.html.twig | 3 +++
1 file changed, 3 insertions(+)
diff --git a/agaric/templates/layout/region--footer.html.twig b/agaric/templates/layout/region--footer.html.twig
index ce0b339..36b5194 100644
--- a/agaric/templates/layout/region--footer.html.twig
+++ b/agaric/templates/layout/region--footer.html.twig
@@ -28,6 +28,9 @@
<div class="column">
Powered by <a href="https://www.drutopia.org/">Drutopia</a>
</div>
+ <div class="column">
+ <a href="/privacy-policy">Privacy Policy</a>
+ </div>
</div>
</div>
{% endif %}
From ef95e90dee3ccab568d662d85fad7bffcc2a829b Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Mon, 13 May 2019 12:38:33 -0500
Subject: [PATCH 02/45] Add some margin to the hero-banner.
The navbar is fixed and was on top of the hero banner, this adds enough
margin so it can be visible.
---
agaric/css/agaric.css | 3 +++
agaric/sass/agaric/_component.hero.scss | 5 +++++
2 files changed, 8 insertions(+)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index a482717..999d3dd 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8026,6 +8026,9 @@ a.teaser {
.media-list .teaser:hover .media-left .byline {
display: block; }
+.hero {
+ margin-top: 96px; }
+
.hero.is-light {
background: #E4E5E7; }
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index f5557a9..cab5417 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -9,6 +9,11 @@
//
// Styleguide: Componenet.Hero
+// The topbar-fixed is hidding the Hero banner.
+.hero {
+ margin-top: 96px;
+}
+
.hero.is-light {
background: $grey;
}
From 30db7e94d688c1b7e6c5816b085b034627a7b5bd Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Mon, 13 May 2019 12:55:01 -0500
Subject: [PATCH 03/45] fix the hero banner on mobile and tablet
---
agaric/css/agaric.css | 8 +++++++-
agaric/sass/agaric/_component.hero.scss | 9 ++++++++-
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 999d3dd..0856d54 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8027,7 +8027,13 @@ a.teaser {
display: block; }
.hero {
- margin-top: 96px; }
+ margin-top: 52px; }
+ @media screen and (min-width: 769px), print {
+ .hero {
+ margin-top: 55px; } }
+ @media screen and (min-width: 1024px) {
+ .hero {
+ margin-top: 95px; } }
.hero.is-light {
background: #E4E5E7; }
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index cab5417..8d4456d 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -11,7 +11,14 @@
// The topbar-fixed is hidding the Hero banner.
.hero {
- margin-top: 96px;
+ margin-top: 52px;
+
+ @include tablet {
+ margin-top: 55px;
+ }
+ @include desktop {
+ margin-top: 95px;
+ }
}
.hero.is-light {
From 44c29fb8857314ecbe95e0da8c4d0fff4523f356 Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Mon, 13 May 2019 13:54:13 -0500
Subject: [PATCH 04/45] Drupal 8.7.1 add a new div which was breaking our
header.
That was fixed on this commit, see more info here:
https://www.drupal.org/node/3002643
---
agaric/css/agaric.css | 16 ++++++++--------
agaric/sass/agaric/_component.navbar.scss | 8 ++++----
2 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index a482717..5d743f9 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7484,16 +7484,16 @@ ion-icon {
z-index: +400; }
.is-fixed #logo .logo-color {
fill: currentColor; }
- .is-fixed + section,
- .is-fixed + .floating-tabs + #main-content + section,
- .is-fixed + .floating-tabs + #main-content + article > section:first-child,
- .is-fixed + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + div[data-drupal-messages-fallback] + section,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 3.3125em; }
@media screen and (min-width: 1024px) {
- .is-fixed + section,
- .is-fixed + .floating-tabs + #main-content + section,
- .is-fixed + .floating-tabs + #main-content + article > section:first-child,
- .is-fixed + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + div[data-drupal-messages-fallback] + section,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
+ .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 5.875em; } }
.toolbar-tray-open.toolbar-horizontal .is-fixed {
diff --git a/agaric/sass/agaric/_component.navbar.scss b/agaric/sass/agaric/_component.navbar.scss
index 3e9ee4f..3084f69 100644
--- a/agaric/sass/agaric/_component.navbar.scss
+++ b/agaric/sass/agaric/_component.navbar.scss
@@ -17,10 +17,10 @@
#logo .logo-color {
fill: currentColor;
}
- & + section,
- & + .floating-tabs + #main-content + section,
- & + .floating-tabs + #main-content + article > section:first-child,
- & + .floating-tabs + #main-content + .node > section:first-child {
+ & + div[data-drupal-messages-fallback] + section,
+ & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
+ & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
+ & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 3.3125em;
@include desktop {
padding-top: 5.875em;
From cf4e5ac137b783f2b7f25ff44d9a2940bec6b7f9 Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Thu, 6 Jun 2019 12:46:41 -0500
Subject: [PATCH 05/45] Fixes a bug in the highlighted code.
https://github.com/jgthms/bulma/issues/1708
---
agaric/css/agaric.css | 13 +++++++++++++
agaric/sass/agaric.scss | 1 +
agaric/sass/agaric/_component.code.scss | 14 ++++++++++++++
3 files changed, 28 insertions(+)
create mode 100644 agaric/sass/agaric/_component.code.scss
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 5d743f9..e335c41 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8411,3 +8411,16 @@ ul.slick-dots {
font-size: 4.5em; }
.footer .footer-logo .icon .agc {
display: block; }
+
+code .tag, code .number {
+ display: inline;
+ padding: inherit;
+ font-size: inherit;
+ line-height: inherit;
+ text-align: inherit;
+ vertical-align: inherit;
+ border-radius: inherit;
+ font-weight: inherit;
+ white-space: inherit;
+ background: inherit;
+ margin: inherit; }
diff --git a/agaric/sass/agaric.scss b/agaric/sass/agaric.scss
index 28705b6..afe7cd6 100644
--- a/agaric/sass/agaric.scss
+++ b/agaric/sass/agaric.scss
@@ -67,3 +67,4 @@
@import "agaric/component.iconlist";
@import "agaric/component.related";
@import "agaric/component.footer";
+@import "agaric/component.code";
diff --git a/agaric/sass/agaric/_component.code.scss b/agaric/sass/agaric/_component.code.scss
new file mode 100644
index 0000000..7e67824
--- /dev/null
+++ b/agaric/sass/agaric/_component.code.scss
@@ -0,0 +1,14 @@
+// Fixes https://github.com/jgthms/bulma/issues/1708
+code .tag, code .number {
+ display: inline;
+ padding: inherit;
+ font-size: inherit;
+ line-height: inherit;
+ text-align: inherit;
+ vertical-align: inherit;
+ border-radius: inherit;
+ font-weight: inherit;
+ white-space: inherit;
+ background: inherit;
+ margin: inherit;
+}
From d204decc98e135ea267a460e8a0aa97a74515c55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 09:48:14 -0400
Subject: [PATCH 06/45] reduce the weight of the 'Just one more thing' font
---
agaric/sass/agaric/_component.related.scss | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/agaric/sass/agaric/_component.related.scss b/agaric/sass/agaric/_component.related.scss
index 2f6b6ae..0ca4cbe 100644
--- a/agaric/sass/agaric/_component.related.scss
+++ b/agaric/sass/agaric/_component.related.scss
@@ -19,3 +19,9 @@
border-top: 0;
}
}
+
+.section.related .title.is-5 {
+ font-size: 1.1rem;
+ line-height: 1.25em;
+ font-weight: normal; // TODO just remove the '.title' instead.
+}
From 5a268d99570b663bede9f0ec97c1017f558b2611 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 10:26:02 -0400
Subject: [PATCH 07/45] Commit compiled CSS
---
agaric/css/agaric.css | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index e335c41..4a530e9 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8393,6 +8393,11 @@ ul.slick-dots {
.hero + .section.related .titlebar-bigborder {
border-top: 0; }
+.section.related .title.is-5 {
+ font-size: 1.1rem;
+ line-height: 1.25em;
+ font-weight: normal; }
+
.footer {
font-size: 0.88rem;
font-weight: 700;
From 09ab33dcf3a316d5f5efb26fe212f446779c4243 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:26:14 -0400
Subject: [PATCH 08/45] Format source code
---
agaric/sass/agaric/_component.teaser.scss | 2 --
1 file changed, 2 deletions(-)
diff --git a/agaric/sass/agaric/_component.teaser.scss b/agaric/sass/agaric/_component.teaser.scss
index c63c4c7..71ed73e 100644
--- a/agaric/sass/agaric/_component.teaser.scss
+++ b/agaric/sass/agaric/_component.teaser.scss
@@ -36,10 +36,8 @@ a.teaser {
.media.teaser {
display: flex;
- //
.media-left {
width: 12em;
- //
img {
width: 100%;
height: auto;
From 9e9383e9da8c568bd0ca0b03bd58aaa123821eb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:27:07 -0400
Subject: [PATCH 09/45] Add column classes to teaser content so images stack on
mobile
---
agaric/templates/layout/node--teaser.html.twig | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/agaric/templates/layout/node--teaser.html.twig b/agaric/templates/layout/node--teaser.html.twig
index e896d2e..a604aa4 100644
--- a/agaric/templates/layout/node--teaser.html.twig
+++ b/agaric/templates/layout/node--teaser.html.twig
@@ -71,7 +71,7 @@
*/
#}
-<a class="teaser media content" href="{{ url }}">
+<a class="teaser media content columns" href="{{ url }}">
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
@@ -84,7 +84,7 @@
{% endif %}
{% if not has_title_paragraph %}
- <div class="media-left">
+ <div class="media-left column">
{{ content.field_image }}
{% if node.bundle == 'blog' and content.field_authors is not empty %}
<p class="byline is-mono">
@@ -93,7 +93,7 @@
</p>
{% endif %}
</div>
- <div class="media-content content">
+ <div class="media-content content column">
<h3 class="title is-5">{{ label }}</h3>
<div class="subtitle is-6">
{{ content.field_summary }}
From ba06059f67dac4217eb9a580f964688d475e8416 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:31:32 -0400
Subject: [PATCH 10/45] Keep left, image column narrow-ish
---
agaric/templates/layout/node--teaser.html.twig | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/agaric/templates/layout/node--teaser.html.twig b/agaric/templates/layout/node--teaser.html.twig
index a604aa4..56feebb 100644
--- a/agaric/templates/layout/node--teaser.html.twig
+++ b/agaric/templates/layout/node--teaser.html.twig
@@ -84,7 +84,7 @@
{% endif %}
{% if not has_title_paragraph %}
- <div class="media-left column">
+ <div class="media-left column is-one-third is-one-quarter-desktop">
{{ content.field_image }}
{% if node.bundle == 'blog' and content.field_authors is not empty %}
<p class="byline is-mono">
@@ -93,7 +93,7 @@
</p>
{% endif %}
</div>
- <div class="media-content content column">
+ <div class="media-content content column is-two-thirds is-three-quarters-desktop ">
<h3 class="title is-5">{{ label }}</h3>
<div class="subtitle is-6">
{{ content.field_summary }}
From cae8eea4c7d80ff842d57f1388bd89ae08bed407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:33:07 -0400
Subject: [PATCH 11/45] Remove interfering/unnecessary with column class
---
agaric/sass/agaric/_component.teaser.scss | 2 --
1 file changed, 2 deletions(-)
diff --git a/agaric/sass/agaric/_component.teaser.scss b/agaric/sass/agaric/_component.teaser.scss
index 71ed73e..a0e56c3 100644
--- a/agaric/sass/agaric/_component.teaser.scss
+++ b/agaric/sass/agaric/_component.teaser.scss
@@ -35,13 +35,11 @@ a.teaser {
}
.media.teaser {
- display: flex;
.media-left {
width: 12em;
img {
width: 100%;
height: auto;
- display: block;
}
}
}
From e4331ffe7b57d9a90d89c72413094b9ebf455521 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:37:54 -0400
Subject: [PATCH 12/45] Add shortcut for compiling CSS from Sass
---
css | 1 +
1 file changed, 1 insertion(+)
create mode 100755 css
diff --git a/css b/css
new file mode 100755
index 0000000..c75e8a5
--- /dev/null
+++ b/css
@@ -0,0 +1 @@
+grunt sass
From 660027931becdb2fa340b65daf153567d6a8836c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 1 Aug 2019 11:38:16 -0400
Subject: [PATCH 13/45] Commit compiled CSS
---
agaric/css/agaric.css | 13 +++++--------
1 file changed, 5 insertions(+), 8 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 4a530e9..eb7fcd8 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8001,14 +8001,11 @@ a.teaser {
.teaser + .teaser {
margin-top: 32px; }
-.media.teaser {
- display: flex; }
- .media.teaser .media-left {
- width: 12em; }
- .media.teaser .media-left img {
- width: 100%;
- height: auto;
- display: block; }
+.media.teaser .media-left {
+ width: 12em; }
+ .media.teaser .media-left img {
+ width: 100%;
+ height: auto; }
.media-list .media,
.media-list .media + .media {
From a11ac27bdeb7127c1dd44678b0888191cb744296 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Sat, 3 Aug 2019 16:49:45 -0400
Subject: [PATCH 14/45] Improve styling of inline code
---
agaric/sass/agaric/_component.code.scss | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/agaric/sass/agaric/_component.code.scss b/agaric/sass/agaric/_component.code.scss
index 7e67824..4b50477 100644
--- a/agaric/sass/agaric/_component.code.scss
+++ b/agaric/sass/agaric/_component.code.scss
@@ -12,3 +12,11 @@ code .tag, code .number {
background: inherit;
margin: inherit;
}
+
+// Try to undo what presumably prism styling is doing to our in-text code:
+code {
+ background-color: inherit;
+ color: inherit;
+ font-size: inherit;
+ padding: 0.2em 0.25em;
+}
From 08bae50a18ab18484a0e17ae0a6c21937602b84d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.com>
Date: Sun, 18 Aug 2019 17:08:44 -0400
Subject: [PATCH 15/45] Update Bulma, and add my bit of code styling CSS too
---
agaric/css/agaric.css | 2032 +++++++++++++++++++++++------------------
1 file changed, 1124 insertions(+), 908 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index eb7fcd8..54e39c8 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -17,7 +17,7 @@
font-weight: 700;
font-style: normal; }
-/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
from {
transform: rotate(0deg); }
@@ -116,7 +116,7 @@
min-width: 32px;
width: 32px; }
-.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
+.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
@@ -128,15 +128,30 @@
position: relative;
width: 1em; }
-.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
+.is-overlay, .image.is-square img,
+.image.is-square .has-ratio, .image.is-1by1 img,
+.image.is-1by1 .has-ratio, .image.is-5by4 img,
+.image.is-5by4 .has-ratio, .image.is-4by3 img,
+.image.is-4by3 .has-ratio, .image.is-3by2 img,
+.image.is-3by2 .has-ratio, .image.is-5by3 img,
+.image.is-5by3 .has-ratio, .image.is-16by9 img,
+.image.is-16by9 .has-ratio, .image.is-2by1 img,
+.image.is-2by1 .has-ratio, .image.is-3by1 img,
+.image.is-3by1 .has-ratio, .image.is-4by5 img,
+.image.is-4by5 .has-ratio, .image.is-3by4 img,
+.image.is-3by4 .has-ratio, .image.is-2by3 img,
+.image.is-2by3 .has-ratio, .image.is-3by5 img,
+.image.is-3by5 .has-ratio, .image.is-9by16 img,
+.image.is-9by16 .has-ratio, .image.is-1by2 img,
+.image.is-1by2 .has-ratio, .image.is-1by3 img,
+.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
-.button, .input,
-.textarea, .select select, .file-cta,
+.button, .input, .textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
@@ -158,37 +173,43 @@
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top; }
- .button:focus, .input:focus,
- .textarea:focus, .select select:focus, .file-cta:focus,
+ .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
.file-name:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
- .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
- .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
+ .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
.is-focused.file-name, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
- .is-focused.pagination-ellipsis, .button:active, .input:active,
- .textarea:active, .select select:active, .file-cta:active,
+ .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
.file-name:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
- .pagination-ellipsis:active, .is-active.button, .is-active.input,
- .is-active.textarea, .select select.is-active, .is-active.file-cta,
+ .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
.is-active.file-name, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
outline: none; }
- .button[disabled], .input[disabled],
- .textarea[disabled], .select select[disabled], .file-cta[disabled],
+ .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
.file-name[disabled], .pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
- .pagination-ellipsis[disabled] {
+ .pagination-ellipsis[disabled],
+ fieldset[disabled] .button,
+ fieldset[disabled] .input,
+ fieldset[disabled] .textarea,
+ fieldset[disabled] .select select,
+ .select fieldset[disabled] select,
+ fieldset[disabled] .file-cta,
+ fieldset[disabled] .file-name,
+ fieldset[disabled] .pagination-previous,
+ fieldset[disabled] .pagination-next,
+ fieldset[disabled] .pagination-link,
+ fieldset[disabled] .pagination-ellipsis {
cursor: not-allowed; }
-/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
+/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
@@ -240,11 +261,16 @@ html {
box-sizing: inherit; }
img,
-audio,
+embed,
+iframe,
+object,
video {
height: auto;
max-width: 100%; }
+audio {
+ max-width: 100%; }
+
iframe {
border: 0; }
@@ -254,8 +280,10 @@ table {
td,
th {
- padding: 0;
- text-align: left; }
+ padding: 0; }
+ td:not([align]),
+ th:not([align]) {
+ text-align: left; }
html {
background-color: #FFFFFF;
@@ -292,7 +320,7 @@ pre {
body {
color: #0D1E34;
- font-size: 1rem;
+ font-size: 1em;
font-weight: 400;
line-height: 1.5; }
@@ -338,6 +366,9 @@ strong {
color: #0D1E34;
font-weight: 700; }
+fieldset {
+ border: none; }
+
pre {
-webkit-overflow-scrolling: touch;
background-color: #FFFFFF;
@@ -355,8 +386,10 @@ pre {
table td,
table th {
- text-align: left;
vertical-align: top; }
+ table td:not([align]),
+ table th:not([align]) {
+ text-align: left; }
table th {
color: #0D1E34; }
@@ -810,12 +843,30 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.has-text-weight-normal {
font-weight: 400 !important; }
+.has-text-weight-medium {
+ font-weight: 400 !important; }
+
.has-text-weight-semibold {
font-weight: 700 !important; }
.has-text-weight-bold {
font-weight: 700 !important; }
+.is-family-primary {
+ font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
+
+.is-family-secondary {
+ font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
+
+.is-family-sans-serif {
+ font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
+
+.is-family-monospace {
+ font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; }
+
+.is-family-code {
+ font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; }
+
.is-block {
display: block !important; }
@@ -1111,6 +1162,9 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.is-shadowless {
box-shadow: none !important; }
+.is-relative {
+ position: relative !important; }
+
.box {
background-color: #FFFFFF;
border-radius: 0;
@@ -1174,7 +1228,8 @@ a.box:active {
.button.is-text:active, .button.is-text.is-active {
background-color: #f2f2f2;
color: #0D1E34; }
- .button.is-text[disabled] {
+ .button.is-text[disabled],
+ fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none; }
@@ -1195,16 +1250,18 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a; }
- .button.is-white[disabled] {
+ .button.is-white[disabled],
+ fieldset[disabled] .button.is-white {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: #FFFFFF; }
- .button.is-white.is-inverted:hover {
+ .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
background-color: black; }
- .button.is-white.is-inverted[disabled] {
+ .button.is-white.is-inverted[disabled],
+ fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
@@ -1215,13 +1272,16 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
+ .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #0a0a0a; }
.button.is-white.is-outlined.is-loading::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-white.is-outlined[disabled] {
+ .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important; }
+ .button.is-white.is-outlined[disabled],
+ fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1230,10 +1290,13 @@ a.box:active {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a; }
- .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
+ .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
background-color: #0a0a0a;
color: #FFFFFF; }
- .button.is-white.is-inverted.is-outlined[disabled] {
+ .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-white.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1255,16 +1318,18 @@ a.box:active {
background-color: black;
border-color: transparent;
color: #FFFFFF; }
- .button.is-black[disabled] {
+ .button.is-black[disabled],
+ fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none; }
.button.is-black.is-inverted {
background-color: #FFFFFF;
color: #0a0a0a; }
- .button.is-black.is-inverted:hover {
+ .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-black.is-inverted[disabled] {
+ .button.is-black.is-inverted[disabled],
+ fieldset[disabled] .button.is-black.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1275,13 +1340,16 @@ a.box:active {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a; }
- .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
+ .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #FFFFFF; }
.button.is-black.is-outlined.is-loading::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-black.is-outlined[disabled] {
+ .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-black.is-outlined[disabled],
+ fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1290,10 +1358,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
+ .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #0a0a0a; }
- .button.is-black.is-inverted.is-outlined[disabled] {
+ .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important; }
+ .button.is-black.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1315,16 +1386,18 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0D1E34; }
- .button.is-light[disabled] {
+ .button.is-light[disabled],
+ fieldset[disabled] .button.is-light {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
.button.is-light.is-inverted {
background-color: #0D1E34;
color: #FFFFFF; }
- .button.is-light.is-inverted:hover {
+ .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
background-color: #081220; }
- .button.is-light.is-inverted[disabled] {
+ .button.is-light.is-inverted[disabled],
+ fieldset[disabled] .button.is-light.is-inverted {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none;
@@ -1335,13 +1408,16 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
+ .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #0D1E34; }
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-light.is-outlined[disabled] {
+ .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0D1E34 #0D1E34 !important; }
+ .button.is-light.is-outlined[disabled],
+ fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1350,10 +1426,13 @@ a.box:active {
background-color: transparent;
border-color: #0D1E34;
color: #0D1E34; }
- .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
+ .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
background-color: #0D1E34;
color: #FFFFFF; }
- .button.is-light.is-inverted.is-outlined[disabled] {
+ .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-light.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1375,16 +1454,18 @@ a.box:active {
background-color: #081220;
border-color: transparent;
color: #FFFFFF; }
- .button.is-dark[disabled] {
+ .button.is-dark[disabled],
+ fieldset[disabled] .button.is-dark {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none; }
.button.is-dark.is-inverted {
background-color: #FFFFFF;
color: #0D1E34; }
- .button.is-dark.is-inverted:hover {
+ .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-dark.is-inverted[disabled] {
+ .button.is-dark.is-inverted[disabled],
+ fieldset[disabled] .button.is-dark.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1395,13 +1476,16 @@ a.box:active {
background-color: transparent;
border-color: #0D1E34;
color: #0D1E34; }
- .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
+ .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
background-color: #0D1E34;
border-color: #0D1E34;
color: #FFFFFF; }
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-dark.is-outlined[disabled] {
+ .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-dark.is-outlined[disabled],
+ fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1410,10 +1494,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
+ .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #0D1E34; }
- .button.is-dark.is-inverted.is-outlined[disabled] {
+ .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0D1E34 #0D1E34 !important; }
+ .button.is-dark.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1435,16 +1522,18 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-primary[disabled] {
+ .button.is-primary[disabled],
+ fieldset[disabled] .button.is-primary {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-primary.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-primary.is-inverted:hover {
+ .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-primary.is-inverted[disabled] {
+ .button.is-primary.is-inverted[disabled],
+ fieldset[disabled] .button.is-primary.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1455,13 +1544,16 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
+ .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-primary.is-outlined[disabled] {
+ .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-primary.is-outlined[disabled],
+ fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1470,10 +1562,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
+ .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-primary.is-inverted.is-outlined[disabled] {
+ .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #26599B #26599B !important; }
+ .button.is-primary.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1495,16 +1590,18 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-link[disabled] {
+ .button.is-link[disabled],
+ fieldset[disabled] .button.is-link {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-link.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-link.is-inverted:hover {
+ .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-link.is-inverted[disabled] {
+ .button.is-link.is-inverted[disabled],
+ fieldset[disabled] .button.is-link.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1515,13 +1612,16 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
+ .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-link.is-outlined[disabled] {
+ .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-link.is-outlined[disabled],
+ fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1530,10 +1630,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
+ .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-link.is-inverted.is-outlined[disabled] {
+ .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #26599B #26599B !important; }
+ .button.is-link.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1555,16 +1658,18 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-info[disabled] {
+ .button.is-info[disabled],
+ fieldset[disabled] .button.is-info {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-info.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-info.is-inverted:hover {
+ .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-info.is-inverted[disabled] {
+ .button.is-info.is-inverted[disabled],
+ fieldset[disabled] .button.is-info.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1575,13 +1680,16 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
+ .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-info.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-info.is-outlined[disabled] {
+ .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-info.is-outlined[disabled],
+ fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1590,10 +1698,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
+ .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-info.is-inverted.is-outlined[disabled] {
+ .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #26599B #26599B !important; }
+ .button.is-info.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1615,16 +1726,18 @@ a.box:active {
background-color: #37a28f;
border-color: transparent;
color: #FFFFFF; }
- .button.is-success[disabled] {
+ .button.is-success[disabled],
+ fieldset[disabled] .button.is-success {
background-color: #3DB5A0;
border-color: transparent;
box-shadow: none; }
.button.is-success.is-inverted {
background-color: #FFFFFF;
color: #3DB5A0; }
- .button.is-success.is-inverted:hover {
+ .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-success.is-inverted[disabled] {
+ .button.is-success.is-inverted[disabled],
+ fieldset[disabled] .button.is-success.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1635,13 +1748,16 @@ a.box:active {
background-color: transparent;
border-color: #3DB5A0;
color: #3DB5A0; }
- .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
+ .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
background-color: #3DB5A0;
border-color: #3DB5A0;
color: #FFFFFF; }
.button.is-success.is-outlined.is-loading::after {
border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
- .button.is-success.is-outlined[disabled] {
+ .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-success.is-outlined[disabled],
+ fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #3DB5A0;
box-shadow: none;
@@ -1650,10 +1766,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
+ .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #3DB5A0; }
- .button.is-success.is-inverted.is-outlined[disabled] {
+ .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
+ .button.is-success.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1675,16 +1794,18 @@ a.box:active {
background-color: #b4ac16;
border-color: transparent;
color: #FFFFFF; }
- .button.is-warning[disabled] {
+ .button.is-warning[disabled],
+ fieldset[disabled] .button.is-warning {
background-color: #CBC219;
border-color: transparent;
box-shadow: none; }
.button.is-warning.is-inverted {
background-color: #FFFFFF;
color: #CBC219; }
- .button.is-warning.is-inverted:hover {
+ .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-warning.is-inverted[disabled] {
+ .button.is-warning.is-inverted[disabled],
+ fieldset[disabled] .button.is-warning.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1695,13 +1816,16 @@ a.box:active {
background-color: transparent;
border-color: #CBC219;
color: #CBC219; }
- .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
+ .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
background-color: #CBC219;
border-color: #CBC219;
color: #FFFFFF; }
.button.is-warning.is-outlined.is-loading::after {
border-color: transparent transparent #CBC219 #CBC219 !important; }
- .button.is-warning.is-outlined[disabled] {
+ .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-warning.is-outlined[disabled],
+ fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #CBC219;
box-shadow: none;
@@ -1710,10 +1834,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
+ .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #CBC219; }
- .button.is-warning.is-inverted.is-outlined[disabled] {
+ .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #CBC219 #CBC219 !important; }
+ .button.is-warning.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1735,16 +1862,18 @@ a.box:active {
background-color: #c94722;
border-color: transparent;
color: #FFFFFF; }
- .button.is-danger[disabled] {
+ .button.is-danger[disabled],
+ fieldset[disabled] .button.is-danger {
background-color: #DB512A;
border-color: transparent;
box-shadow: none; }
.button.is-danger.is-inverted {
background-color: #FFFFFF;
color: #DB512A; }
- .button.is-danger.is-inverted:hover {
+ .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-danger.is-inverted[disabled] {
+ .button.is-danger.is-inverted[disabled],
+ fieldset[disabled] .button.is-danger.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1755,13 +1884,16 @@ a.box:active {
background-color: transparent;
border-color: #DB512A;
color: #DB512A; }
- .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
+ .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
background-color: #DB512A;
border-color: #DB512A;
color: #FFFFFF; }
.button.is-danger.is-outlined.is-loading::after {
border-color: transparent transparent #DB512A #DB512A !important; }
- .button.is-danger.is-outlined[disabled] {
+ .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #FFFFFF #FFFFFF !important; }
+ .button.is-danger.is-outlined[disabled],
+ fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #DB512A;
box-shadow: none;
@@ -1770,10 +1902,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
+ .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
background-color: #FFFFFF;
color: #DB512A; }
- .button.is-danger.is-inverted.is-outlined[disabled] {
+ .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #DB512A #DB512A !important; }
+ .button.is-danger.is-inverted.is-outlined[disabled],
+ fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1781,11 +1916,14 @@ a.box:active {
.button.is-small {
border-radius: 0;
font-size: 0.63rem; }
+ .button.is-normal {
+ font-size: 0.88rem; }
.button.is-medium {
font-size: 1.25rem; }
.button.is-large {
font-size: 1.75rem; }
- .button[disabled] {
+ .button[disabled],
+ fieldset[disabled] .button {
background-color: #FFFFFF;
border-color: #dbdbdb;
box-shadow: none;
@@ -1825,6 +1963,13 @@ a.box:active {
margin-bottom: -0.5rem; }
.buttons:not(:last-child) {
margin-bottom: 1rem; }
+ .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
+ border-radius: 0;
+ font-size: 0.63rem; }
+ .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
+ font-size: 1.25rem; }
+ .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
+ font-size: 1.75rem; }
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
@@ -1841,40 +1986,43 @@ a.box:active {
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
z-index: 4; }
.buttons.has-addons .button.is-expanded {
- flex-grow: 1; }
+ flex-grow: 1;
+ flex-shrink: 1; }
.buttons.is-centered {
justify-content: center; }
+ .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem; }
.buttons.is-right {
justify-content: flex-end; }
+ .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem; }
.container {
+ flex-grow: 1;
margin: 0 auto;
- position: relative; }
+ position: relative;
+ width: auto; }
@media screen and (min-width: 1024px) {
.container {
- max-width: 960px;
- width: 960px; }
+ max-width: 960px; }
.container.is-fluid {
margin-left: 32px;
margin-right: 32px;
- max-width: none;
- width: auto; } }
+ max-width: none; } }
@media screen and (max-width: 1215px) {
.container.is-widescreen {
- max-width: 1152px;
- width: auto; } }
+ max-width: 1152px; } }
@media screen and (max-width: 1407px) {
.container.is-fullhd {
- max-width: 1344px;
- width: auto; } }
+ max-width: 1344px; } }
@media screen and (min-width: 1216px) {
.container {
- max-width: 1152px;
- width: 1152px; } }
+ max-width: 1152px; } }
@media screen and (min-width: 1408px) {
.container {
- max-width: 1344px;
- width: 1344px; } }
+ max-width: 1344px; } }
.content li + li {
margin-top: 0.25em; }
@@ -1994,8 +2142,9 @@ a.box:active {
padding: 0.5em 0.75em;
vertical-align: top; }
.content table th {
- color: #0D1E34;
- text-align: left; }
+ color: #0D1E34; }
+ .content table th:not([align]) {
+ text-align: left; }
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
@@ -2008,6 +2157,9 @@ a.box:active {
.content table tbody tr:last-child th {
border-bottom-width: 0; }
+.content .tabs li + li {
+ margin-top: 0; }
+
.content.is-small {
font-size: 0.63rem; }
@@ -2017,164 +2169,749 @@ a.box:active {
.content.is-large {
font-size: 1.75rem; }
-.input,
-.textarea {
+.icon {
+ align-items: center;
+ display: inline-flex;
+ justify-content: center;
+ height: 1.5rem;
+ width: 1.5rem; }
+ .icon.is-small {
+ height: 1rem;
+ width: 1rem; }
+ .icon.is-medium {
+ height: 2rem;
+ width: 2rem; }
+ .icon.is-large {
+ height: 3rem;
+ width: 3rem; }
+
+.image {
+ display: block;
+ position: relative; }
+ .image img {
+ display: block;
+ height: auto;
+ width: 100%; }
+ .image img.is-rounded {
+ border-radius: 290486px; }
+ .image.is-square img,
+ .image.is-square .has-ratio, .image.is-1by1 img,
+ .image.is-1by1 .has-ratio, .image.is-5by4 img,
+ .image.is-5by4 .has-ratio, .image.is-4by3 img,
+ .image.is-4by3 .has-ratio, .image.is-3by2 img,
+ .image.is-3by2 .has-ratio, .image.is-5by3 img,
+ .image.is-5by3 .has-ratio, .image.is-16by9 img,
+ .image.is-16by9 .has-ratio, .image.is-2by1 img,
+ .image.is-2by1 .has-ratio, .image.is-3by1 img,
+ .image.is-3by1 .has-ratio, .image.is-4by5 img,
+ .image.is-4by5 .has-ratio, .image.is-3by4 img,
+ .image.is-3by4 .has-ratio, .image.is-2by3 img,
+ .image.is-2by3 .has-ratio, .image.is-3by5 img,
+ .image.is-3by5 .has-ratio, .image.is-9by16 img,
+ .image.is-9by16 .has-ratio, .image.is-1by2 img,
+ .image.is-1by2 .has-ratio, .image.is-1by3 img,
+ .image.is-1by3 .has-ratio {
+ height: 100%;
+ width: 100%; }
+ .image.is-square, .image.is-1by1 {
+ padding-top: 100%; }
+ .image.is-5by4 {
+ padding-top: 80%; }
+ .image.is-4by3 {
+ padding-top: 75%; }
+ .image.is-3by2 {
+ padding-top: 66.6666%; }
+ .image.is-5by3 {
+ padding-top: 60%; }
+ .image.is-16by9 {
+ padding-top: 56.25%; }
+ .image.is-2by1 {
+ padding-top: 50%; }
+ .image.is-3by1 {
+ padding-top: 33.3333%; }
+ .image.is-4by5 {
+ padding-top: 125%; }
+ .image.is-3by4 {
+ padding-top: 133.3333%; }
+ .image.is-2by3 {
+ padding-top: 150%; }
+ .image.is-3by5 {
+ padding-top: 166.6666%; }
+ .image.is-9by16 {
+ padding-top: 177.7777%; }
+ .image.is-1by2 {
+ padding-top: 200%; }
+ .image.is-1by3 {
+ padding-top: 300%; }
+ .image.is-16x16 {
+ height: 16px;
+ width: 16px; }
+ .image.is-24x24 {
+ height: 24px;
+ width: 24px; }
+ .image.is-32x32 {
+ height: 32px;
+ width: 32px; }
+ .image.is-48x48 {
+ height: 48px;
+ width: 48px; }
+ .image.is-64x64 {
+ height: 64px;
+ width: 64px; }
+ .image.is-96x96 {
+ height: 96px;
+ width: 96px; }
+ .image.is-128x128 {
+ height: 128px;
+ width: 128px; }
+
+.notification {
+ background-color: #FFFFFF;
+ border-radius: 0;
+ padding: 1.25rem 2.5rem 1.25rem 1.5rem;
+ position: relative; }
+ .notification a:not(.button):not(.dropdown-item) {
+ color: currentColor;
+ text-decoration: underline; }
+ .notification strong {
+ color: currentColor; }
+ .notification code,
+ .notification pre {
+ background: #FFFFFF; }
+ .notification pre code {
+ background: transparent; }
+ .notification > .delete {
+ position: absolute;
+ right: 0.5rem;
+ top: 0.5rem; }
+ .notification .title,
+ .notification .subtitle,
+ .notification .content {
+ color: currentColor; }
+ .notification.is-white {
+ background-color: #FFFFFF;
+ color: #0a0a0a; }
+ .notification.is-black {
+ background-color: #0a0a0a;
+ color: #FFFFFF; }
+ .notification.is-light {
+ background-color: #FFFFFF;
+ color: #0D1E34; }
+ .notification.is-dark {
+ background-color: #0D1E34;
+ color: #FFFFFF; }
+ .notification.is-primary {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-link {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-info {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-success {
+ background-color: #3DB5A0;
+ color: #FFFFFF; }
+ .notification.is-warning {
+ background-color: #CBC219;
+ color: #FFFFFF; }
+ .notification.is-danger {
+ background-color: #DB512A;
+ color: #FFFFFF; }
+
+.progress {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ border: none;
+ border-radius: 290486px;
+ display: block;
+ height: 0.88rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%; }
+ .progress::-webkit-progress-bar {
+ background-color: #E4E5E7; }
+ .progress::-webkit-progress-value {
+ background-color: #0D1E34; }
+ .progress::-moz-progress-bar {
+ background-color: #0D1E34; }
+ .progress::-ms-fill {
+ background-color: #0D1E34;
+ border: none; }
+ .progress.is-white::-webkit-progress-value {
+ background-color: #FFFFFF; }
+ .progress.is-white::-moz-progress-bar {
+ background-color: #FFFFFF; }
+ .progress.is-white::-ms-fill {
+ background-color: #FFFFFF; }
+ .progress.is-white:indeterminate {
+ background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); }
+ .progress.is-black::-webkit-progress-value {
+ background-color: #0a0a0a; }
+ .progress.is-black::-moz-progress-bar {
+ background-color: #0a0a0a; }
+ .progress.is-black::-ms-fill {
+ background-color: #0a0a0a; }
+ .progress.is-black:indeterminate {
+ background-image: linear-gradient(to right, #0a0a0a 30%, #E4E5E7 30%); }
+ .progress.is-light::-webkit-progress-value {
+ background-color: #FFFFFF; }
+ .progress.is-light::-moz-progress-bar {
+ background-color: #FFFFFF; }
+ .progress.is-light::-ms-fill {
+ background-color: #FFFFFF; }
+ .progress.is-light:indeterminate {
+ background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); }
+ .progress.is-dark::-webkit-progress-value {
+ background-color: #0D1E34; }
+ .progress.is-dark::-moz-progress-bar {
+ background-color: #0D1E34; }
+ .progress.is-dark::-ms-fill {
+ background-color: #0D1E34; }
+ .progress.is-dark:indeterminate {
+ background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%); }
+ .progress.is-primary::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-primary::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-primary::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-primary:indeterminate {
+ background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
+ .progress.is-link::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-link::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-link::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-link:indeterminate {
+ background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
+ .progress.is-info::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-info::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-info::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-info:indeterminate {
+ background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
+ .progress.is-success::-webkit-progress-value {
+ background-color: #3DB5A0; }
+ .progress.is-success::-moz-progress-bar {
+ background-color: #3DB5A0; }
+ .progress.is-success::-ms-fill {
+ background-color: #3DB5A0; }
+ .progress.is-success:indeterminate {
+ background-image: linear-gradient(to right, #3DB5A0 30%, #E4E5E7 30%); }
+ .progress.is-warning::-webkit-progress-value {
+ background-color: #CBC219; }
+ .progress.is-warning::-moz-progress-bar {
+ background-color: #CBC219; }
+ .progress.is-warning::-ms-fill {
+ background-color: #CBC219; }
+ .progress.is-warning:indeterminate {
+ background-image: linear-gradient(to right, #CBC219 30%, #E4E5E7 30%); }
+ .progress.is-danger::-webkit-progress-value {
+ background-color: #DB512A; }
+ .progress.is-danger::-moz-progress-bar {
+ background-color: #DB512A; }
+ .progress.is-danger::-ms-fill {
+ background-color: #DB512A; }
+ .progress.is-danger:indeterminate {
+ background-image: linear-gradient(to right, #DB512A 30%, #E4E5E7 30%); }
+ .progress:indeterminate {
+ animation-duration: 1.5s;
+ animation-iteration-count: infinite;
+ animation-name: moveIndeterminate;
+ animation-timing-function: linear;
+ background-color: #E4E5E7;
+ background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%);
+ background-position: top left;
+ background-repeat: no-repeat;
+ background-size: 150% 150%; }
+ .progress:indeterminate::-webkit-progress-bar {
+ background-color: transparent; }
+ .progress:indeterminate::-moz-progress-bar {
+ background-color: transparent; }
+ .progress.is-small {
+ height: 0.63rem; }
+ .progress.is-medium {
+ height: 1.25rem; }
+ .progress.is-large {
+ height: 1.75rem; }
+
+@keyframes moveIndeterminate {
+ from {
+ background-position: 200% 0; }
+ to {
+ background-position: -200% 0; } }
+
+.table {
+ background-color: #FFFFFF;
+ color: #363636; }
+ .table td,
+ .table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top; }
+ .table td.is-white,
+ .table th.is-white {
+ background-color: #FFFFFF;
+ border-color: #FFFFFF;
+ color: #0a0a0a; }
+ .table td.is-black,
+ .table th.is-black {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: #FFFFFF; }
+ .table td.is-light,
+ .table th.is-light {
+ background-color: #FFFFFF;
+ border-color: #FFFFFF;
+ color: #0D1E34; }
+ .table td.is-dark,
+ .table th.is-dark {
+ background-color: #0D1E34;
+ border-color: #0D1E34;
+ color: #FFFFFF; }
+ .table td.is-primary,
+ .table th.is-primary {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-link,
+ .table th.is-link {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-info,
+ .table th.is-info {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-success,
+ .table th.is-success {
+ background-color: #3DB5A0;
+ border-color: #3DB5A0;
+ color: #FFFFFF; }
+ .table td.is-warning,
+ .table th.is-warning {
+ background-color: #CBC219;
+ border-color: #CBC219;
+ color: #FFFFFF; }
+ .table td.is-danger,
+ .table th.is-danger {
+ background-color: #DB512A;
+ border-color: #DB512A;
+ color: #FFFFFF; }
+ .table td.is-narrow,
+ .table th.is-narrow {
+ white-space: nowrap;
+ width: 1%; }
+ .table td.is-selected,
+ .table th.is-selected {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-selected a,
+ .table td.is-selected strong,
+ .table th.is-selected a,
+ .table th.is-selected strong {
+ color: currentColor; }
+ .table th {
+ color: #0D1E34; }
+ .table th:not([align]) {
+ text-align: left; }
+ .table tr.is-selected {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .table tr.is-selected a,
+ .table tr.is-selected strong {
+ color: currentColor; }
+ .table tr.is-selected td,
+ .table tr.is-selected th {
+ border-color: #FFFFFF;
+ color: currentColor; }
+ .table thead {
+ background-color: transparent; }
+ .table thead td,
+ .table thead th {
+ border-width: 0 0 2px;
+ color: #0D1E34; }
+ .table tfoot {
+ background-color: transparent; }
+ .table tfoot td,
+ .table tfoot th {
+ border-width: 2px 0 0;
+ color: #0D1E34; }
+ .table tbody {
+ background-color: transparent; }
+ .table tbody tr:last-child td,
+ .table tbody tr:last-child th {
+ border-bottom-width: 0; }
+ .table.is-bordered td,
+ .table.is-bordered th {
+ border-width: 1px; }
+ .table.is-bordered tr:last-child td,
+ .table.is-bordered tr:last-child th {
+ border-bottom-width: 1px; }
+ .table.is-fullwidth {
+ width: 100%; }
+ .table.is-hoverable tbody tr:not(.is-selected):hover {
+ background-color: #fafafa; }
+ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
+ background-color: #fafafa; }
+ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+ background-color: whitesmoke; }
+ .table.is-narrow td,
+ .table.is-narrow th {
+ padding: 0.25em 0.5em; }
+ .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
+ background-color: #fafafa; }
+
+.table-container {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%; }
+
+.tags {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start; }
+ .tags .tag {
+ margin-bottom: 0.5rem; }
+ .tags .tag:not(:last-child) {
+ margin-right: 0.5rem; }
+ .tags:last-child {
+ margin-bottom: -0.5rem; }
+ .tags:not(:last-child) {
+ margin-bottom: 1rem; }
+ .tags.are-medium .tag:not(.is-normal):not(.is-large) {
+ font-size: 0.88rem; }
+ .tags.are-large .tag:not(.is-normal):not(.is-medium) {
+ font-size: 1.25rem; }
+ .tags.is-centered {
+ justify-content: center; }
+ .tags.is-centered .tag {
+ margin-right: 0.25rem;
+ margin-left: 0.25rem; }
+ .tags.is-right {
+ justify-content: flex-end; }
+ .tags.is-right .tag:not(:first-child) {
+ margin-left: 0.5rem; }
+ .tags.is-right .tag:not(:last-child) {
+ margin-right: 0; }
+ .tags.has-addons .tag {
+ margin-right: 0; }
+ .tags.has-addons .tag:not(:first-child) {
+ margin-left: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0; }
+ .tags.has-addons .tag:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0; }
+
+.tag:not(body) {
+ align-items: center;
+ background-color: #FFFFFF;
+ border-radius: 0;
+ color: #0D1E34;
+ display: inline-flex;
+ font-size: 0.63rem;
+ height: 2em;
+ justify-content: center;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ white-space: nowrap; }
+ .tag:not(body) .delete {
+ margin-left: 0.25rem;
+ margin-right: -0.375rem; }
+ .tag:not(body).is-white {
+ background-color: #FFFFFF;
+ color: #0a0a0a; }
+ .tag:not(body).is-black {
+ background-color: #0a0a0a;
+ color: #FFFFFF; }
+ .tag:not(body).is-light {
+ background-color: #FFFFFF;
+ color: #0D1E34; }
+ .tag:not(body).is-dark {
+ background-color: #0D1E34;
+ color: #FFFFFF; }
+ .tag:not(body).is-primary {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-link {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-info {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-success {
+ background-color: #3DB5A0;
+ color: #FFFFFF; }
+ .tag:not(body).is-warning {
+ background-color: #CBC219;
+ color: #FFFFFF; }
+ .tag:not(body).is-danger {
+ background-color: #DB512A;
+ color: #FFFFFF; }
+ .tag:not(body).is-normal {
+ font-size: 0.63rem; }
+ .tag:not(body).is-medium {
+ font-size: 0.88rem; }
+ .tag:not(body).is-large {
+ font-size: 1.25rem; }
+ .tag:not(body) .icon:first-child:not(:last-child) {
+ margin-left: -0.375em;
+ margin-right: 0.1875em; }
+ .tag:not(body) .icon:last-child:not(:first-child) {
+ margin-left: 0.1875em;
+ margin-right: -0.375em; }
+ .tag:not(body) .icon:first-child:last-child {
+ margin-left: -0.375em;
+ margin-right: -0.375em; }
+ .tag:not(body).is-delete {
+ margin-left: 1px;
+ padding: 0;
+ position: relative;
+ width: 2em; }
+ .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
+ background-color: currentColor;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center; }
+ .tag:not(body).is-delete::before {
+ height: 1px;
+ width: 50%; }
+ .tag:not(body).is-delete::after {
+ height: 50%;
+ width: 1px; }
+ .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
+ background-color: #f2f2f2; }
+ .tag:not(body).is-delete:active {
+ background-color: #e6e5e5; }
+ .tag:not(body).is-rounded {
+ border-radius: 290486px; }
+
+a.tag:hover {
+ text-decoration: underline; }
+
+.title,
+.subtitle {
+ word-break: break-word; }
+ .title em,
+ .title span,
+ .subtitle em,
+ .subtitle span {
+ font-weight: inherit; }
+ .title sub,
+ .subtitle sub {
+ font-size: 0.75em; }
+ .title sup,
+ .subtitle sup {
+ font-size: 0.75em; }
+ .title .tag,
+ .subtitle .tag {
+ vertical-align: middle; }
+
+.title {
+ color: #363636;
+ font-size: 2.5rem;
+ font-weight: 700;
+ line-height: 1.125; }
+ .title strong {
+ color: inherit;
+ font-weight: inherit; }
+ .title + .highlight {
+ margin-top: -0.75rem; }
+ .title:not(.is-spaced) + .subtitle {
+ margin-top: -1.25rem; }
+ .title.is-1 {
+ font-size: 5.63rem; }
+ .title.is-2 {
+ font-size: 3.5rem; }
+ .title.is-3 {
+ font-size: 2.5rem; }
+ .title.is-4 {
+ font-size: 1.75rem; }
+ .title.is-5 {
+ font-size: 1.25rem; }
+ .title.is-6 {
+ font-size: 0.88rem; }
+ .title.is-7 {
+ font-size: 0.63rem; }
+
+.subtitle {
+ color: #4a4a4a;
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1.25; }
+ .subtitle strong {
+ color: #363636;
+ font-weight: 700; }
+ .subtitle:not(.is-spaced) + .title {
+ margin-top: -1.25rem; }
+ .subtitle.is-1 {
+ font-size: 5.63rem; }
+ .subtitle.is-2 {
+ font-size: 3.5rem; }
+ .subtitle.is-3 {
+ font-size: 2.5rem; }
+ .subtitle.is-4 {
+ font-size: 1.75rem; }
+ .subtitle.is-5 {
+ font-size: 1.25rem; }
+ .subtitle.is-6 {
+ font-size: 0.88rem; }
+ .subtitle.is-7 {
+ font-size: 0.63rem; }
+
+.heading {
+ display: block;
+ font-size: 11px;
+ letter-spacing: 1px;
+ margin-bottom: 5px;
+ text-transform: uppercase; }
+
+.highlight {
+ font-weight: 400;
+ max-width: 100%;
+ overflow: hidden;
+ padding: 0; }
+ .highlight pre {
+ overflow: auto;
+ max-width: 100%; }
+
+.number {
+ align-items: center;
+ background-color: #FFFFFF;
+ border-radius: 290486px;
+ display: inline-flex;
+ font-size: 1.25rem;
+ height: 2em;
+ justify-content: center;
+ margin-right: 1.5rem;
+ min-width: 2.5em;
+ padding: 0.25rem 0.5rem;
+ text-align: center;
+ vertical-align: top; }
+
+.input, .textarea, .select select {
background-color: #FFFFFF;
border-color: #dbdbdb;
- color: #363636;
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
- max-width: 100%;
- width: 100%; }
- .input::-moz-placeholder,
- .textarea::-moz-placeholder {
+ border-radius: 0;
+ color: #363636; }
+ .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input::-webkit-input-placeholder,
- .textarea::-webkit-input-placeholder {
+ .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:-moz-placeholder,
- .textarea:-moz-placeholder {
+ .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:-ms-input-placeholder,
- .textarea:-ms-input-placeholder {
+ .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:hover, .input.is-hovered,
- .textarea:hover,
- .textarea.is-hovered {
+ .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
border-color: #b5b5b5; }
- .input:focus, .input.is-focused, .input:active, .input.is-active,
- .textarea:focus,
- .textarea.is-focused,
- .textarea:active,
- .textarea.is-active {
+ .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
border-color: #26599B;
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .input[disabled],
- .textarea[disabled] {
+ .input[disabled], .textarea[disabled], .select select[disabled],
+ fieldset[disabled] .input,
+ fieldset[disabled] .textarea,
+ fieldset[disabled] .select select,
+ .select fieldset[disabled] select {
background-color: #FFFFFF;
border-color: #FFFFFF;
box-shadow: none;
color: #E4E5E7; }
- .input[disabled]::-moz-placeholder,
- .textarea[disabled]::-moz-placeholder {
+ .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
+ fieldset[disabled] .input::-moz-placeholder,
+ fieldset[disabled] .textarea::-moz-placeholder,
+ fieldset[disabled] .select select::-moz-placeholder,
+ .select fieldset[disabled] select::-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]::-webkit-input-placeholder,
- .textarea[disabled]::-webkit-input-placeholder {
+ .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
+ fieldset[disabled] .input::-webkit-input-placeholder,
+ fieldset[disabled] .textarea::-webkit-input-placeholder,
+ fieldset[disabled] .select select::-webkit-input-placeholder,
+ .select fieldset[disabled] select::-webkit-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]:-moz-placeholder,
- .textarea[disabled]:-moz-placeholder {
+ .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
+ fieldset[disabled] .input:-moz-placeholder,
+ fieldset[disabled] .textarea:-moz-placeholder,
+ fieldset[disabled] .select select:-moz-placeholder,
+ .select fieldset[disabled] select:-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]:-ms-input-placeholder,
- .textarea[disabled]:-ms-input-placeholder {
+ .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
+ fieldset[disabled] .input:-ms-input-placeholder,
+ fieldset[disabled] .textarea:-ms-input-placeholder,
+ fieldset[disabled] .select select:-ms-input-placeholder,
+ .select fieldset[disabled] select:-ms-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[readonly],
- .textarea[readonly] {
+
+.input, .textarea {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ max-width: 100%;
+ width: 100%; }
+ .input[readonly], .textarea[readonly] {
box-shadow: none; }
- .input.is-white,
- .textarea.is-white {
+ .is-white.input, .is-white.textarea {
border-color: #FFFFFF; }
- .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
- .textarea.is-white:focus,
- .textarea.is-white.is-focused,
- .textarea.is-white:active,
- .textarea.is-white.is-active {
+ .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .input.is-black,
- .textarea.is-black {
+ .is-black.input, .is-black.textarea {
border-color: #0a0a0a; }
- .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
- .textarea.is-black:focus,
- .textarea.is-black.is-focused,
- .textarea.is-black:active,
- .textarea.is-black.is-active {
+ .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
- .input.is-light,
- .textarea.is-light {
+ .is-light.input, .is-light.textarea {
border-color: #FFFFFF; }
- .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
- .textarea.is-light:focus,
- .textarea.is-light.is-focused,
- .textarea.is-light:active,
- .textarea.is-light.is-active {
+ .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .input.is-dark,
- .textarea.is-dark {
+ .is-dark.input, .is-dark.textarea {
border-color: #0D1E34; }
- .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
- .textarea.is-dark:focus,
- .textarea.is-dark.is-focused,
- .textarea.is-dark:active,
- .textarea.is-dark.is-active {
+ .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(13, 30, 52, 0.25); }
- .input.is-primary,
- .textarea.is-primary {
+ .is-primary.input, .is-primary.textarea {
border-color: #26599B; }
- .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
- .textarea.is-primary:focus,
- .textarea.is-primary.is-focused,
- .textarea.is-primary:active,
- .textarea.is-primary.is-active {
+ .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .input.is-link,
- .textarea.is-link {
+ .is-link.input, .is-link.textarea {
border-color: #26599B; }
- .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
- .textarea.is-link:focus,
- .textarea.is-link.is-focused,
- .textarea.is-link:active,
- .textarea.is-link.is-active {
+ .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .input.is-info,
- .textarea.is-info {
+ .is-info.input, .is-info.textarea {
border-color: #26599B; }
- .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
- .textarea.is-info:focus,
- .textarea.is-info.is-focused,
- .textarea.is-info:active,
- .textarea.is-info.is-active {
+ .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .input.is-success,
- .textarea.is-success {
+ .is-success.input, .is-success.textarea {
border-color: #3DB5A0; }
- .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
- .textarea.is-success:focus,
- .textarea.is-success.is-focused,
- .textarea.is-success:active,
- .textarea.is-success.is-active {
+ .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(61, 181, 160, 0.25); }
- .input.is-warning,
- .textarea.is-warning {
+ .is-warning.input, .is-warning.textarea {
border-color: #CBC219; }
- .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
- .textarea.is-warning:focus,
- .textarea.is-warning.is-focused,
- .textarea.is-warning:active,
- .textarea.is-warning.is-active {
+ .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(203, 194, 25, 0.25); }
- .input.is-danger,
- .textarea.is-danger {
+ .is-danger.input, .is-danger.textarea {
border-color: #DB512A; }
- .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
- .textarea.is-danger:focus,
- .textarea.is-danger.is-focused,
- .textarea.is-danger:active,
- .textarea.is-danger.is-active {
+ .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
box-shadow: 0 0 0 0.125em rgba(219, 81, 42, 0.25); }
- .input.is-small,
- .textarea.is-small {
+ .is-small.input, .is-small.textarea {
border-radius: 0;
font-size: 0.63rem; }
- .input.is-medium,
- .textarea.is-medium {
+ .is-medium.input, .is-medium.textarea {
font-size: 1.25rem; }
- .input.is-large,
- .textarea.is-large {
+ .is-large.input, .is-large.textarea {
font-size: 1.75rem; }
- .input.is-fullwidth,
- .textarea.is-fullwidth {
+ .is-fullwidth.input, .is-fullwidth.textarea {
display: block;
width: 100%; }
- .input.is-inline,
- .textarea.is-inline {
+ .is-inline.input, .is-inline.textarea {
display: inline;
width: auto; }
@@ -2204,20 +2941,18 @@ a.box:active {
.textarea.has-fixed-size {
resize: none; }
-.checkbox,
-.radio {
+.checkbox, .radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative; }
- .checkbox input,
- .radio input {
+ .checkbox input, .radio input {
cursor: pointer; }
- .checkbox:hover,
- .radio:hover {
+ .checkbox:hover, .radio:hover {
color: #363636; }
- .checkbox[disabled],
- .radio[disabled] {
+ .checkbox[disabled], .radio[disabled],
+ fieldset[disabled] .checkbox,
+ fieldset[disabled] .radio {
color: #E4E5E7;
cursor: not-allowed; }
@@ -2239,43 +2974,15 @@ a.box:active {
border-radius: 290486px;
padding-left: 1em; }
.select select {
- background-color: #FFFFFF;
- border-color: #dbdbdb;
- color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none; }
- .select select::-moz-placeholder {
- color: rgba(54, 54, 54, 0.3); }
- .select select::-webkit-input-placeholder {
- color: rgba(54, 54, 54, 0.3); }
- .select select:-moz-placeholder {
- color: rgba(54, 54, 54, 0.3); }
- .select select:-ms-input-placeholder {
- color: rgba(54, 54, 54, 0.3); }
- .select select:hover, .select select.is-hovered {
- border-color: #b5b5b5; }
- .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
- border-color: #26599B;
- box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .select select[disabled] {
- background-color: #FFFFFF;
- border-color: #FFFFFF;
- box-shadow: none;
- color: #E4E5E7; }
- .select select[disabled]::-moz-placeholder {
- color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]::-webkit-input-placeholder {
- color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]:-moz-placeholder {
- color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]:-ms-input-placeholder {
- color: rgba(228, 229, 231, 0.3); }
.select select::-ms-expand {
display: none; }
- .select select[disabled]:hover {
+ .select select[disabled]:hover,
+ fieldset[disabled] .select select:hover {
border-color: #FFFFFF; }
.select select:not([multiple]) {
padding-right: 2.5em; }
@@ -2728,14 +3435,14 @@ a.box:active {
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0; }
- .field.has-addons .control:first-child .button,
- .field.has-addons .control:first-child .input,
- .field.has-addons .control:first-child .select select {
+ .field.has-addons .control:first-child:not(:only-child) .button,
+ .field.has-addons .control:first-child:not(:only-child) .input,
+ .field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
- .field.has-addons .control:last-child .button,
- .field.has-addons .control:last-child .input,
- .field.has-addons .control:last-child .select select {
+ .field.has-addons .control:last-child:not(:only-child) .button,
+ .field.has-addons .control:last-child:not(:only-child) .input,
+ .field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
@@ -2765,7 +3472,8 @@ a.box:active {
.field.has-addons .control .select select:not([disabled]).is-active:hover {
z-index: 4; }
.field.has-addons .control.is-expanded {
- flex-grow: 1; }
+ flex-grow: 1;
+ flex-shrink: 1; }
.field.has-addons.has-addons-centered {
justify-content: center; }
.field.has-addons.has-addons-right {
@@ -2847,34 +3555,11 @@ a.box:active {
margin-right: 0.75rem; } }
.control {
+ box-sizing: border-box;
clear: both;
font-size: 0.88rem;
position: relative;
text-align: left; }
- .control.has-icon .icon {
- color: #dbdbdb;
- height: 2.25em;
- pointer-events: none;
- position: absolute;
- top: 0;
- width: 2.25em;
- z-index: 4; }
- .control.has-icon .input:focus + .icon {
- color: #E4E5E7; }
- .control.has-icon .input.is-small + .icon {
- font-size: 0.63rem; }
- .control.has-icon .input.is-medium + .icon {
- font-size: 1.25rem; }
- .control.has-icon .input.is-large + .icon {
- font-size: 1.75rem; }
- .control.has-icon:not(.has-icon-right) .icon {
- left: 0; }
- .control.has-icon:not(.has-icon-right) .input {
- padding-left: 2.25em; }
- .control.has-icon.has-icon-right .icon {
- right: 0; }
- .control.has-icon.has-icon-right .input {
- padding-right: 2.25em; }
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
@@ -2921,570 +3606,6 @@ a.box:active {
.control.is-loading.is-large:after {
font-size: 1.75rem; }
-.icon {
- align-items: center;
- display: inline-flex;
- justify-content: center;
- height: 1.5rem;
- width: 1.5rem; }
- .icon.is-small {
- height: 1rem;
- width: 1rem; }
- .icon.is-medium {
- height: 2rem;
- width: 2rem; }
- .icon.is-large {
- height: 3rem;
- width: 3rem; }
-
-.image {
- display: block;
- position: relative; }
- .image img {
- display: block;
- height: auto;
- width: 100%; }
- .image img.is-rounded {
- border-radius: 290486px; }
- .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
- height: 100%;
- width: 100%; }
- .image.is-square, .image.is-1by1 {
- padding-top: 100%; }
- .image.is-5by4 {
- padding-top: 80%; }
- .image.is-4by3 {
- padding-top: 75%; }
- .image.is-3by2 {
- padding-top: 66.6666%; }
- .image.is-5by3 {
- padding-top: 60%; }
- .image.is-16by9 {
- padding-top: 56.25%; }
- .image.is-2by1 {
- padding-top: 50%; }
- .image.is-3by1 {
- padding-top: 33.3333%; }
- .image.is-4by5 {
- padding-top: 125%; }
- .image.is-3by4 {
- padding-top: 133.3333%; }
- .image.is-2by3 {
- padding-top: 150%; }
- .image.is-3by5 {
- padding-top: 166.6666%; }
- .image.is-9by16 {
- padding-top: 177.7777%; }
- .image.is-1by2 {
- padding-top: 200%; }
- .image.is-1by3 {
- padding-top: 300%; }
- .image.is-16x16 {
- height: 16px;
- width: 16px; }
- .image.is-24x24 {
- height: 24px;
- width: 24px; }
- .image.is-32x32 {
- height: 32px;
- width: 32px; }
- .image.is-48x48 {
- height: 48px;
- width: 48px; }
- .image.is-64x64 {
- height: 64px;
- width: 64px; }
- .image.is-96x96 {
- height: 96px;
- width: 96px; }
- .image.is-128x128 {
- height: 128px;
- width: 128px; }
-
-.notification {
- background-color: #FFFFFF;
- border-radius: 0;
- padding: 1.25rem 2.5rem 1.25rem 1.5rem;
- position: relative; }
- .notification a:not(.button):not(.dropdown-item) {
- color: currentColor;
- text-decoration: underline; }
- .notification strong {
- color: currentColor; }
- .notification code,
- .notification pre {
- background: #FFFFFF; }
- .notification pre code {
- background: transparent; }
- .notification > .delete {
- position: absolute;
- right: 0.5rem;
- top: 0.5rem; }
- .notification .title,
- .notification .subtitle,
- .notification .content {
- color: currentColor; }
- .notification.is-white {
- background-color: #FFFFFF;
- color: #0a0a0a; }
- .notification.is-black {
- background-color: #0a0a0a;
- color: #FFFFFF; }
- .notification.is-light {
- background-color: #FFFFFF;
- color: #0D1E34; }
- .notification.is-dark {
- background-color: #0D1E34;
- color: #FFFFFF; }
- .notification.is-primary {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-link {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-info {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-success {
- background-color: #3DB5A0;
- color: #FFFFFF; }
- .notification.is-warning {
- background-color: #CBC219;
- color: #FFFFFF; }
- .notification.is-danger {
- background-color: #DB512A;
- color: #FFFFFF; }
-
-.progress {
- -moz-appearance: none;
- -webkit-appearance: none;
- border: none;
- border-radius: 290486px;
- display: block;
- height: 0.88rem;
- overflow: hidden;
- padding: 0;
- width: 100%; }
- .progress::-webkit-progress-bar {
- background-color: #E4E5E7; }
- .progress::-webkit-progress-value {
- background-color: #0D1E34; }
- .progress::-moz-progress-bar {
- background-color: #0D1E34; }
- .progress::-ms-fill {
- background-color: #0D1E34;
- border: none; }
- .progress.is-white::-webkit-progress-value {
- background-color: #FFFFFF; }
- .progress.is-white::-moz-progress-bar {
- background-color: #FFFFFF; }
- .progress.is-white::-ms-fill {
- background-color: #FFFFFF; }
- .progress.is-black::-webkit-progress-value {
- background-color: #0a0a0a; }
- .progress.is-black::-moz-progress-bar {
- background-color: #0a0a0a; }
- .progress.is-black::-ms-fill {
- background-color: #0a0a0a; }
- .progress.is-light::-webkit-progress-value {
- background-color: #FFFFFF; }
- .progress.is-light::-moz-progress-bar {
- background-color: #FFFFFF; }
- .progress.is-light::-ms-fill {
- background-color: #FFFFFF; }
- .progress.is-dark::-webkit-progress-value {
- background-color: #0D1E34; }
- .progress.is-dark::-moz-progress-bar {
- background-color: #0D1E34; }
- .progress.is-dark::-ms-fill {
- background-color: #0D1E34; }
- .progress.is-primary::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-primary::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-primary::-ms-fill {
- background-color: #26599B; }
- .progress.is-link::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-link::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-link::-ms-fill {
- background-color: #26599B; }
- .progress.is-info::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-info::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-info::-ms-fill {
- background-color: #26599B; }
- .progress.is-success::-webkit-progress-value {
- background-color: #3DB5A0; }
- .progress.is-success::-moz-progress-bar {
- background-color: #3DB5A0; }
- .progress.is-success::-ms-fill {
- background-color: #3DB5A0; }
- .progress.is-warning::-webkit-progress-value {
- background-color: #CBC219; }
- .progress.is-warning::-moz-progress-bar {
- background-color: #CBC219; }
- .progress.is-warning::-ms-fill {
- background-color: #CBC219; }
- .progress.is-danger::-webkit-progress-value {
- background-color: #DB512A; }
- .progress.is-danger::-moz-progress-bar {
- background-color: #DB512A; }
- .progress.is-danger::-ms-fill {
- background-color: #DB512A; }
- .progress.is-small {
- height: 0.63rem; }
- .progress.is-medium {
- height: 1.25rem; }
- .progress.is-large {
- height: 1.75rem; }
-
-.table {
- background-color: #FFFFFF;
- color: #363636; }
- .table td,
- .table th {
- border: 1px solid #dbdbdb;
- border-width: 0 0 1px;
- padding: 0.5em 0.75em;
- vertical-align: top; }
- .table td.is-white,
- .table th.is-white {
- background-color: #FFFFFF;
- border-color: #FFFFFF;
- color: #0a0a0a; }
- .table td.is-black,
- .table th.is-black {
- background-color: #0a0a0a;
- border-color: #0a0a0a;
- color: #FFFFFF; }
- .table td.is-light,
- .table th.is-light {
- background-color: #FFFFFF;
- border-color: #FFFFFF;
- color: #0D1E34; }
- .table td.is-dark,
- .table th.is-dark {
- background-color: #0D1E34;
- border-color: #0D1E34;
- color: #FFFFFF; }
- .table td.is-primary,
- .table th.is-primary {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-link,
- .table th.is-link {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-info,
- .table th.is-info {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-success,
- .table th.is-success {
- background-color: #3DB5A0;
- border-color: #3DB5A0;
- color: #FFFFFF; }
- .table td.is-warning,
- .table th.is-warning {
- background-color: #CBC219;
- border-color: #CBC219;
- color: #FFFFFF; }
- .table td.is-danger,
- .table th.is-danger {
- background-color: #DB512A;
- border-color: #DB512A;
- color: #FFFFFF; }
- .table td.is-narrow,
- .table th.is-narrow {
- white-space: nowrap;
- width: 1%; }
- .table td.is-selected,
- .table th.is-selected {
- background-color: #26599B;
- color: #FFFFFF; }
- .table td.is-selected a,
- .table td.is-selected strong,
- .table th.is-selected a,
- .table th.is-selected strong {
- color: currentColor; }
- .table th {
- color: #0D1E34;
- text-align: left; }
- .table tr.is-selected {
- background-color: #26599B;
- color: #FFFFFF; }
- .table tr.is-selected a,
- .table tr.is-selected strong {
- color: currentColor; }
- .table tr.is-selected td,
- .table tr.is-selected th {
- border-color: #FFFFFF;
- color: currentColor; }
- .table thead td,
- .table thead th {
- border-width: 0 0 2px;
- color: #0D1E34; }
- .table tfoot td,
- .table tfoot th {
- border-width: 2px 0 0;
- color: #0D1E34; }
- .table tbody tr:last-child td,
- .table tbody tr:last-child th {
- border-bottom-width: 0; }
- .table.is-bordered td,
- .table.is-bordered th {
- border-width: 1px; }
- .table.is-bordered tr:last-child td,
- .table.is-bordered tr:last-child th {
- border-bottom-width: 1px; }
- .table.is-fullwidth {
- width: 100%; }
- .table.is-hoverable tbody tr:not(.is-selected):hover {
- background-color: #fafafa; }
- .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
- background-color: #fafafa; }
- .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
- background-color: whitesmoke; }
- .table.is-narrow td,
- .table.is-narrow th {
- padding: 0.25em 0.5em; }
- .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
- background-color: #fafafa; }
-
-.table-container {
- -webkit-overflow-scrolling: touch;
- overflow: auto;
- overflow-y: hidden;
- max-width: 100%; }
-
-.tags {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start; }
- .tags .tag {
- margin-bottom: 0.5rem; }
- .tags .tag:not(:last-child) {
- margin-right: 0.5rem; }
- .tags:last-child {
- margin-bottom: -0.5rem; }
- .tags:not(:last-child) {
- margin-bottom: 1rem; }
- .tags.has-addons .tag {
- margin-right: 0; }
- .tags.has-addons .tag:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0; }
- .tags.has-addons .tag:not(:last-child) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0; }
- .tags.is-centered {
- justify-content: center; }
- .tags.is-centered .tag {
- margin-right: 0.25rem;
- margin-left: 0.25rem; }
- .tags.is-right {
- justify-content: flex-end; }
- .tags.is-right .tag:not(:first-child) {
- margin-left: 0.5rem; }
- .tags.is-right .tag:not(:last-child) {
- margin-right: 0; }
-
-.tag:not(body) {
- align-items: center;
- background-color: #FFFFFF;
- border-radius: 0;
- color: #0D1E34;
- display: inline-flex;
- font-size: 0.63rem;
- height: 2em;
- justify-content: center;
- line-height: 1.5;
- padding-left: 0.75em;
- padding-right: 0.75em;
- white-space: nowrap; }
- .tag:not(body) .delete {
- margin-left: 0.25rem;
- margin-right: -0.375rem; }
- .tag:not(body).is-white {
- background-color: #FFFFFF;
- color: #0a0a0a; }
- .tag:not(body).is-black {
- background-color: #0a0a0a;
- color: #FFFFFF; }
- .tag:not(body).is-light {
- background-color: #FFFFFF;
- color: #0D1E34; }
- .tag:not(body).is-dark {
- background-color: #0D1E34;
- color: #FFFFFF; }
- .tag:not(body).is-primary {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-link {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-info {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-success {
- background-color: #3DB5A0;
- color: #FFFFFF; }
- .tag:not(body).is-warning {
- background-color: #CBC219;
- color: #FFFFFF; }
- .tag:not(body).is-danger {
- background-color: #DB512A;
- color: #FFFFFF; }
- .tag:not(body).is-medium {
- font-size: 0.88rem; }
- .tag:not(body).is-large {
- font-size: 1.25rem; }
- .tag:not(body) .icon:first-child:not(:last-child) {
- margin-left: -0.375em;
- margin-right: 0.1875em; }
- .tag:not(body) .icon:last-child:not(:first-child) {
- margin-left: 0.1875em;
- margin-right: -0.375em; }
- .tag:not(body) .icon:first-child:last-child {
- margin-left: -0.375em;
- margin-right: -0.375em; }
- .tag:not(body).is-delete {
- margin-left: 1px;
- padding: 0;
- position: relative;
- width: 2em; }
- .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
- background-color: currentColor;
- content: "";
- display: block;
- left: 50%;
- position: absolute;
- top: 50%;
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- transform-origin: center center; }
- .tag:not(body).is-delete::before {
- height: 1px;
- width: 50%; }
- .tag:not(body).is-delete::after {
- height: 50%;
- width: 1px; }
- .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
- background-color: #f2f2f2; }
- .tag:not(body).is-delete:active {
- background-color: #e6e5e5; }
- .tag:not(body).is-rounded {
- border-radius: 290486px; }
-
-a.tag:hover {
- text-decoration: underline; }
-
-.title,
-.subtitle {
- word-break: break-word; }
- .title em,
- .title span,
- .subtitle em,
- .subtitle span {
- font-weight: inherit; }
- .title sub,
- .subtitle sub {
- font-size: 0.75em; }
- .title sup,
- .subtitle sup {
- font-size: 0.75em; }
- .title .tag,
- .subtitle .tag {
- vertical-align: middle; }
-
-.title {
- color: #363636;
- font-size: 2.5rem;
- font-weight: 700;
- line-height: 1.125; }
- .title strong {
- color: inherit;
- font-weight: inherit; }
- .title + .highlight {
- margin-top: -0.75rem; }
- .title:not(.is-spaced) + .subtitle {
- margin-top: -1.25rem; }
- .title.is-1 {
- font-size: 5.63rem; }
- .title.is-2 {
- font-size: 3.5rem; }
- .title.is-3 {
- font-size: 2.5rem; }
- .title.is-4 {
- font-size: 1.75rem; }
- .title.is-5 {
- font-size: 1.25rem; }
- .title.is-6 {
- font-size: 0.88rem; }
- .title.is-7 {
- font-size: 0.63rem; }
-
-.subtitle {
- color: #4a4a4a;
- font-size: 1.25rem;
- font-weight: 400;
- line-height: 1.25; }
- .subtitle strong {
- color: #363636;
- font-weight: 700; }
- .subtitle:not(.is-spaced) + .title {
- margin-top: -1.25rem; }
- .subtitle.is-1 {
- font-size: 5.63rem; }
- .subtitle.is-2 {
- font-size: 3.5rem; }
- .subtitle.is-3 {
- font-size: 2.5rem; }
- .subtitle.is-4 {
- font-size: 1.75rem; }
- .subtitle.is-5 {
- font-size: 1.25rem; }
- .subtitle.is-6 {
- font-size: 0.88rem; }
- .subtitle.is-7 {
- font-size: 0.63rem; }
-
-.heading {
- display: block;
- font-size: 11px;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-transform: uppercase; }
-
-.highlight {
- font-weight: 400;
- max-width: 100%;
- overflow: hidden;
- padding: 0; }
- .highlight pre {
- overflow: auto;
- max-width: 100%; }
-
-.number {
- align-items: center;
- background-color: #FFFFFF;
- border-radius: 290486px;
- display: inline-flex;
- font-size: 1.25rem;
- height: 2em;
- justify-content: center;
- margin-right: 1.5rem;
- min-width: 2.5em;
- padding: 0.25rem 0.5rem;
- text-align: center;
- vertical-align: top; }
-
.breadcrumb {
font-size: 0.88rem;
white-space: nowrap; }
@@ -3595,7 +3716,7 @@ a.tag:hover {
border-right: 1px solid #E4E5E7; }
.card .media:not(:last-child) {
- margin-bottom: 0.75rem; }
+ margin-bottom: 1.5rem; }
.dropdown {
display: inline-flex;
@@ -3742,8 +3863,8 @@ button.dropdown-item {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.list-item:last-child {
- border-top-left-radius: 0;
- border-top-right-radius: 0; }
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
.list-item:not(:last-child) {
border-bottom: 1px solid #E4E5E7; }
.list-item.is-active {
@@ -3844,7 +3965,7 @@ a.list-item {
font-size: 0.88rem; }
.message strong {
color: currentColor; }
- .message a:not(.button):not(.tag) {
+ .message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentColor;
text-decoration: underline; }
.message.is-small {
@@ -4037,7 +4158,7 @@ a.list-item {
border-bottom-right-radius: 0;
border-top: 1px solid #E4E5E7; }
.modal-card-foot .button:not(:last-child) {
- margin-right: 10px; }
+ margin-right: 0.5em; }
.modal-card-body {
-webkit-overflow-scrolling: touch;
@@ -4058,7 +4179,8 @@ a.list-item {
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
color: #0a0a0a; }
- .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4073,11 +4195,14 @@ a.list-item {
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
color: #0a0a0a; }
- .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
+ .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
+ .navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
+ .navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
+ .navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4085,6 +4210,7 @@ a.list-item {
.navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
border-color: #0a0a0a; }
+ .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
@@ -4098,7 +4224,8 @@ a.list-item {
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
background-color: black;
@@ -4113,11 +4240,14 @@ a.list-item {
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
+ .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
+ .navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
+ .navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
+ .navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
background-color: black;
@@ -4125,6 +4255,7 @@ a.list-item {
.navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
background-color: black;
@@ -4138,7 +4269,8 @@ a.list-item {
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
color: #0D1E34; }
- .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4153,11 +4285,14 @@ a.list-item {
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
color: #0D1E34; }
- .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
+ .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
+ .navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
+ .navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
+ .navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4165,6 +4300,7 @@ a.list-item {
.navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
border-color: #0D1E34; }
+ .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
@@ -4178,7 +4314,8 @@ a.list-item {
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
background-color: #081220;
@@ -4193,11 +4330,14 @@ a.list-item {
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
+ .navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
background-color: #081220;
@@ -4205,6 +4345,7 @@ a.list-item {
.navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #081220;
@@ -4218,7 +4359,8 @@ a.list-item {
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4233,11 +4375,14 @@ a.list-item {
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
+ .navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4245,6 +4390,7 @@ a.list-item {
.navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4258,7 +4404,8 @@ a.list-item {
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4273,11 +4420,14 @@ a.list-item {
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
+ .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
+ .navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
+ .navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
+ .navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4285,6 +4435,7 @@ a.list-item {
.navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4298,7 +4449,8 @@ a.list-item {
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4313,11 +4465,14 @@ a.list-item {
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
+ .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
+ .navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
+ .navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
+ .navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4325,6 +4480,7 @@ a.list-item {
.navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4338,7 +4494,8 @@ a.list-item {
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
background-color: #37a28f;
@@ -4353,11 +4510,14 @@ a.list-item {
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
+ .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
+ .navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
+ .navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
+ .navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
background-color: #37a28f;
@@ -4365,6 +4525,7 @@ a.list-item {
.navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #37a28f;
@@ -4378,7 +4539,8 @@ a.list-item {
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
background-color: #b4ac16;
@@ -4393,11 +4555,14 @@ a.list-item {
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
+ .navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
background-color: #b4ac16;
@@ -4405,6 +4570,7 @@ a.list-item {
.navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #b4ac16;
@@ -4418,7 +4584,8 @@ a.list-item {
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
background-color: #c94722;
@@ -4433,11 +4600,14 @@ a.list-item {
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
+ .navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
background-color: #c94722;
@@ -4445,6 +4615,7 @@ a.list-item {
.navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
+ .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #c94722;
@@ -4486,7 +4657,7 @@ body.has-navbar-fixed-bottom {
flex-shrink: 0;
min-height: 3.25rem; }
-.navbar-brand a.navbar-item:hover {
+.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
background-color: transparent; }
.navbar-tabs {
@@ -4547,7 +4718,9 @@ body.has-navbar-fixed-bottom {
a.navbar-item,
.navbar-link {
cursor: pointer; }
- a.navbar-item:hover, a.navbar-item.is-active,
+ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
+ .navbar-link:focus,
+ .navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
background-color: #fafafa;
@@ -4568,7 +4741,7 @@ a.navbar-item,
border-bottom: 1px solid transparent;
min-height: 3.25rem;
padding-bottom: calc(0.5rem - 1px); }
- .navbar-item.is-tab:hover {
+ .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #26599B; }
.navbar-item.is-tab.is-active {
@@ -4659,13 +4832,14 @@ a.navbar-item,
.navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
border-radius: 0; }
- .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
+ .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
+ .navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent !important; }
- .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
+ .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important; }
- .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
+ .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: #FFFFFF;
color: #0a0a0a; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
@@ -4690,9 +4864,9 @@ a.navbar-item,
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto; }
- .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
+ .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
display: block; }
- .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
+ .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
opacity: 1;
pointer-events: auto;
transform: translateY(0); }
@@ -4723,7 +4897,7 @@ a.navbar-item,
white-space: nowrap; }
.navbar-dropdown a.navbar-item {
padding-right: 3rem; }
- .navbar-dropdown a.navbar-item:hover {
+ .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
background-color: #FFFFFF;
color: #0a0a0a; }
.navbar-dropdown a.navbar-item.is-active {
@@ -4777,12 +4951,15 @@ a.navbar-item,
a.navbar-item.is-active,
.navbar-link.is-active {
color: #0a0a0a; }
- a.navbar-item.is-active:not(:hover),
- .navbar-link.is-active:not(:hover) {
+ a.navbar-item.is-active:not(:focus):not(:hover),
+ .navbar-link.is-active:not(:focus):not(:hover) {
background-color: transparent; }
- .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
+ .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #fafafa; } }
+.hero.is-fullheight-with-navbar {
+ min-height: calc(100vh - 3.25rem); }
+
.pagination {
font-size: 0.88rem;
margin: -0.25rem; }
@@ -4812,10 +4989,10 @@ a.navbar-item,
.pagination-link,
.pagination-ellipsis {
font-size: 1em;
- padding-left: 0.5em;
- padding-right: 0.5em;
justify-content: center;
margin: 0.25rem;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
text-align: center; }
.pagination-previous,
@@ -5148,6 +5325,11 @@ label.panel-block {
margin-left: 60%; }
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%; }
+ .columns.is-mobile > .column.is-0 {
+ flex: none;
+ width: 0%; }
+ .columns.is-mobile > .column.is-offset-0 {
+ margin-left: 0%; }
.columns.is-mobile > .column.is-1 {
flex: none;
width: 8.3333333333%; }
@@ -5259,6 +5441,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-mobile {
margin-left: 80%; }
+ .column.is-0-mobile {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0-mobile {
+ margin-left: 0%; }
.column.is-1-mobile {
flex: none;
width: 8.3333333333%; }
@@ -5370,6 +5557,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
margin-left: 80%; }
+ .column.is-0, .column.is-0-tablet {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0, .column.is-offset-0-tablet {
+ margin-left: 0%; }
.column.is-1, .column.is-1-tablet {
flex: none;
width: 8.3333333333%; }
@@ -5481,6 +5673,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-touch {
margin-left: 80%; }
+ .column.is-0-touch {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0-touch {
+ margin-left: 0%; }
.column.is-1-touch {
flex: none;
width: 8.3333333333%; }
@@ -5592,6 +5789,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-desktop {
margin-left: 80%; }
+ .column.is-0-desktop {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0-desktop {
+ margin-left: 0%; }
.column.is-1-desktop {
flex: none;
width: 8.3333333333%; }
@@ -5703,6 +5905,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-widescreen {
margin-left: 80%; }
+ .column.is-0-widescreen {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0-widescreen {
+ margin-left: 0%; }
.column.is-1-widescreen {
flex: none;
width: 8.3333333333%; }
@@ -5814,6 +6021,11 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-fullhd {
margin-left: 80%; }
+ .column.is-0-fullhd {
+ flex: none;
+ width: 0%; }
+ .column.is-offset-0-fullhd {
+ margin-left: 0%; }
.column.is-1-fullhd {
flex: none;
width: 8.3333333333%; }
@@ -6253,7 +6465,7 @@ label.panel-block {
.hero.is-white {
background-color: #FFFFFF;
color: #0a0a0a; }
- .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
color: inherit; }
.hero.is-white .title {
@@ -6297,7 +6509,7 @@ label.panel-block {
.hero.is-black {
background-color: #0a0a0a;
color: #FFFFFF; }
- .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
color: inherit; }
.hero.is-black .title {
@@ -6341,7 +6553,7 @@ label.panel-block {
.hero.is-light {
background-color: #FFFFFF;
color: #0D1E34; }
- .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
color: inherit; }
.hero.is-light .title {
@@ -6385,7 +6597,7 @@ label.panel-block {
.hero.is-dark {
background-color: #0D1E34;
color: #FFFFFF; }
- .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
color: inherit; }
.hero.is-dark .title {
@@ -6429,7 +6641,7 @@ label.panel-block {
.hero.is-primary {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
color: inherit; }
.hero.is-primary .title {
@@ -6473,7 +6685,7 @@ label.panel-block {
.hero.is-link {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
color: inherit; }
.hero.is-link .title {
@@ -6517,7 +6729,7 @@ label.panel-block {
.hero.is-info {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
color: inherit; }
.hero.is-info .title {
@@ -6561,7 +6773,7 @@ label.panel-block {
.hero.is-success {
background-color: #3DB5A0;
color: #FFFFFF; }
- .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
color: inherit; }
.hero.is-success .title {
@@ -6605,7 +6817,7 @@ label.panel-block {
.hero.is-warning {
background-color: #CBC219;
color: #FFFFFF; }
- .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
color: inherit; }
.hero.is-warning .title {
@@ -6649,7 +6861,7 @@ label.panel-block {
.hero.is-danger {
background-color: #DB512A;
color: #FFFFFF; }
- .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
+ .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
color: inherit; }
.hero.is-danger .title {
@@ -6711,8 +6923,6 @@ label.panel-block {
min-height: 50vh; }
.hero.is-fullheight {
min-height: 100vh; }
- .hero.is-fullheight-with-navbar {
- min-height: calc(100vh - 3.25rem); }
.hero-video {
overflow: hidden; }
@@ -8426,3 +8636,9 @@ code .tag, code .number {
white-space: inherit;
background: inherit;
margin: inherit; }
+
+code {
+ background-color: inherit;
+ color: inherit;
+ font-size: inherit;
+ padding: 0.2em 0.25em; }
From 2bdc1a42c8a96f0b5ce7e0d238fb685158e47d56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 18 Nov 2019 04:40:47 -0500
Subject: [PATCH 16/45] Undo cancellation of blockquote styles
---
agaric/sass/agaric/_base.blockquote.scss | 3 ---
1 file changed, 3 deletions(-)
diff --git a/agaric/sass/agaric/_base.blockquote.scss b/agaric/sass/agaric/_base.blockquote.scss
index 373b00e..9363e50 100644
--- a/agaric/sass/agaric/_base.blockquote.scss
+++ b/agaric/sass/agaric/_base.blockquote.scss
@@ -5,9 +5,6 @@
// Styleguide: Base.Blockquote
.content blockquote {
- border-left-width: 0;
- padding-left: 0;
- padding-right: 0;
color: currentColor;
//
* {
From 92bf8995f70575b0c9539bb77a19d3c8f6ca5b75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 18 Nov 2019 04:49:17 -0500
Subject: [PATCH 17/45] Update NPM packages, including updating Bulma to what
we actually have compiled
---
package.json | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/package.json b/package.json
index c7007bf..14f7ab1 100755
--- a/package.json
+++ b/package.json
@@ -3,21 +3,21 @@
"version": "1.0.0",
"devDependencies": {
"assemble": "^0.4.42",
- "grunt": "^1.0.1",
+ "grunt": "^1.0.4",
"grunt-contrib-clean": "^0.6.0",
"grunt-contrib-connect": "^1.0.2",
"grunt-contrib-watch": "^1.0.0",
"grunt-kss": "^5.0.1",
"grunt-sass": "^2.1.0",
"grunt-shell": "^2.1.0",
- "kss": "^3.0.0-beta.18",
- "node-sass": "^4.10.0"
+ "kss": "^3.0.0-beta.25",
+ "node-sass": "^4.13.0"
},
"dependencies": {
- "bulma": "^0.7.2",
+ "bulma": "^0.7.5",
"bulma-extensions": "^1.0.4",
"grunt-cli": "^1.3.2",
- "ionicons": "^4.4.6",
+ "ionicons": "^4.6.3",
"slick-carousel": "^1.8.1"
}
}
From 4b7ec7b8d1ce1220c6cb5ea67b075902d19a3afc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 18 Nov 2019 04:50:13 -0500
Subject: [PATCH 18/45] Commit compiled CSS, with the one change we expected
now
---
agaric/css/agaric.css | 3 ---
1 file changed, 3 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 54e39c8..cc921ac 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7420,9 +7420,6 @@ iframe {
margin-top: .6rem; }
.content blockquote {
- border-left-width: 0;
- padding-left: 0;
- padding-right: 0;
color: currentColor; }
.content blockquote * {
color: currentColor; }
From 0097edac269b50e1914afc0facf75e6dd18f225e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 2 Mar 2020 03:06:23 -0500
Subject: [PATCH 19/45] Widen main title so words like 'Community' aren't split
into two lines
---
agaric/sass/agaric/_component.hero.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index f5557a9..e04f9c1 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -170,7 +170,7 @@
.title {
margin-top: 0.25em;
margin-left: -1.25em;
- max-width: 6em;
+ max-width: 12em;
}
.subtitle {
font-size: $size-5;
From cb0f7b6478bc18f2df0c0e2ee5af633c3c6073d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 2 Mar 2020 03:12:59 -0500
Subject: [PATCH 20/45] Commit compiled CSS
---
agaric/css/agaric.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index cc921ac..6d8dcd6 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8364,7 +8364,7 @@ a.teaser {
.hero-project .container .hero-body .title {
margin-top: 0.25em;
margin-left: -1.25em;
- max-width: 6em; }
+ max-width: 12em; }
.hero-project .container .hero-body .subtitle {
font-size: 1.25rem; } }
From 5a8e3c221a66bd40218d92578fd554f955020fd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 2 Mar 2020 04:29:31 -0500
Subject: [PATCH 21/45] Do not make menu header transparent if background is
white
Ref agaric/sites/agaric-com#86
---
agaric/templates/paragraph/paragraph--title.html.twig | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/agaric/templates/paragraph/paragraph--title.html.twig b/agaric/templates/paragraph/paragraph--title.html.twig
index e02cdbf..bb7c68b 100644
--- a/agaric/templates/paragraph/paragraph--title.html.twig
+++ b/agaric/templates/paragraph/paragraph--title.html.twig
@@ -38,6 +38,7 @@
* @ingroup themeable
*/
#}
+{% set attributes = attributes.setAttribute('data-headerbg', 'transparent') %}
{%
set classes = [
'hero',
@@ -46,6 +47,9 @@
%}
{% if paragraph.field_style_color is not empty %}
{% set classes = classes|merge(['is-'~paragraph.field_style_color.value]) %}
+ {% if paragraph.field_style_color.value == 'white' %}
+ {% set attributes = attributes.removeAttribute('data-headerbg') %}
+ {% endif %}
{% endif %}
{% if paragraph.field_style_titlebar.value == false %}
{% set classes = classes|merge(['hero-project']) %}
@@ -58,12 +62,13 @@
{% set classes = classes|merge(styles) %}
{% endif %}
+
{% if paragraph.field_style_titlebar.value == true and paragraph.field_image is not empty %}
- {% set attributes = attributes.setAttribute('data-headerbg', 'transparent').setAttribute('style', 'background-image: url('~file_url(paragraph.field_image.entity.uri.value)~')') %}
+ {% set attributes = attributes.setAttribute('style', 'background-image: url('~file_url(paragraph.field_image.entity.uri.value)~')') %}
{% endif %}
{% block paragraph %}
- <section{{ attributes.addClass(classes) }} data-headerbg="transparent">
+ <section{{ attributes.addClass(classes) }}>
{% block content %}
{% if paragraph.field_style_titlebar.value == false %}
<div class="container">
From 42d0de98c344dc773c94fe407d92199d754c6ffc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 12 Jun 2020 10:59:32 -0400
Subject: [PATCH 22/45] Try applying hover padding *all* the time; so only
background changes
---
agaric/sass/agaric/_base.elements.scss | 8 ++------
1 file changed, 2 insertions(+), 6 deletions(-)
diff --git a/agaric/sass/agaric/_base.elements.scss b/agaric/sass/agaric/_base.elements.scss
index f4e00b4..32e6e8d 100644
--- a/agaric/sass/agaric/_base.elements.scss
+++ b/agaric/sass/agaric/_base.elements.scss
@@ -59,23 +59,19 @@ p {
.content a {
font-weight: bold;
+ padding: $link-hover-padding;
+ margin: -$link-hover-padding;
&:hover {
color: $link-hover;
background-color: $link-hover-background;
- padding: $link-hover-padding;
- margin: -$link-hover-padding;
}
&:focus {
color: $link-focus;
background-color: $link-hover-background;
- padding: $link-hover-padding;
- margin: -$link-hover-padding;
}
&:active {
color: $link-active;
background-color: $link-hover-background;
- padding: $link-hover-padding;
- margin: -$link-hover-padding;
}
}
From 8867a736693d98e64beba86ca40991727403baa9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 12 Jun 2020 11:05:02 -0400
Subject: [PATCH 23/45] Update README
---
README.md | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/README.md b/README.md
index f01831c..ac64b78 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,19 @@ _This command will look at your `.nvmrc` file and use the version node.js specif
_This command looks at `package.json` and installs all the npm dependencies specified in it. Some of the dependencies include grunt and grunt-sass._
+## Usage
+
+### Compile CSS
+
+`grunt sass`
+
+See more available Grunt commands:
+
+`grunt --help`
+
+
+## Stuff we're not using
+
### Rebuild the style guide
`grunt kss`
From f4218ebf880a832d8468e250ea1a26af8afb634a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 12 Jun 2020 11:06:11 -0400
Subject: [PATCH 24/45] Commit compiled CSS
---
agaric/css/agaric.css | 16 ++++++----------
1 file changed, 6 insertions(+), 10 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 6d8dcd6..faa1b9b 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7338,22 +7338,18 @@ p label::after {
content: ':'; }
.content a {
- font-weight: bold; }
+ font-weight: bold;
+ padding: 0.25em;
+ margin: -0.25em; }
.content a:hover {
color: #FFFFFF;
- background-color: #26599B;
- padding: 0.25em;
- margin: -0.25em; }
+ background-color: #26599B; }
.content a:focus {
color: #FFFFFF;
- background-color: #26599B;
- padding: 0.25em;
- margin: -0.25em; }
+ background-color: #26599B; }
.content a:active {
color: #CBC219;
- background-color: #26599B;
- padding: 0.25em;
- margin: -0.25em; }
+ background-color: #26599B; }
hr, .titlebar-bigborder, .media.media-comment, .media.media-comment + .media.media-comment,
.media.media-comment .media.media-comment, .footer .container {
From 55c44c546e1e7ecfa53efd6f42aceca58e8ba3bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 12 Jun 2020 19:47:58 -0400
Subject: [PATCH 25/45] Make form label above and below padding more like
headings
---
agaric/sass/agaric/_base.form.scss | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/agaric/sass/agaric/_base.form.scss b/agaric/sass/agaric/_base.form.scss
index 1291cb7..90a8616 100644
--- a/agaric/sass/agaric/_base.form.scss
+++ b/agaric/sass/agaric/_base.form.scss
@@ -25,6 +25,8 @@
margin-bottom: .6rem;
}
+.content p.form-label,
.form-label {
- margin-top: .6rem;
+ margin-top: 1rem;
+ margin-bottom: .6rem;
}
From 0c2bf5f383f56b2bbb60f2b74954c53198da4ed4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 12 Jun 2020 21:59:44 -0400
Subject: [PATCH 26/45] Commit compiled CSS
---
agaric/css/agaric.css | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index faa1b9b..ccf29db 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7412,8 +7412,10 @@ iframe {
.form-item {
margin-bottom: .6rem; }
+.content p.form-label,
.form-label {
- margin-top: .6rem; }
+ margin-top: 1rem;
+ margin-bottom: .6rem; }
.content blockquote {
color: currentColor; }
From 7445bc5a728fb86d576032a8cff0df1d15c33601 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Wed, 17 Jun 2020 07:59:08 -0400
Subject: [PATCH 27/45] Try a crazy experiment of bold borders on webforms
Ref agaric/sites/agaric-com#221
---
agaric/sass/agaric/_base.form.scss | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/agaric/sass/agaric/_base.form.scss b/agaric/sass/agaric/_base.form.scss
index 90a8616..2c84ad2 100644
--- a/agaric/sass/agaric/_base.form.scss
+++ b/agaric/sass/agaric/_base.form.scss
@@ -30,3 +30,17 @@
margin-top: 1rem;
margin-bottom: .6rem;
}
+
+// Webforms
+
+.webform-form,
+.webform-submission-form {
+ border-left: 4px solid $blue-dark;
+ border-right: 4px solid $blue-dark;
+ margin: .1rem 1.5rem .1rem 1.5rem;
+ padding: 0 1.5rem;
+ @include tablet {
+ margin: .5rem 6rem .5rem 6rem;
+ padding: 0 6rem;
+ }
+}
From b8fbff0e371c1ff9d0293fbcddceae302ebf34c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Wed, 17 Jun 2020 16:20:41 -0400
Subject: [PATCH 28/45] Keep webforms wider on medium screen sizes
---
agaric/sass/agaric/_base.form.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/agaric/sass/agaric/_base.form.scss b/agaric/sass/agaric/_base.form.scss
index 2c84ad2..b63e19b 100644
--- a/agaric/sass/agaric/_base.form.scss
+++ b/agaric/sass/agaric/_base.form.scss
@@ -39,7 +39,7 @@
border-right: 4px solid $blue-dark;
margin: .1rem 1.5rem .1rem 1.5rem;
padding: 0 1.5rem;
- @include tablet {
+ @include widescreen {
margin: .5rem 6rem .5rem 6rem;
padding: 0 6rem;
}
From a5b74b91b394c902180209b435c7278f0e6c0bf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Wed, 17 Jun 2020 16:20:48 -0400
Subject: [PATCH 29/45] Commit compiled CSS
---
agaric/css/agaric.css | 12 ++++++++++++
1 file changed, 12 insertions(+)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index ccf29db..72e0026 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7417,6 +7417,18 @@ iframe {
margin-top: 1rem;
margin-bottom: .6rem; }
+.webform-form,
+.webform-submission-form {
+ border-left: 4px solid #193B68;
+ border-right: 4px solid #193B68;
+ margin: .1rem 1.5rem .1rem 1.5rem;
+ padding: 0 1.5rem; }
+ @media screen and (min-width: 1216px) {
+ .webform-form,
+ .webform-submission-form {
+ margin: .5rem 6rem .5rem 6rem;
+ padding: 0 6rem; } }
+
.content blockquote {
color: currentColor; }
.content blockquote * {
From e42ebca83093658937a1e2048f00e9fe762192a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 18 Jun 2020 11:47:54 -0400
Subject: [PATCH 30/45] Override display suite two column layout to remove
their classes, keep columns on mobile
For landing page teasers
Ref #221
---
...l--node-landing-page-simple-card.html.twig | 2 ++
agaric/templates/layout/ds-2col.html.twig | 29 +++++++++++++++++++
2 files changed, 31 insertions(+)
create mode 100644 agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig
create mode 100644 agaric/templates/layout/ds-2col.html.twig
diff --git a/agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig b/agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig
new file mode 100644
index 0000000..173e2c4
--- /dev/null
+++ b/agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig
@@ -0,0 +1,2 @@
+{% extends "ds-2col.html.twig" %}
+{% set attributes = attributes.addClass('is-mobile') %}
diff --git a/agaric/templates/layout/ds-2col.html.twig b/agaric/templates/layout/ds-2col.html.twig
new file mode 100644
index 0000000..ab7ee3c
--- /dev/null
+++ b/agaric/templates/layout/ds-2col.html.twig
@@ -0,0 +1,29 @@
+{#
+/**
+ * @file
+ * Override Display Suite 2 column template to get rid of DS classes.
+ *
+ * Available variables:
+ * - outer_wrapper: outer wrapper element
+ * - left_wrapper: wrapper element around left region
+ * - right_wrapper: wrapper element around right region
+ * - attributes: layout attributes
+ * - left_attributes: attributes for left region
+ * - right_attributes: attributes for right region
+ * - left: content of left region
+ * - right: content of right region
+ */
+#}
+<{{ outer_wrapper }}{{ attributes.addClass('clearfix') }}>
+
+ {{ title_suffix.contextual_links }}
+
+ <{{ left_wrapper }}{{ left_attributes.addClass('') }}>
+ {{ left }}
+ </{{ left_wrapper }}>
+
+ <{{ right_wrapper }}{{ right_attributes.addClass('') }}>
+ {{ right }}
+ </{{ right_wrapper }}>
+
+</{{ outer_wrapper }}>
From b29b0b2d33507248986b0facc2ea877caa382cc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 18 Jun 2020 12:45:57 -0400
Subject: [PATCH 31/45] Fix template suggestions; works *without* the
twigsuggest DS fix
---
...wig => ds-2col--node-landing-page-simple-card.html.twig} | 0
agaric/templates/layout/ds-2col.html.twig | 6 +++---
2 files changed, 3 insertions(+), 3 deletions(-)
rename agaric/templates/layout/{ds--2col--node-landing-page-simple-card.html.twig => ds-2col--node-landing-page-simple-card.html.twig} (100%)
diff --git a/agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig b/agaric/templates/layout/ds-2col--node-landing-page-simple-card.html.twig
similarity index 100%
rename from agaric/templates/layout/ds--2col--node-landing-page-simple-card.html.twig
rename to agaric/templates/layout/ds-2col--node-landing-page-simple-card.html.twig
diff --git a/agaric/templates/layout/ds-2col.html.twig b/agaric/templates/layout/ds-2col.html.twig
index ab7ee3c..552985f 100644
--- a/agaric/templates/layout/ds-2col.html.twig
+++ b/agaric/templates/layout/ds-2col.html.twig
@@ -14,15 +14,15 @@
* - right: content of right region
*/
#}
-<{{ outer_wrapper }}{{ attributes.addClass('clearfix') }}>
+<{{ outer_wrapper }}{{ attributes.addClass('columns', 'clearfix') }}>
{{ title_suffix.contextual_links }}
- <{{ left_wrapper }}{{ left_attributes.addClass('') }}>
+ <{{ left_wrapper }}{{ left_attributes.addClass('column') }}>
{{ left }}
</{{ left_wrapper }}>
- <{{ right_wrapper }}{{ right_attributes.addClass('') }}>
+ <{{ right_wrapper }}{{ right_attributes.addClass('column') }}>
{{ right }}
</{{ right_wrapper }}>
From f957f0cb3a798f7dc1d641f90ea416461f61e317 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 18 Jun 2020 12:47:14 -0400
Subject: [PATCH 32/45] Don't do extra top margin for headings in flow when
they're further nested in columns
Ref #221
---
agaric/sass/agaric/_layout.flow.scss | 3 +++
1 file changed, 3 insertions(+)
diff --git a/agaric/sass/agaric/_layout.flow.scss b/agaric/sass/agaric/_layout.flow.scss
index d44da4a..a2eefbe 100644
--- a/agaric/sass/agaric/_layout.flow.scss
+++ b/agaric/sass/agaric/_layout.flow.scss
@@ -45,6 +45,9 @@
h2:first-child {
margin-top: 1.1428em;
}
+ .columns h2:first-child {
+ margin-top: inherit;
+ }
}
}
.flow_full {
From b925a57e3250dca0409e858add0e614a9fa2fffa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Thu, 18 Jun 2020 12:47:37 -0400
Subject: [PATCH 33/45] Commit compiled CSS
---
agaric/css/agaric.css | 2 ++
1 file changed, 2 insertions(+)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 72e0026..6565b28 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7474,6 +7474,8 @@ iframe {
margin-right: 1.5rem; } }
.flow [class^=flow] + [class^=flow] h2:first-child {
margin-top: 1.1428em; }
+ .flow [class^=flow] + [class^=flow] .columns h2:first-child {
+ margin-top: inherit; }
@media screen and (min-width: 769px), print {
.flow .flow_full {
margin-left: -25%;
From 9cf4362e0780aee1f1a167685b0c9c7634b05e00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.coop>
Date: Wed, 14 Jul 2021 08:00:12 -0400
Subject: [PATCH 34/45] Commit compiled CSS
---
agaric/css/agaric.css | 260 +++++++++++++++++++++---------------------
1 file changed, 130 insertions(+), 130 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 6565b28..00e6c31 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -697,7 +697,7 @@ table th {
color: #FFFFFF !important; }
a.has-text-white:hover, a.has-text-white:focus {
- color: #e6e5e5 !important; }
+ color: #e6e6e6 !important; }
.has-background-white {
background-color: #FFFFFF !important; }
@@ -715,7 +715,7 @@ a.has-text-black:hover, a.has-text-black:focus {
color: #FFFFFF !important; }
a.has-text-light:hover, a.has-text-light:focus {
- color: #e6e5e5 !important; }
+ color: #e6e6e6 !important; }
.has-background-light {
background-color: #FFFFFF !important; }
@@ -2696,7 +2696,7 @@ a.box:active {
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
background-color: #f2f2f2; }
.tag:not(body).is-delete:active {
- background-color: #e6e5e5; }
+ background-color: #e6e6e6; }
.tag:not(body).is-rounded {
border-radius: 290486px; }
@@ -3981,7 +3981,7 @@ a.list-item {
color: #0a0a0a; }
.message.is-white .message-body {
border-color: #FFFFFF;
- color: #4d4c4c; }
+ color: #4d4d4d; }
.message.is-black {
background-color: #fafafa; }
.message.is-black .message-header {
@@ -3997,7 +3997,7 @@ a.list-item {
color: #0D1E34; }
.message.is-light .message-body {
border-color: #FFFFFF;
- color: #4d4c4c; }
+ color: #4d4d4d; }
.message.is-dark {
background-color: #f7fafd; }
.message.is-dark .message-header {
@@ -5332,14 +5332,14 @@ label.panel-block {
margin-left: 0%; }
.columns.is-mobile > .column.is-1 {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.columns.is-mobile > .column.is-offset-1 {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.columns.is-mobile > .column.is-2 {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.columns.is-mobile > .column.is-offset-2 {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.columns.is-mobile > .column.is-3 {
flex: none;
width: 25%; }
@@ -5347,14 +5347,14 @@ label.panel-block {
margin-left: 25%; }
.columns.is-mobile > .column.is-4 {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.columns.is-mobile > .column.is-offset-4 {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.columns.is-mobile > .column.is-5 {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.columns.is-mobile > .column.is-offset-5 {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.columns.is-mobile > .column.is-6 {
flex: none;
width: 50%; }
@@ -5362,14 +5362,14 @@ label.panel-block {
margin-left: 50%; }
.columns.is-mobile > .column.is-7 {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.columns.is-mobile > .column.is-offset-7 {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.columns.is-mobile > .column.is-8 {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.columns.is-mobile > .column.is-offset-8 {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.columns.is-mobile > .column.is-9 {
flex: none;
width: 75%; }
@@ -5377,14 +5377,14 @@ label.panel-block {
margin-left: 75%; }
.columns.is-mobile > .column.is-10 {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.columns.is-mobile > .column.is-offset-10 {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.columns.is-mobile > .column.is-11 {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.columns.is-mobile > .column.is-offset-11 {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.columns.is-mobile > .column.is-12 {
flex: none;
width: 100%; }
@@ -5448,14 +5448,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-mobile {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1-mobile {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2-mobile {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2-mobile {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3-mobile {
flex: none;
width: 25%; }
@@ -5463,14 +5463,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-mobile {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4-mobile {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5-mobile {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5-mobile {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6-mobile {
flex: none;
width: 50%; }
@@ -5478,14 +5478,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-mobile {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7-mobile {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8-mobile {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8-mobile {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9-mobile {
flex: none;
width: 75%; }
@@ -5493,14 +5493,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-mobile {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10-mobile {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11-mobile {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11-mobile {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12-mobile {
flex: none;
width: 100%; }
@@ -5564,14 +5564,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1, .column.is-1-tablet {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1, .column.is-offset-1-tablet {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2, .column.is-2-tablet {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2, .column.is-offset-2-tablet {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3, .column.is-3-tablet {
flex: none;
width: 25%; }
@@ -5579,14 +5579,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4, .column.is-4-tablet {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4, .column.is-offset-4-tablet {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5, .column.is-5-tablet {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5, .column.is-offset-5-tablet {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6, .column.is-6-tablet {
flex: none;
width: 50%; }
@@ -5594,14 +5594,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7, .column.is-7-tablet {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7, .column.is-offset-7-tablet {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8, .column.is-8-tablet {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8, .column.is-offset-8-tablet {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9, .column.is-9-tablet {
flex: none;
width: 75%; }
@@ -5609,14 +5609,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10, .column.is-10-tablet {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10, .column.is-offset-10-tablet {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11, .column.is-11-tablet {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11, .column.is-offset-11-tablet {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12, .column.is-12-tablet {
flex: none;
width: 100%; }
@@ -5680,14 +5680,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-touch {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1-touch {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2-touch {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2-touch {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3-touch {
flex: none;
width: 25%; }
@@ -5695,14 +5695,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-touch {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4-touch {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5-touch {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5-touch {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6-touch {
flex: none;
width: 50%; }
@@ -5710,14 +5710,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-touch {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7-touch {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8-touch {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8-touch {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9-touch {
flex: none;
width: 75%; }
@@ -5725,14 +5725,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-touch {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10-touch {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11-touch {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11-touch {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12-touch {
flex: none;
width: 100%; }
@@ -5796,14 +5796,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-desktop {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1-desktop {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2-desktop {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2-desktop {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3-desktop {
flex: none;
width: 25%; }
@@ -5811,14 +5811,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-desktop {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4-desktop {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5-desktop {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5-desktop {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6-desktop {
flex: none;
width: 50%; }
@@ -5826,14 +5826,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-desktop {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7-desktop {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8-desktop {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8-desktop {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9-desktop {
flex: none;
width: 75%; }
@@ -5841,14 +5841,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-desktop {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10-desktop {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11-desktop {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11-desktop {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12-desktop {
flex: none;
width: 100%; }
@@ -5912,14 +5912,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-widescreen {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1-widescreen {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2-widescreen {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2-widescreen {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3-widescreen {
flex: none;
width: 25%; }
@@ -5927,14 +5927,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-widescreen {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4-widescreen {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5-widescreen {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5-widescreen {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6-widescreen {
flex: none;
width: 50%; }
@@ -5942,14 +5942,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-widescreen {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7-widescreen {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8-widescreen {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8-widescreen {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9-widescreen {
flex: none;
width: 75%; }
@@ -5957,14 +5957,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-widescreen {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10-widescreen {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11-widescreen {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11-widescreen {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12-widescreen {
flex: none;
width: 100%; }
@@ -6028,14 +6028,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-fullhd {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.column.is-offset-1-fullhd {
- margin-left: 8.3333333333%; }
+ margin-left: 8.33333%; }
.column.is-2-fullhd {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.column.is-offset-2-fullhd {
- margin-left: 16.6666666667%; }
+ margin-left: 16.66667%; }
.column.is-3-fullhd {
flex: none;
width: 25%; }
@@ -6043,14 +6043,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-fullhd {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.column.is-offset-4-fullhd {
- margin-left: 33.3333333333%; }
+ margin-left: 33.33333%; }
.column.is-5-fullhd {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.column.is-offset-5-fullhd {
- margin-left: 41.6666666667%; }
+ margin-left: 41.66667%; }
.column.is-6-fullhd {
flex: none;
width: 50%; }
@@ -6058,14 +6058,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-fullhd {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.column.is-offset-7-fullhd {
- margin-left: 58.3333333333%; }
+ margin-left: 58.33333%; }
.column.is-8-fullhd {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.column.is-offset-8-fullhd {
- margin-left: 66.6666666667%; }
+ margin-left: 66.66667%; }
.column.is-9-fullhd {
flex: none;
width: 75%; }
@@ -6073,14 +6073,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-fullhd {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.column.is-offset-10-fullhd {
- margin-left: 83.3333333333%; }
+ margin-left: 83.33333%; }
.column.is-11-fullhd {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.column.is-offset-11-fullhd {
- margin-left: 91.6666666667%; }
+ margin-left: 91.66667%; }
.column.is-12-fullhd {
flex: none;
width: 100%; }
@@ -6418,37 +6418,37 @@ label.panel-block {
display: flex; }
.tile.is-1 {
flex: none;
- width: 8.3333333333%; }
+ width: 8.33333%; }
.tile.is-2 {
flex: none;
- width: 16.6666666667%; }
+ width: 16.66667%; }
.tile.is-3 {
flex: none;
width: 25%; }
.tile.is-4 {
flex: none;
- width: 33.3333333333%; }
+ width: 33.33333%; }
.tile.is-5 {
flex: none;
- width: 41.6666666667%; }
+ width: 41.66667%; }
.tile.is-6 {
flex: none;
width: 50%; }
.tile.is-7 {
flex: none;
- width: 58.3333333333%; }
+ width: 58.33333%; }
.tile.is-8 {
flex: none;
- width: 66.6666666667%; }
+ width: 66.66667%; }
.tile.is-9 {
flex: none;
width: 75%; }
.tile.is-10 {
flex: none;
- width: 83.3333333333%; }
+ width: 83.33333%; }
.tile.is-11 {
flex: none;
- width: 91.6666666667%; }
+ width: 91.66667%; }
.tile.is-12 {
flex: none;
width: 100%; } }
@@ -6502,10 +6502,10 @@ label.panel-block {
border-color: #0a0a0a;
color: #FFFFFF; }
.hero.is-white.is-bold {
- background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); } }
.hero.is-black {
background-color: #0a0a0a;
color: #FFFFFF; }
@@ -6590,10 +6590,10 @@ label.panel-block {
border-color: #0D1E34;
color: #FFFFFF; }
.hero.is-light.is-bold {
- background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); } }
.hero.is-dark {
background-color: #0D1E34;
color: #FFFFFF; }
@@ -8503,7 +8503,7 @@ a.teaser {
padding: 0 32px; } }
ul.slick-dots {
- bottom: 10.6666666667px; }
+ bottom: 10.66667px; }
ul.slick-dots li button {
width: 0.875rem;
height: 0.875rem; }
From 023119cea1c6d5c50cdc69f22e27919c5535d0a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.coop>
Date: Sun, 6 Mar 2022 11:45:28 -0500
Subject: [PATCH 35/45] Adapt pattern deprecated in Twig 2.10 for compatibility
in Twig 3+
As of Twig 2.10, use the filter filter instead, or an if condition inside the for body (if your condition depends on a variable updated inside the loop and you are not using the loop variable).
Per tip on https://twig.symfony.com/doc/2.x/tags/for.html
---
.../field--field-body-paragraph--rss-teaser.html.twig | 4 ++--
agaric/templates/layout/node--case-study--full.html.twig | 8 ++++----
.../templates/layout/node--case-study--teaser.html.twig | 4 ++--
agaric/templates/layout/node--full.html.twig | 8 ++++----
agaric/templates/layout/node--people--full.html.twig | 8 ++++----
agaric/templates/layout/node--rss-teaser.html.twig | 4 ++--
agaric/templates/layout/node--teaser.html.twig | 4 ++--
.../title_paragraph/pattern-title-paragraph.html.twig | 4 ++--
8 files changed, 22 insertions(+), 22 deletions(-)
diff --git a/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig b/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
index 149d68d..2d79b0f 100644
--- a/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
+++ b/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
@@ -39,8 +39,8 @@
#}
<description>
{% set one_and_done = false %}
-{% for item in items if not one_and_done %}
- {% if item.content['#paragraph'].type.0.entity.id == 'text' %}
+{% for item in items %}
+ {% if item.content['#paragraph'].type.0.entity.id == 'text' and not one_and_done %}
{% set one_and_done = true %}
{{ item.content|render|escape }}
{% endif %}
diff --git a/agaric/templates/layout/node--case-study--full.html.twig b/agaric/templates/layout/node--case-study--full.html.twig
index d6e5747..9c99d7c 100644
--- a/agaric/templates/layout/node--case-study--full.html.twig
+++ b/agaric/templates/layout/node--case-study--full.html.twig
@@ -74,8 +74,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -103,8 +103,8 @@
<div class="container">
<div class="flow content">
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and i is not same as(title_paragraph_index) %}
{{ paragraph }}
{% endif %}
{% endfor %}
diff --git a/agaric/templates/layout/node--case-study--teaser.html.twig b/agaric/templates/layout/node--case-study--teaser.html.twig
index a9375fd..3359fc1 100644
--- a/agaric/templates/layout/node--case-study--teaser.html.twig
+++ b/agaric/templates/layout/node--case-study--teaser.html.twig
@@ -6,8 +6,8 @@
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
diff --git a/agaric/templates/layout/node--full.html.twig b/agaric/templates/layout/node--full.html.twig
index efed28d..3d07914 100644
--- a/agaric/templates/layout/node--full.html.twig
+++ b/agaric/templates/layout/node--full.html.twig
@@ -76,8 +76,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -123,8 +123,8 @@
{% set walls_up = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and i is not same as(title_paragraph_index) %}
{% if paragraph['#paragraph'].field_style_escape_flow.value is not empty %}
{% set bust_out = paragraph['#paragraph'].field_style_escape_flow.value %}
{% endif %}
diff --git a/agaric/templates/layout/node--people--full.html.twig b/agaric/templates/layout/node--people--full.html.twig
index 360a06c..fd56534 100644
--- a/agaric/templates/layout/node--people--full.html.twig
+++ b/agaric/templates/layout/node--people--full.html.twig
@@ -74,8 +74,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -109,8 +109,8 @@
{% set walls_up = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and i is not same as(title_paragraph_index) %}
{% if paragraph['#paragraph'].field_style_escape_flow.value is not empty %}
{% set bust_out = paragraph['#paragraph'].field_style_escape_flow.value %}
{% endif %}
diff --git a/agaric/templates/layout/node--rss-teaser.html.twig b/agaric/templates/layout/node--rss-teaser.html.twig
index 013223e..ca560b0 100644
--- a/agaric/templates/layout/node--rss-teaser.html.twig
+++ b/agaric/templates/layout/node--rss-teaser.html.twig
@@ -77,8 +77,8 @@ BOW! BOW BEFORE MY POWER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
diff --git a/agaric/templates/layout/node--teaser.html.twig b/agaric/templates/layout/node--teaser.html.twig
index 56feebb..fed82e7 100644
--- a/agaric/templates/layout/node--teaser.html.twig
+++ b/agaric/templates/layout/node--teaser.html.twig
@@ -75,8 +75,8 @@
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
- {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph %}
+ {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
diff --git a/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig b/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
index 76ca276..1f9c51a 100644
--- a/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
+++ b/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
@@ -13,8 +13,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if paragraphs.field_body_paragraph %}
- {% for i, paragraph in paragraphs.field_body_paragraph if i|first != '#' %}
- {% if paragraphs.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in paragraphs.field_body_paragraph %}
+ {% if i|first != '#' and paragraphs.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
<div class="column is-one-third">
From f0294c3a073365b960f5e4ce666e58b7067070ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.coop>
Date: Sun, 6 Mar 2022 11:46:00 -0500
Subject: [PATCH 36/45] Add TODO and remove test comment (latter implies rss
teaser not used)
---
agaric/templates/layout/node--full.html.twig | 1 +
agaric/templates/layout/node--rss-teaser.html.twig | 2 --
2 files changed, 1 insertion(+), 2 deletions(-)
diff --git a/agaric/templates/layout/node--full.html.twig b/agaric/templates/layout/node--full.html.twig
index 3d07914..cb76d5e 100644
--- a/agaric/templates/layout/node--full.html.twig
+++ b/agaric/templates/layout/node--full.html.twig
@@ -114,6 +114,7 @@
</div>
</section>
{% elseif content.field_authors is not empty %}
+{# TODO fix this this looks wrong? #}
<span class="hidden"><a href="{{ url }}" class="u-url">{{ date }}</a><a class="u-author" href="/"></a></span>
{% endif %}
diff --git a/agaric/templates/layout/node--rss-teaser.html.twig b/agaric/templates/layout/node--rss-teaser.html.twig
index ca560b0..fcdb606 100644
--- a/agaric/templates/layout/node--rss-teaser.html.twig
+++ b/agaric/templates/layout/node--rss-teaser.html.twig
@@ -71,8 +71,6 @@
*/
#}
-BOW! BOW BEFORE MY POWER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-
<a class="teaser media content" href="{{ url }}">
{% set has_title_paragraph = false %}
From d82b9e5615c6b9e77a9d3625d89bc2aa7ff3760a Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Fri, 18 Nov 2022 12:43:41 -0500
Subject: [PATCH 37/45] Move syndication details into content
---
.../item-list--indieweb-syndication.html.twig | 40 +++++++++++++++++++
agaric/templates/layout/node--full.html.twig | 4 +-
2 files changed, 42 insertions(+), 2 deletions(-)
create mode 100644 agaric/templates/layout/item-list--indieweb-syndication.html.twig
diff --git a/agaric/templates/layout/item-list--indieweb-syndication.html.twig b/agaric/templates/layout/item-list--indieweb-syndication.html.twig
new file mode 100644
index 0000000..cddd6d9
--- /dev/null
+++ b/agaric/templates/layout/item-list--indieweb-syndication.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Theme override for an item list.
+ *
+ * Available variables:
+ * - items: A list of items. Each item contains:
+ * - attributes: HTML attributes to be applied to each list item.
+ * - value: The content of the list element.
+ * - title: The title of the list.
+ * - list_type: The tag for list element ("ul" or "ol").
+ * - wrapper_attributes: HTML attributes to be applied to the list wrapper.
+ * - attributes: HTML attributes to be applied to the list.
+ * - empty: A message to display when there are no items. Allowed value is a
+ * string or render array.
+ * - context: A list of contextual data associated with the list. May contain:
+ * - list_style: The custom list style.
+ *
+ * @see template_preprocess_item_list()
+ */
+#}
+{% if context.list_style %}
+ {%- set attributes = attributes.addClass('item-list__' ~ context.list_style) %}
+{% endif %}
+{% if items or empty %}
+ {%- if title is not empty -%}
+ <h3>{{'Shared to'|t}}</h3>
+ {%- endif -%}
+
+ {%- if items -%}
+ <{{list_type}}{{attributes}}>
+ {%- for item in items -%}
+ <li{{item.attributes}}>{{ item.value }}</li>
+ {%- endfor -%}
+ </{{list_type}}>
+ {%- else -%}
+ {{- empty -}}
+ {%- endif -%}
+{%- endif %}
+
diff --git a/agaric/templates/layout/node--full.html.twig b/agaric/templates/layout/node--full.html.twig
index cb76d5e..8f86e1b 100644
--- a/agaric/templates/layout/node--full.html.twig
+++ b/agaric/templates/layout/node--full.html.twig
@@ -168,14 +168,14 @@
{{ content.field_tags }}
{% endif %}
</div>
+ {{content.indieweb_syndication}}
</div>
</section>
{% endif %}
-
</article>{# end h-entry article #}
<!-- Unexpected extra content -->
-{{ content|without('field_body_paragraph', 'field_authors', 'field_tags', 'uid', 'created', 'comment') }}
+{{ content|without('field_body_paragraph', 'field_authors', 'field_tags', 'uid', 'created', 'comment', 'indieweb_syndication') }}
{% if content.comment %}
{{ content.comment }}
From 685297582827e976e13921ed6164c7cdf0922def Mon Sep 17 00:00:00 2001
From: Louis Elkner-Alfaro <l.elkneralfaro@gmail.com>
Date: Mon, 3 Jul 2023 14:20:21 -0700
Subject: [PATCH 38/45] Add authors and date
Ref: https://gitlab.com/agaric/sites/agaric-coop/-/issues/239
---
agaric/templates/field/field--field-title.html.twig | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/agaric/templates/field/field--field-title.html.twig b/agaric/templates/field/field--field-title.html.twig
index 4441b7c..db78354 100644
--- a/agaric/templates/field/field--field-title.html.twig
+++ b/agaric/templates/field/field--field-title.html.twig
@@ -46,4 +46,9 @@
})
%}
<h1{{ item.attributes }}>{{ item.content}} </h1>
+
+ {% if authors is not empty %}
+ <p class="byline is-mono">Written by {{ authors }}</p>
+ <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
+ {% endif %}
{% endfor %}
From ea1c1a1a37bcea9a857b611ec2a5763590b9fc7d Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Thu, 13 Jul 2023 16:40:40 -0700
Subject: [PATCH 39/45] Add authors to paragraph title template
---
agaric/templates/paragraph/paragraph--title.html.twig | 1 +
1 file changed, 1 insertion(+)
diff --git a/agaric/templates/paragraph/paragraph--title.html.twig b/agaric/templates/paragraph/paragraph--title.html.twig
index bb7c68b..11b053f 100644
--- a/agaric/templates/paragraph/paragraph--title.html.twig
+++ b/agaric/templates/paragraph/paragraph--title.html.twig
@@ -78,6 +78,7 @@
<div class="hero-body">
{{ content.field_title }}
{{ content.field_subtitle }}
+ {{ authors }}
</div>
</div>
{% else %}
From 2e7f90350d16765c5c526c4397c918735cda7d02 Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Thu, 13 Jul 2023 17:55:35 -0700
Subject: [PATCH 40/45] Add date to paragraph title template
---
agaric/sass/agaric/_component.hero.scss | 12 +++++++++++-
.../templates/paragraph/paragraph--title.html.twig | 7 ++++++-
2 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index e04f9c1..be61a6f 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -150,7 +150,17 @@
font-size: $size-5;
line-height: 1.4em;
}
- .title + .subtitle {
+ .authors {
+ color: currentColor;
+ font-size: $size-5;
+ line-height: 1em;
+ }
+ .created-date {
+ color: currentColor;
+ font-size: $size-5;
+ line-height: 1em;
+ }
+ .title + .subtitle, .created-date {
margin-top: 1em;
}
}
diff --git a/agaric/templates/paragraph/paragraph--title.html.twig b/agaric/templates/paragraph/paragraph--title.html.twig
index 11b053f..2e4acf1 100644
--- a/agaric/templates/paragraph/paragraph--title.html.twig
+++ b/agaric/templates/paragraph/paragraph--title.html.twig
@@ -78,7 +78,12 @@
<div class="hero-body">
{{ content.field_title }}
{{ content.field_subtitle }}
- {{ authors }}
+ <div class="authors">
+ {{ authors }}
+ </div>
+ <div class="created-date">
+ Posted on {{ date }}
+ </div>
</div>
</div>
{% else %}
From be59bfdb2c1479bc06106b3e6944c9e9062df1b3 Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Thu, 13 Jul 2023 18:19:55 -0700
Subject: [PATCH 41/45] Compile css
---
agaric/css/agaric.css | 626 ++++++++++++++++++------------------------
1 file changed, 262 insertions(+), 364 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 00e6c31..5afaadc 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -24,17 +24,17 @@
to {
transform: rotate(359deg); } }
-.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
+.tabs, .pagination-previous,
.pagination-next,
.pagination-link,
-.pagination-ellipsis, .tabs {
+.pagination-ellipsis, .breadcrumb, .file, .button, .is-unselectable, .modal-close, .delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
-.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
+.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
@@ -50,11 +50,11 @@
transform-origin: center;
width: 0.625em; }
-.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
+.tabs:not(:last-child), .message:not(:last-child), .list:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child),
+.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
margin-bottom: 1.5rem; }
-.delete, .modal-close {
+.modal-close, .delete {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
@@ -75,7 +75,7 @@
position: relative;
vertical-align: top;
width: 20px; }
- .delete::before, .modal-close::before, .delete::after, .modal-close::after {
+ .modal-close::before, .delete::before, .modal-close::after, .delete::after {
background-color: #FFFFFF;
content: "";
display: block;
@@ -84,31 +84,31 @@
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center; }
- .delete::before, .modal-close::before {
+ .modal-close::before, .delete::before {
height: 2px;
width: 50%; }
- .delete::after, .modal-close::after {
+ .modal-close::after, .delete::after {
height: 50%;
width: 2px; }
- .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
+ .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
background-color: rgba(10, 10, 10, 0.3); }
- .delete:active, .modal-close:active {
+ .modal-close:active, .delete:active {
background-color: rgba(10, 10, 10, 0.4); }
- .is-small.delete, .is-small.modal-close {
+ .is-small.modal-close, .is-small.delete {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px; }
- .is-medium.delete, .is-medium.modal-close {
+ .is-medium.modal-close, .is-medium.delete {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px; }
- .is-large.delete, .is-large.modal-close {
+ .is-large.modal-close, .is-large.delete {
height: 32px;
max-height: 32px;
max-width: 32px;
@@ -116,7 +116,7 @@
min-width: 32px;
width: 32px; }
-.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
@@ -128,7 +128,7 @@
position: relative;
width: 1em; }
-.is-overlay, .image.is-square img,
+.hero-video, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
@@ -144,18 +144,18 @@
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
-.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
+.image.is-1by3 .has-ratio, .is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
-.button, .input, .textarea, .select select, .file-cta,
-.file-name, .pagination-previous,
+.pagination-previous,
.pagination-next,
.pagination-link,
-.pagination-ellipsis {
+.pagination-ellipsis, .file-cta,
+.file-name, .select select, .textarea, .input, .button {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
@@ -173,40 +173,33 @@
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top; }
- .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
- .file-name:focus, .pagination-previous:focus,
+ .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
- .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
- .is-focused.file-name, .is-focused.pagination-previous,
+ .pagination-ellipsis:focus, .file-cta:focus,
+ .file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
- .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
- .file-name:active, .pagination-previous:active,
+ .is-focused.pagination-ellipsis, .is-focused.file-cta,
+ .is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
- .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
- .is-active.file-name, .is-active.pagination-previous,
+ .pagination-ellipsis:active, .file-cta:active,
+ .file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
- .is-active.pagination-ellipsis {
+ .is-active.pagination-ellipsis, .is-active.file-cta,
+ .is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
outline: none; }
- .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
- .file-name[disabled], .pagination-previous[disabled],
- .pagination-next[disabled],
- .pagination-link[disabled],
- .pagination-ellipsis[disabled],
- fieldset[disabled] .button,
- fieldset[disabled] .input,
- fieldset[disabled] .textarea,
- fieldset[disabled] .select select,
- .select fieldset[disabled] select,
- fieldset[disabled] .file-cta,
- fieldset[disabled] .file-name,
- fieldset[disabled] .pagination-previous,
+ [disabled].pagination-previous,
+ [disabled].pagination-next,
+ [disabled].pagination-link,
+ [disabled].pagination-ellipsis, [disabled].file-cta,
+ [disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
- fieldset[disabled] .pagination-ellipsis {
+ fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
+ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
cursor: not-allowed; }
/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
@@ -1228,8 +1221,7 @@ a.box:active {
.button.is-text:active, .button.is-text.is-active {
background-color: #f2f2f2;
color: #0D1E34; }
- .button.is-text[disabled],
- fieldset[disabled] .button.is-text {
+ .button.is-text[disabled], fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none; }
@@ -1250,8 +1242,7 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a; }
- .button.is-white[disabled],
- fieldset[disabled] .button.is-white {
+ .button.is-white[disabled], fieldset[disabled] .button.is-white {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
@@ -1260,8 +1251,7 @@ a.box:active {
color: #FFFFFF; }
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
background-color: black; }
- .button.is-white.is-inverted[disabled],
- fieldset[disabled] .button.is-white.is-inverted {
+ .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
@@ -1280,8 +1270,7 @@ a.box:active {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-white.is-outlined[disabled],
- fieldset[disabled] .button.is-white.is-outlined {
+ .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1295,8 +1284,7 @@ a.box:active {
color: #FFFFFF; }
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-white.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-white.is-inverted.is-outlined {
+ .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1318,8 +1306,7 @@ a.box:active {
background-color: black;
border-color: transparent;
color: #FFFFFF; }
- .button.is-black[disabled],
- fieldset[disabled] .button.is-black {
+ .button.is-black[disabled], fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none; }
@@ -1328,8 +1315,7 @@ a.box:active {
color: #0a0a0a; }
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-black.is-inverted[disabled],
- fieldset[disabled] .button.is-black.is-inverted {
+ .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1348,8 +1334,7 @@ a.box:active {
border-color: transparent transparent #0a0a0a #0a0a0a !important; }
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-black.is-outlined[disabled],
- fieldset[disabled] .button.is-black.is-outlined {
+ .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1363,8 +1348,7 @@ a.box:active {
color: #0a0a0a; }
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-black.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-black.is-inverted.is-outlined {
+ .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1386,8 +1370,7 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0D1E34; }
- .button.is-light[disabled],
- fieldset[disabled] .button.is-light {
+ .button.is-light[disabled], fieldset[disabled] .button.is-light {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
@@ -1396,8 +1379,7 @@ a.box:active {
color: #FFFFFF; }
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
background-color: #081220; }
- .button.is-light.is-inverted[disabled],
- fieldset[disabled] .button.is-light.is-inverted {
+ .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none;
@@ -1416,8 +1398,7 @@ a.box:active {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-light.is-outlined[disabled],
- fieldset[disabled] .button.is-light.is-outlined {
+ .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1431,8 +1412,7 @@ a.box:active {
color: #FFFFFF; }
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-light.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-light.is-inverted.is-outlined {
+ .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1454,8 +1434,7 @@ a.box:active {
background-color: #081220;
border-color: transparent;
color: #FFFFFF; }
- .button.is-dark[disabled],
- fieldset[disabled] .button.is-dark {
+ .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none; }
@@ -1464,8 +1443,7 @@ a.box:active {
color: #0D1E34; }
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-dark.is-inverted[disabled],
- fieldset[disabled] .button.is-dark.is-inverted {
+ .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1484,8 +1462,7 @@ a.box:active {
border-color: transparent transparent #0D1E34 #0D1E34 !important; }
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-dark.is-outlined[disabled],
- fieldset[disabled] .button.is-dark.is-outlined {
+ .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1499,8 +1476,7 @@ a.box:active {
color: #0D1E34; }
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-dark.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
+ .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1522,8 +1498,7 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-primary[disabled],
- fieldset[disabled] .button.is-primary {
+ .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
@@ -1532,8 +1507,7 @@ a.box:active {
color: #26599B; }
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-primary.is-inverted[disabled],
- fieldset[disabled] .button.is-primary.is-inverted {
+ .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1552,8 +1526,7 @@ a.box:active {
border-color: transparent transparent #26599B #26599B !important; }
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-primary.is-outlined[disabled],
- fieldset[disabled] .button.is-primary.is-outlined {
+ .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1567,8 +1540,7 @@ a.box:active {
color: #26599B; }
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-primary.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
+ .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1590,8 +1562,7 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-link[disabled],
- fieldset[disabled] .button.is-link {
+ .button.is-link[disabled], fieldset[disabled] .button.is-link {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
@@ -1600,8 +1571,7 @@ a.box:active {
color: #26599B; }
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-link.is-inverted[disabled],
- fieldset[disabled] .button.is-link.is-inverted {
+ .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1620,8 +1590,7 @@ a.box:active {
border-color: transparent transparent #26599B #26599B !important; }
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-link.is-outlined[disabled],
- fieldset[disabled] .button.is-link.is-outlined {
+ .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1635,8 +1604,7 @@ a.box:active {
color: #26599B; }
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-link.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-link.is-inverted.is-outlined {
+ .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1658,8 +1626,7 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-info[disabled],
- fieldset[disabled] .button.is-info {
+ .button.is-info[disabled], fieldset[disabled] .button.is-info {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
@@ -1668,8 +1635,7 @@ a.box:active {
color: #26599B; }
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-info.is-inverted[disabled],
- fieldset[disabled] .button.is-info.is-inverted {
+ .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1688,8 +1654,7 @@ a.box:active {
border-color: transparent transparent #26599B #26599B !important; }
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-info.is-outlined[disabled],
- fieldset[disabled] .button.is-info.is-outlined {
+ .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1703,8 +1668,7 @@ a.box:active {
color: #26599B; }
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-info.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-info.is-inverted.is-outlined {
+ .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1726,8 +1690,7 @@ a.box:active {
background-color: #37a28f;
border-color: transparent;
color: #FFFFFF; }
- .button.is-success[disabled],
- fieldset[disabled] .button.is-success {
+ .button.is-success[disabled], fieldset[disabled] .button.is-success {
background-color: #3DB5A0;
border-color: transparent;
box-shadow: none; }
@@ -1736,8 +1699,7 @@ a.box:active {
color: #3DB5A0; }
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-success.is-inverted[disabled],
- fieldset[disabled] .button.is-success.is-inverted {
+ .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1756,8 +1718,7 @@ a.box:active {
border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-success.is-outlined[disabled],
- fieldset[disabled] .button.is-success.is-outlined {
+ .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #3DB5A0;
box-shadow: none;
@@ -1771,8 +1732,7 @@ a.box:active {
color: #3DB5A0; }
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
- .button.is-success.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-success.is-inverted.is-outlined {
+ .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1794,8 +1754,7 @@ a.box:active {
background-color: #b4ac16;
border-color: transparent;
color: #FFFFFF; }
- .button.is-warning[disabled],
- fieldset[disabled] .button.is-warning {
+ .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
background-color: #CBC219;
border-color: transparent;
box-shadow: none; }
@@ -1804,8 +1763,7 @@ a.box:active {
color: #CBC219; }
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-warning.is-inverted[disabled],
- fieldset[disabled] .button.is-warning.is-inverted {
+ .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1824,8 +1782,7 @@ a.box:active {
border-color: transparent transparent #CBC219 #CBC219 !important; }
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-warning.is-outlined[disabled],
- fieldset[disabled] .button.is-warning.is-outlined {
+ .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #CBC219;
box-shadow: none;
@@ -1839,8 +1796,7 @@ a.box:active {
color: #CBC219; }
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #CBC219 #CBC219 !important; }
- .button.is-warning.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
+ .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1862,8 +1818,7 @@ a.box:active {
background-color: #c94722;
border-color: transparent;
color: #FFFFFF; }
- .button.is-danger[disabled],
- fieldset[disabled] .button.is-danger {
+ .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
background-color: #DB512A;
border-color: transparent;
box-shadow: none; }
@@ -1872,8 +1827,7 @@ a.box:active {
color: #DB512A; }
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
background-color: #f2f2f2; }
- .button.is-danger.is-inverted[disabled],
- fieldset[disabled] .button.is-danger.is-inverted {
+ .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1892,8 +1846,7 @@ a.box:active {
border-color: transparent transparent #DB512A #DB512A !important; }
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-danger.is-outlined[disabled],
- fieldset[disabled] .button.is-danger.is-outlined {
+ .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #DB512A;
box-shadow: none;
@@ -1907,8 +1860,7 @@ a.box:active {
color: #DB512A; }
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #DB512A #DB512A !important; }
- .button.is-danger.is-inverted.is-outlined[disabled],
- fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
+ .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1922,8 +1874,7 @@ a.box:active {
font-size: 1.25rem; }
.button.is-large {
font-size: 1.75rem; }
- .button[disabled],
- fieldset[disabled] .button {
+ .button[disabled], fieldset[disabled] .button {
background-color: #FFFFFF;
border-color: #dbdbdb;
box-shadow: none;
@@ -2023,7 +1974,6 @@ a.box:active {
@media screen and (min-width: 1408px) {
.container {
max-width: 1344px; } }
-
.content li + li {
margin-top: 0.25em; }
@@ -2803,115 +2753,95 @@ a.tag:hover {
text-align: center;
vertical-align: top; }
-.input, .textarea, .select select {
+.select select, .textarea, .input {
background-color: #FFFFFF;
border-color: #dbdbdb;
border-radius: 0;
color: #363636; }
- .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
+ .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
+ .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
+ .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
+ .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
+ .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
border-color: #b5b5b5; }
- .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
+ .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
border-color: #26599B;
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .input[disabled], .textarea[disabled], .select select[disabled],
- fieldset[disabled] .input,
- fieldset[disabled] .textarea,
- fieldset[disabled] .select select,
- .select fieldset[disabled] select {
+ .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
background-color: #FFFFFF;
border-color: #FFFFFF;
box-shadow: none;
color: #E4E5E7; }
- .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
- fieldset[disabled] .input::-moz-placeholder,
- fieldset[disabled] .textarea::-moz-placeholder,
- fieldset[disabled] .select select::-moz-placeholder,
- .select fieldset[disabled] select::-moz-placeholder {
+ .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
- fieldset[disabled] .input::-webkit-input-placeholder,
- fieldset[disabled] .textarea::-webkit-input-placeholder,
- fieldset[disabled] .select select::-webkit-input-placeholder,
- .select fieldset[disabled] select::-webkit-input-placeholder {
+ .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
- fieldset[disabled] .input:-moz-placeholder,
- fieldset[disabled] .textarea:-moz-placeholder,
- fieldset[disabled] .select select:-moz-placeholder,
- .select fieldset[disabled] select:-moz-placeholder {
+ .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
- fieldset[disabled] .input:-ms-input-placeholder,
- fieldset[disabled] .textarea:-ms-input-placeholder,
- fieldset[disabled] .select select:-ms-input-placeholder,
- .select fieldset[disabled] select:-ms-input-placeholder {
+ .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
-.input, .textarea {
+.textarea, .input {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
max-width: 100%;
width: 100%; }
- .input[readonly], .textarea[readonly] {
+ [readonly].textarea, [readonly].input {
box-shadow: none; }
- .is-white.input, .is-white.textarea {
+ .is-white.textarea, .is-white.input {
border-color: #FFFFFF; }
- .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
+ .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .is-black.input, .is-black.textarea {
+ .is-black.textarea, .is-black.input {
border-color: #0a0a0a; }
- .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
+ .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
- .is-light.input, .is-light.textarea {
+ .is-light.textarea, .is-light.input {
border-color: #FFFFFF; }
- .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
+ .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .is-dark.input, .is-dark.textarea {
+ .is-dark.textarea, .is-dark.input {
border-color: #0D1E34; }
- .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
+ .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
box-shadow: 0 0 0 0.125em rgba(13, 30, 52, 0.25); }
- .is-primary.input, .is-primary.textarea {
+ .is-primary.textarea, .is-primary.input {
border-color: #26599B; }
- .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
+ .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-link.input, .is-link.textarea {
+ .is-link.textarea, .is-link.input {
border-color: #26599B; }
- .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
+ .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-info.input, .is-info.textarea {
+ .is-info.textarea, .is-info.input {
border-color: #26599B; }
- .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
+ .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-success.input, .is-success.textarea {
+ .is-success.textarea, .is-success.input {
border-color: #3DB5A0; }
- .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
+ .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
box-shadow: 0 0 0 0.125em rgba(61, 181, 160, 0.25); }
- .is-warning.input, .is-warning.textarea {
+ .is-warning.textarea, .is-warning.input {
border-color: #CBC219; }
- .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
+ .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
box-shadow: 0 0 0 0.125em rgba(203, 194, 25, 0.25); }
- .is-danger.input, .is-danger.textarea {
+ .is-danger.textarea, .is-danger.input {
border-color: #DB512A; }
- .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
+ .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
box-shadow: 0 0 0 0.125em rgba(219, 81, 42, 0.25); }
- .is-small.input, .is-small.textarea {
+ .is-small.textarea, .is-small.input {
border-radius: 0;
font-size: 0.63rem; }
- .is-medium.input, .is-medium.textarea {
+ .is-medium.textarea, .is-medium.input {
font-size: 1.25rem; }
- .is-large.input, .is-large.textarea {
+ .is-large.textarea, .is-large.input {
font-size: 1.75rem; }
- .is-fullwidth.input, .is-fullwidth.textarea {
+ .is-fullwidth.textarea, .is-fullwidth.input {
display: block;
width: 100%; }
- .is-inline.input, .is-inline.textarea {
+ .is-inline.textarea, .is-inline.input {
display: inline;
width: auto; }
@@ -2941,18 +2871,16 @@ a.tag:hover {
.textarea.has-fixed-size {
resize: none; }
-.checkbox, .radio {
+.radio, .checkbox {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative; }
- .checkbox input, .radio input {
+ .radio input, .checkbox input {
cursor: pointer; }
- .checkbox:hover, .radio:hover {
+ .radio:hover, .checkbox:hover {
color: #363636; }
- .checkbox[disabled], .radio[disabled],
- fieldset[disabled] .checkbox,
- fieldset[disabled] .radio {
+ [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox {
color: #E4E5E7;
cursor: not-allowed; }
@@ -2981,8 +2909,7 @@ a.tag:hover {
outline: none; }
.select select::-ms-expand {
display: none; }
- .select select[disabled]:hover,
- fieldset[disabled] .select select:hover {
+ .select select[disabled]:hover, fieldset[disabled] .select select:hover {
border-color: #FFFFFF; }
.select select:not([multiple]) {
padding-right: 2.5em; }
@@ -3804,7 +3731,6 @@ button.dropdown-item {
display: flex; }
.level > .level-item:not(.is-narrow) {
flex-grow: 1; } }
-
.level-item {
align-items: center;
display: flex;
@@ -3818,7 +3744,6 @@ button.dropdown-item {
@media screen and (max-width: 768px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem; } }
-
.level-left,
.level-right {
flex-basis: auto;
@@ -3831,7 +3756,6 @@ button.dropdown-item {
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem; } }
-
.level-left {
align-items: center;
justify-content: flex-start; }
@@ -3841,14 +3765,12 @@ button.dropdown-item {
@media screen and (min-width: 769px), print {
.level-left {
display: flex; } }
-
.level-right {
align-items: center;
justify-content: flex-end; }
@media screen and (min-width: 769px), print {
.level-right {
display: flex; } }
-
.list {
background-color: #FFFFFF;
border-radius: 0;
@@ -4115,7 +4037,6 @@ a.list-item {
margin: 0 auto;
max-height: calc(100vh - 40px);
width: 640px; } }
-
.modal-close {
background: none;
height: 40px;
@@ -5332,14 +5253,14 @@ label.panel-block {
margin-left: 0%; }
.columns.is-mobile > .column.is-1 {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.columns.is-mobile > .column.is-offset-1 {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.columns.is-mobile > .column.is-2 {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.columns.is-mobile > .column.is-offset-2 {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.columns.is-mobile > .column.is-3 {
flex: none;
width: 25%; }
@@ -5347,14 +5268,14 @@ label.panel-block {
margin-left: 25%; }
.columns.is-mobile > .column.is-4 {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.columns.is-mobile > .column.is-offset-4 {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.columns.is-mobile > .column.is-5 {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.columns.is-mobile > .column.is-offset-5 {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.columns.is-mobile > .column.is-6 {
flex: none;
width: 50%; }
@@ -5362,14 +5283,14 @@ label.panel-block {
margin-left: 50%; }
.columns.is-mobile > .column.is-7 {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.columns.is-mobile > .column.is-offset-7 {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.columns.is-mobile > .column.is-8 {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.columns.is-mobile > .column.is-offset-8 {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.columns.is-mobile > .column.is-9 {
flex: none;
width: 75%; }
@@ -5377,14 +5298,14 @@ label.panel-block {
margin-left: 75%; }
.columns.is-mobile > .column.is-10 {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.columns.is-mobile > .column.is-offset-10 {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.columns.is-mobile > .column.is-11 {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.columns.is-mobile > .column.is-offset-11 {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.columns.is-mobile > .column.is-12 {
flex: none;
width: 100%; }
@@ -5448,14 +5369,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-mobile {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1-mobile {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2-mobile {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2-mobile {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3-mobile {
flex: none;
width: 25%; }
@@ -5463,14 +5384,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-mobile {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4-mobile {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5-mobile {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5-mobile {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6-mobile {
flex: none;
width: 50%; }
@@ -5478,14 +5399,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-mobile {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7-mobile {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8-mobile {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8-mobile {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9-mobile {
flex: none;
width: 75%; }
@@ -5493,14 +5414,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-mobile {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10-mobile {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11-mobile {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11-mobile {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12-mobile {
flex: none;
width: 100%; }
@@ -5564,14 +5485,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1, .column.is-1-tablet {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1, .column.is-offset-1-tablet {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2, .column.is-2-tablet {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2, .column.is-offset-2-tablet {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3, .column.is-3-tablet {
flex: none;
width: 25%; }
@@ -5579,14 +5500,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4, .column.is-4-tablet {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4, .column.is-offset-4-tablet {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5, .column.is-5-tablet {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5, .column.is-offset-5-tablet {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6, .column.is-6-tablet {
flex: none;
width: 50%; }
@@ -5594,14 +5515,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7, .column.is-7-tablet {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7, .column.is-offset-7-tablet {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8, .column.is-8-tablet {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8, .column.is-offset-8-tablet {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9, .column.is-9-tablet {
flex: none;
width: 75%; }
@@ -5609,14 +5530,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10, .column.is-10-tablet {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10, .column.is-offset-10-tablet {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11, .column.is-11-tablet {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11, .column.is-offset-11-tablet {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12, .column.is-12-tablet {
flex: none;
width: 100%; }
@@ -5680,14 +5601,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-touch {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1-touch {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2-touch {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2-touch {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3-touch {
flex: none;
width: 25%; }
@@ -5695,14 +5616,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-touch {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4-touch {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5-touch {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5-touch {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6-touch {
flex: none;
width: 50%; }
@@ -5710,14 +5631,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-touch {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7-touch {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8-touch {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8-touch {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9-touch {
flex: none;
width: 75%; }
@@ -5725,14 +5646,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-touch {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10-touch {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11-touch {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11-touch {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12-touch {
flex: none;
width: 100%; }
@@ -5796,14 +5717,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-desktop {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1-desktop {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2-desktop {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2-desktop {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3-desktop {
flex: none;
width: 25%; }
@@ -5811,14 +5732,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-desktop {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4-desktop {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5-desktop {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5-desktop {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6-desktop {
flex: none;
width: 50%; }
@@ -5826,14 +5747,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-desktop {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7-desktop {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8-desktop {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8-desktop {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9-desktop {
flex: none;
width: 75%; }
@@ -5841,14 +5762,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-desktop {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10-desktop {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11-desktop {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11-desktop {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12-desktop {
flex: none;
width: 100%; }
@@ -5912,14 +5833,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-widescreen {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1-widescreen {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2-widescreen {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2-widescreen {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3-widescreen {
flex: none;
width: 25%; }
@@ -5927,14 +5848,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-widescreen {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4-widescreen {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5-widescreen {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5-widescreen {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6-widescreen {
flex: none;
width: 50%; }
@@ -5942,14 +5863,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-widescreen {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7-widescreen {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8-widescreen {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8-widescreen {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9-widescreen {
flex: none;
width: 75%; }
@@ -5957,14 +5878,14 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-widescreen {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10-widescreen {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11-widescreen {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11-widescreen {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12-widescreen {
flex: none;
width: 100%; }
@@ -6028,14 +5949,14 @@ label.panel-block {
margin-left: 0%; }
.column.is-1-fullhd {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.column.is-offset-1-fullhd {
- margin-left: 8.33333%; }
+ margin-left: 8.3333333333%; }
.column.is-2-fullhd {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.column.is-offset-2-fullhd {
- margin-left: 16.66667%; }
+ margin-left: 16.6666666667%; }
.column.is-3-fullhd {
flex: none;
width: 25%; }
@@ -6043,14 +5964,14 @@ label.panel-block {
margin-left: 25%; }
.column.is-4-fullhd {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.column.is-offset-4-fullhd {
- margin-left: 33.33333%; }
+ margin-left: 33.3333333333%; }
.column.is-5-fullhd {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.column.is-offset-5-fullhd {
- margin-left: 41.66667%; }
+ margin-left: 41.6666666667%; }
.column.is-6-fullhd {
flex: none;
width: 50%; }
@@ -6058,14 +5979,14 @@ label.panel-block {
margin-left: 50%; }
.column.is-7-fullhd {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.column.is-offset-7-fullhd {
- margin-left: 58.33333%; }
+ margin-left: 58.3333333333%; }
.column.is-8-fullhd {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.column.is-offset-8-fullhd {
- margin-left: 66.66667%; }
+ margin-left: 66.6666666667%; }
.column.is-9-fullhd {
flex: none;
width: 75%; }
@@ -6073,20 +5994,19 @@ label.panel-block {
margin-left: 75%; }
.column.is-10-fullhd {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.column.is-offset-10-fullhd {
- margin-left: 83.33333%; }
+ margin-left: 83.3333333333%; }
.column.is-11-fullhd {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.column.is-offset-11-fullhd {
- margin-left: 91.66667%; }
+ margin-left: 91.6666666667%; }
.column.is-12-fullhd {
flex: none;
width: 100%; }
.column.is-offset-12-fullhd {
margin-left: 100%; } }
-
.columns {
margin-left: -1.5rem;
margin-right: -1.5rem;
@@ -6120,7 +6040,6 @@ label.panel-block {
@media screen and (min-width: 1024px) {
.columns.is-desktop {
display: flex; } }
-
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
@@ -6389,7 +6308,6 @@ label.panel-block {
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem; } }
-
.tile {
align-items: stretch;
display: block;
@@ -6418,41 +6336,40 @@ label.panel-block {
display: flex; }
.tile.is-1 {
flex: none;
- width: 8.33333%; }
+ width: 8.3333333333%; }
.tile.is-2 {
flex: none;
- width: 16.66667%; }
+ width: 16.6666666667%; }
.tile.is-3 {
flex: none;
width: 25%; }
.tile.is-4 {
flex: none;
- width: 33.33333%; }
+ width: 33.3333333333%; }
.tile.is-5 {
flex: none;
- width: 41.66667%; }
+ width: 41.6666666667%; }
.tile.is-6 {
flex: none;
width: 50%; }
.tile.is-7 {
flex: none;
- width: 58.33333%; }
+ width: 58.3333333333%; }
.tile.is-8 {
flex: none;
- width: 66.66667%; }
+ width: 66.6666666667%; }
.tile.is-9 {
flex: none;
width: 75%; }
.tile.is-10 {
flex: none;
- width: 83.33333%; }
+ width: 83.3333333333%; }
.tile.is-11 {
flex: none;
- width: 91.66667%; }
+ width: 91.6666666667%; }
.tile.is-12 {
flex: none;
width: 100%; } }
-
.hero {
align-items: stretch;
display: flex;
@@ -6502,10 +6419,10 @@ label.panel-block {
border-color: #0a0a0a;
color: #FFFFFF; }
.hero.is-white.is-bold {
- background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } }
.hero.is-black {
background-color: #0a0a0a;
color: #FFFFFF; }
@@ -6590,10 +6507,10 @@ label.panel-block {
border-color: #0D1E34;
color: #FFFFFF; }
.hero.is-light.is-bold {
- background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e6e6e6 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } }
.hero.is-dark {
background-color: #0D1E34;
color: #FFFFFF; }
@@ -6938,7 +6855,6 @@ label.panel-block {
@media screen and (max-width: 768px) {
.hero-video {
display: none; } }
-
.hero-buttons {
margin-top: 1.5rem; }
@media screen and (max-width: 768px) {
@@ -6952,7 +6868,6 @@ label.panel-block {
justify-content: center; }
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem; } }
-
.hero-head,
.hero-foot {
flex-grow: 0;
@@ -6970,7 +6885,6 @@ label.panel-block {
padding: 9rem 1.5rem; }
.section.is-large {
padding: 18rem 1.5rem; } }
-
.footer {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem; }
@@ -7351,8 +7265,7 @@ p label::after {
color: #CBC219;
background-color: #26599B; }
-hr, .titlebar-bigborder, .media.media-comment, .media.media-comment + .media.media-comment,
-.media.media-comment .media.media-comment, .footer .container {
+.footer .container, .media.media-comment + .media.media-comment, .media.media-comment .media.media-comment, .media.media-comment, .titlebar-bigborder, hr {
border-top: 4px solid #193B68; }
.is-compact.subtitle, .is-compact.title {
@@ -7428,7 +7341,6 @@ iframe {
.webform-submission-form {
margin: .5rem 6rem .5rem 6rem;
padding: 0 6rem; } }
-
.content blockquote {
color: currentColor; }
.content blockquote * {
@@ -7490,7 +7402,6 @@ iframe {
float: right;
margin-right: -25%;
width: 25%; } }
-
@media screen and (min-width: 769px), print {
.flow-thirds {
margin-left: calc(25% - 0.75rem);
@@ -7703,18 +7614,11 @@ ion-icon {
z-index: +400; }
.is-fixed #logo .logo-color {
fill: currentColor; }
- .is-fixed + div[data-drupal-messages-fallback] + section,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 3.3125em; }
@media screen and (min-width: 1024px) {
- .is-fixed + div[data-drupal-messages-fallback] + section,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
- .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 5.875em; } }
-
.toolbar-tray-open.toolbar-horizontal .is-fixed {
padding-top: 79px; }
@@ -7727,7 +7631,6 @@ ion-icon {
:target::before {
height: 5.875em;
margin: -5.875em 0 0; } }
-
a:target,
a:target:hover {
padding: 0;
@@ -7738,7 +7641,6 @@ a:target:hover {
@media screen and (min-width: 1024px) {
.message {
margin-top: 5.875rem; } }
-
.navbar {
color: #FFFFFF;
background-color: #0D1E34;
@@ -7746,7 +7648,6 @@ a:target:hover {
@media screen and (min-width: 1024px) {
.navbar {
padding: 1.25em 0; } }
-
@media screen and (min-width: 769px), print {
.navbar-transition {
transition-property: color, background-color;
@@ -7807,13 +7708,11 @@ a:target:hover {
border-top: 3px solid #0D1E34;
padding-left: 0;
padding-right: 0; } }
-
.navbar-dropdown a.navbar-item {
padding: 1em; }
@media screen and (min-width: 769px), print {
.navbar-dropdown a.navbar-item {
color: #0D1E34; } }
-
.navbar-dropdown a:hover.navbar-item,
.navbar-dropdown a:focus.navbar-item {
border-color: #FFFFFF; }
@@ -7822,25 +7721,21 @@ a:target:hover {
.navbar-dropdown a:focus.navbar-item {
color: #FFFFFF;
background-color: #0D1E34; } }
-
.navbar-dropdown .navbar-item:first-child {
border-top: 3px solid #FFFFFF; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item:first-child {
border-top: 0; } }
-
.navbar-dropdown .navbar-item:last-child {
border-bottom: 3px solid #FFFFFF; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item:last-child {
border-bottom: 0; } }
-
.navbar-dropdown .navbar-item {
padding-left: 3em; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item {
padding-left: 1em; } }
-
.navbar-link {
padding-right: 1rem;
color: currentColor; }
@@ -7877,7 +7772,6 @@ a.navbar-link.is-active {
a.navbar-link.is-active:hover::before,
a.navbar-link.is-active:focus::before {
display: none; } }
-
@media screen and (min-width: 769px), print {
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
@@ -7962,7 +7856,6 @@ a.navbar-link:focus,
@media screen and (min-width: 769px), print {
.header-search .form-text.input {
width: 20em; } }
-
.hero.is-dark .tabs a,
.is-dark .tabs a {
color: #3276CF; }
@@ -7982,7 +7875,6 @@ a.navbar-link:focus,
@media screen and (min-width: 1024px) {
.floating-tabs {
top: 5.875em; } }
-
@media screen and (min-width: 1024px) {
.toolbar-tray-open.toolbar-horizontal .floating-tabs {
top: 9.875em; } }
@@ -8178,8 +8070,7 @@ a.card-initiative:hover {
border-top-color: #E4E5E7;
padding-top: 32px;
padding-bottom: 32px; }
- .media.media-comment + .media.media-comment,
- .media.media-comment .media.media-comment {
+ .media.media-comment + .media.media-comment, .media.media-comment .media.media-comment {
border-top-width: 2px;
border-top-color: #E4E5E7; }
.media.media-comment .media-left {
@@ -8194,7 +8085,6 @@ a.card-initiative:hover {
display: flex; }
.media.media-comment .media-left {
width: 12em; } }
-
.media-list .media,
.media-list .media + .media {
margin-top: 32px;
@@ -8358,7 +8248,17 @@ a.teaser {
font-size: 1.25rem;
line-height: 1.4em; }
-.hero-project .container .hero-body .title + .subtitle {
+.hero-project .container .hero-body .authors {
+ color: currentColor;
+ font-size: 1.25rem;
+ line-height: 1em; }
+
+.hero-project .container .hero-body .created-date {
+ color: currentColor;
+ font-size: 1.25rem;
+ line-height: 1em; }
+
+.hero-project .container .hero-body .title + .subtitle, .hero-project .container .hero-body .created-date {
margin-top: 1em; }
@media screen and (min-width: 769px), print {
@@ -8501,9 +8401,8 @@ a.teaser {
@media screen and (min-width: 769px), print {
.slick-slide {
padding: 0 32px; } }
-
ul.slick-dots {
- bottom: 10.66667px; }
+ bottom: 10.6666666667px; }
ul.slick-dots li button {
width: 0.875rem;
height: 0.875rem; }
@@ -8577,7 +8476,6 @@ ul.slick-dots {
.icon-list-cols li {
padding-bottom: 64px;
width: 48%; } }
-
.icon-list-cols li.is-blue::before {
color: #26599B; }
From 690653c952f9dd2e8232530dc0be964f20cc3ad5 Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Wed, 30 Aug 2023 13:28:34 -0700
Subject: [PATCH 42/45] Revert addition of authoring details from title
paragraph
Ensure authoring details still display on every full node with author(s)
---
agaric/sass/agaric/_component.hero.scss | 12 +-----------
agaric/templates/layout/node--full.html.twig | 13 ++++++-------
.../templates/paragraph/paragraph--title.html.twig | 6 ------
3 files changed, 7 insertions(+), 24 deletions(-)
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index be61a6f..e04f9c1 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -150,17 +150,7 @@
font-size: $size-5;
line-height: 1.4em;
}
- .authors {
- color: currentColor;
- font-size: $size-5;
- line-height: 1em;
- }
- .created-date {
- color: currentColor;
- font-size: $size-5;
- line-height: 1em;
- }
- .title + .subtitle, .created-date {
+ .title + .subtitle {
margin-top: 1em;
}
}
diff --git a/agaric/templates/layout/node--full.html.twig b/agaric/templates/layout/node--full.html.twig
index 8f86e1b..76e3512 100644
--- a/agaric/templates/layout/node--full.html.twig
+++ b/agaric/templates/layout/node--full.html.twig
@@ -106,16 +106,15 @@
</div>
{% endif %}
</div>
- {% if content.field_authors is not empty %}
- <p class="byline is-mono">Written by {{ content.field_authors }}</p>
- <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
- {% endif %}
</div>
</div>
</section>
-{% elseif content.field_authors is not empty %}
-{# TODO fix this this looks wrong? #}
-<span class="hidden"><a href="{{ url }}" class="u-url">{{ date }}</a><a class="u-author" href="/"></a></span>
+{% endif %}
+{% if content.field_authors is not empty %}
+ <div class="container">
+ <p class="byline is-mono">{{ content.field_authors }}</p>
+ <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
+ </div>
{% endif %}
<div class="e-content">
diff --git a/agaric/templates/paragraph/paragraph--title.html.twig b/agaric/templates/paragraph/paragraph--title.html.twig
index 2e4acf1..bb7c68b 100644
--- a/agaric/templates/paragraph/paragraph--title.html.twig
+++ b/agaric/templates/paragraph/paragraph--title.html.twig
@@ -78,12 +78,6 @@
<div class="hero-body">
{{ content.field_title }}
{{ content.field_subtitle }}
- <div class="authors">
- {{ authors }}
- </div>
- <div class="created-date">
- Posted on {{ date }}
- </div>
</div>
</div>
{% else %}
From 5c64104e87d2d77a926edfcd13ddbf1c3f022815 Mon Sep 17 00:00:00 2001
From: Keegan Rankin <keegan@agaric.coop>
Date: Wed, 30 Aug 2023 13:28:52 -0700
Subject: [PATCH 43/45] Compile css
---
agaric/css/agaric.css | 12 +-----------
1 file changed, 1 insertion(+), 11 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 5afaadc..1b2df05 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8248,17 +8248,7 @@ a.teaser {
font-size: 1.25rem;
line-height: 1.4em; }
-.hero-project .container .hero-body .authors {
- color: currentColor;
- font-size: 1.25rem;
- line-height: 1em; }
-
-.hero-project .container .hero-body .created-date {
- color: currentColor;
- font-size: 1.25rem;
- line-height: 1em; }
-
-.hero-project .container .hero-body .title + .subtitle, .hero-project .container .hero-body .created-date {
+.hero-project .container .hero-body .title + .subtitle {
margin-top: 1em; }
@media screen and (min-width: 769px), print {
From 57c713c4f9d9343369fca88c37e59eaa68bbca8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.coop>
Date: Tue, 24 Oct 2023 14:01:06 -0400
Subject: [PATCH 44/45] Clean copy of webform confirmation template from
webform module
In preparation for overriding.
Ref agaric/sites/agaric-coop#241
---
.../webform/webform-confirmation.html.twig | 34 +++++++++++++++++++
1 file changed, 34 insertions(+)
create mode 100644 agaric/templates/webform/webform-confirmation.html.twig
diff --git a/agaric/templates/webform/webform-confirmation.html.twig b/agaric/templates/webform/webform-confirmation.html.twig
new file mode 100644
index 0000000..95499ba
--- /dev/null
+++ b/agaric/templates/webform/webform-confirmation.html.twig
@@ -0,0 +1,34 @@
+{#
+/**
+ * @file
+ * Default theme implementation to webform confirmation.
+ *
+ * Available variables:
+ * - progress: Progress bar.
+ * - message: Confirmation message.
+ * - back_url: URL to the previous webform submission.
+ *
+ * @see template_preprocess_webform_confirmation()
+ *
+ * @ingroup themeable
+ */
+#}
+{{ attach_library('webform/webform.confirmation') }}
+
+{% if progress %}
+ {{ progress }}
+{% endif %}
+
+<div{{ attributes.addClass('webform-confirmation') }}>
+
+ {% if message %}
+ <div class="webform-confirmation__message">{{ message }}</div>
+ {% endif %}
+
+ {% if back %}
+ <div class="webform-confirmation__back">
+ <a href="{{ back_url }}" rel="prev"{{ back_attributes }}>{{ back_label }}</a>
+ </div>
+ {% endif %}
+
+</div>
From 4a926facf325901677b3b253d4aa7b1dc50c9ea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.coop>
Date: Tue, 24 Oct 2023 14:02:53 -0400
Subject: [PATCH 45/45] Add container class to fix indenting on webform
confirmation pages
Ref agaric/sites/agaric-coop#241
---
agaric/templates/webform/webform-confirmation.html.twig | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/agaric/templates/webform/webform-confirmation.html.twig b/agaric/templates/webform/webform-confirmation.html.twig
index 95499ba..6892558 100644
--- a/agaric/templates/webform/webform-confirmation.html.twig
+++ b/agaric/templates/webform/webform-confirmation.html.twig
@@ -19,7 +19,7 @@
{{ progress }}
{% endif %}
-<div{{ attributes.addClass('webform-confirmation') }}>
+<div{{ attributes.addClass('webform-confirmation container') }}>
{% if message %}
<div class="webform-confirmation__message">{{ message }}</div>