Merge branch 'master' into setup-cypress

docs/css/bulma-docs.css

@@ -95,7 +95,7 @@ fieldset[disabled] .bulma-control-extend {
 
 .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), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child), .bd-tabs:not(:last-child), .bd-example:not(:last-child), .bd-snippet:not(:last-child), .bd-content .highlight:not(:last-child),
-.bd-content .bd-highlight-full:not(:last-child), .bd-book-cover:not(:last-child), .bd-side-sponsrs:not(:last-child) {
+.bd-content .bd-highlight-full:not(:last-child), .bd-book-cover:not(:last-child), .bd-pills:not(:last-child), .bd-side-sponsrs:not(:last-child) {
   margin-bottom: 1.5rem;
 }
 
@@ -213,7 +213,7 @@ fieldset[disabled] .bulma-control-extend {
 .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, .is-overlay, .hero-video, .bd-docs-overlay {
+.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video, .bd-docs-overlay, .bd-logos-download {
   bottom: 0;
   left: 0;
   position: absolute;
@@ -221,7 +221,7 @@ fieldset[disabled] .bulma-control-extend {
   top: 0;
 }
 
-.navbar-burger, .bd-tabs-nav button, .bd-category-toggle, .bd-navbar-search-icon {
+.navbar-burger, .bd-tabs-nav button, .bd-category-toggle, .bd-navbar-search-icon, .bd-pill-button {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
@@ -614,7 +614,7 @@ fieldset[disabled] .button.is-text {
 .button.is-white[disabled],
 fieldset[disabled] .button.is-white {
   background-color: white;
-  border-color: transparent;
+  border-color: white;
   box-shadow: none;
 }
 
@@ -720,7 +720,7 @@ fieldset[disabled] .button.is-white.is-inverted.is-outlined {
 .button.is-black[disabled],
 fieldset[disabled] .button.is-black {
   background-color: #0a0a0a;
-  border-color: transparent;
+  border-color: #0a0a0a;
   box-shadow: none;
 }
 
@@ -826,7 +826,7 @@ fieldset[disabled] .button.is-black.is-inverted.is-outlined {
 .button.is-light[disabled],
 fieldset[disabled] .button.is-light {
   background-color: whitesmoke;
-  border-color: transparent;
+  border-color: whitesmoke;
   box-shadow: none;
 }
 
@@ -932,7 +932,7 @@ fieldset[disabled] .button.is-light.is-inverted.is-outlined {
 .button.is-dark[disabled],
 fieldset[disabled] .button.is-dark {
   background-color: #363636;
-  border-color: transparent;
+  border-color: #363636;
   box-shadow: none;
 }
 
@@ -1038,7 +1038,7 @@ fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
 .button.is-primary[disabled],
 fieldset[disabled] .button.is-primary {
   background-color: #00d1b2;
-  border-color: transparent;
+  border-color: #00d1b2;
   box-shadow: none;
 }
 
@@ -1161,7 +1161,7 @@ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
 .button.is-link[disabled],
 fieldset[disabled] .button.is-link {
   background-color: #485fc7;
-  border-color: transparent;
+  border-color: #485fc7;
   box-shadow: none;
 }
 
@@ -1284,7 +1284,7 @@ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
 .button.is-info[disabled],
 fieldset[disabled] .button.is-info {
   background-color: #3e8ed0;
-  border-color: transparent;
+  border-color: #3e8ed0;
   box-shadow: none;
 }
 
@@ -1407,7 +1407,7 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
 .button.is-success[disabled],
 fieldset[disabled] .button.is-success {
   background-color: #48c78e;
-  border-color: transparent;
+  border-color: #48c78e;
   box-shadow: none;
 }
 
@@ -1530,7 +1530,7 @@ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
 .button.is-warning[disabled],
 fieldset[disabled] .button.is-warning {
   background-color: #ffe08a;
-  border-color: transparent;
+  border-color: #ffe08a;
   box-shadow: none;
 }
 
@@ -1653,7 +1653,7 @@ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
 .button.is-danger[disabled],
 fieldset[disabled] .button.is-danger {
   background-color: #f14668;
-  border-color: transparent;
+  border-color: #f14668;
   box-shadow: none;
 }
 
@@ -1776,7 +1776,7 @@ fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
 .button.is-expo[disabled],
 fieldset[disabled] .button.is-expo {
   background-color: #ffd257;
-  border-color: transparent;
+  border-color: #ffd257;
   box-shadow: none;
 }
 
@@ -1899,7 +1899,7 @@ fieldset[disabled] .button.is-expo.is-inverted.is-outlined {
 .button.is-love[disabled],
 fieldset[disabled] .button.is-love {
   background-color: #f14668;
-  border-color: transparent;
+  border-color: #f14668;
   box-shadow: none;
 }
 
@@ -2022,7 +2022,7 @@ fieldset[disabled] .button.is-love.is-inverted.is-outlined {
 .button.is-patreon[disabled],
 fieldset[disabled] .button.is-patreon {
   background-color: #f96854;
-  border-color: transparent;
+  border-color: #f96854;
   box-shadow: none;
 }
 
@@ -2145,7 +2145,7 @@ fieldset[disabled] .button.is-patreon.is-inverted.is-outlined {
 .button.is-rss[disabled],
 fieldset[disabled] .button.is-rss {
   background-color: #f26522;
-  border-color: transparent;
+  border-color: #f26522;
   box-shadow: none;
 }
 
@@ -2268,7 +2268,7 @@ fieldset[disabled] .button.is-rss.is-inverted.is-outlined {
 .button.is-bleeding[disabled],
 fieldset[disabled] .button.is-bleeding {
   background-color: #abf47c;
-  border-color: transparent;
+  border-color: #abf47c;
   box-shadow: none;
 }
 
@@ -2391,7 +2391,7 @@ fieldset[disabled] .button.is-bleeding.is-inverted.is-outlined {
 .button.is-sass[disabled],
 fieldset[disabled] .button.is-sass {
   background-color: #bf4080;
-  border-color: transparent;
+  border-color: #bf4080;
   box-shadow: none;
 }
 
@@ -2514,7 +2514,7 @@ fieldset[disabled] .button.is-sass.is-inverted.is-outlined {
 .button.is-amazon[disabled],
 fieldset[disabled] .button.is-amazon {
   background-color: #ffd863;
-  border-color: transparent;
+  border-color: #ffd863;
   box-shadow: none;
 }
 
@@ -2637,7 +2637,7 @@ fieldset[disabled] .button.is-amazon.is-inverted.is-outlined {
 .button.is-sponsor[disabled],
 fieldset[disabled] .button.is-sponsor {
   background-color: #ea4aaa;
-  border-color: transparent;
+  border-color: #ea4aaa;
   box-shadow: none;
 }
 
@@ -2760,7 +2760,7 @@ fieldset[disabled] .button.is-sponsor.is-inverted.is-outlined {
 .button.is-twitter[disabled],
 fieldset[disabled] .button.is-twitter {
   background-color: #55acee;
-  border-color: transparent;
+  border-color: #55acee;
   box-shadow: none;
 }
 
@@ -2883,7 +2883,7 @@ fieldset[disabled] .button.is-twitter.is-inverted.is-outlined {
 .button.is-videos[disabled],
 fieldset[disabled] .button.is-videos {
   background-color: #48c78e;
-  border-color: transparent;
+  border-color: #48c78e;
   box-shadow: none;
 }
 
@@ -3006,7 +3006,7 @@ fieldset[disabled] .button.is-videos.is-inverted.is-outlined {
 .button.is-extensions[disabled],
 fieldset[disabled] .button.is-extensions {
   background-color: #3e8ed0;
-  border-color: transparent;
+  border-color: #3e8ed0;
   box-shadow: none;
 }
 
@@ -3129,7 +3129,7 @@ fieldset[disabled] .button.is-extensions.is-inverted.is-outlined {
 .button.is-bootstrap[disabled],
 fieldset[disabled] .button.is-bootstrap {
   background-color: #6f5499;
-  border-color: transparent;
+  border-color: #6f5499;
   box-shadow: none;
 }
 
@@ -3370,6 +3370,38 @@ fieldset[disabled] .button {
   margin-right: 0.25rem;
 }
 
+@media screen and (max-width: 768px) {
+  .button.is-responsive.is-small {
+    font-size: 0.5625rem;
+  }
+  .button.is-responsive,
+  .button.is-responsive.is-normal {
+    font-size: 0.65625rem;
+  }
+  .button.is-responsive.is-medium {
+    font-size: 0.75rem;
+  }
+  .button.is-responsive.is-large {
+    font-size: 1rem;
+  }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .button.is-responsive.is-small {
+    font-size: 0.65625rem;
+  }
+  .button.is-responsive,
+  .button.is-responsive.is-normal {
+    font-size: 0.75rem;
+  }
+  .button.is-responsive.is-medium {
+    font-size: 1rem;
+  }
+  .button.is-responsive.is-large {
+    font-size: 1.25rem;
+  }
+}
+
 .container {
   flex-grow: 1;
   margin: 0 auto;
@@ -10060,9 +10092,11 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
 }
 
-.pagination-previous[disabled],
+.pagination-previous[disabled], .pagination-previous.is-disabled,
 .pagination-next[disabled],
-.pagination-link[disabled] {
+.pagination-next.is-disabled,
+.pagination-link[disabled],
+.pagination-link.is-disabled {
   background-color: #dbdbdb;
   border-color: #dbdbdb;
   box-shadow: none;
@@ -16881,13 +16915,13 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   padding: 3rem 1.5rem 6rem;
 }
 
-.bd-option-or p, .bd-snippet-preview.bd-is-mwb, .bd-book-cover, .bd-fortyfour-image, .bd-fortyfour-cta, .bd-side-sponsor, .bd-backers-platform, .bd-backers-platform .bd-backers-platform-logo, .bd-backers-heading, .bd-single-carbon, .bd-single-image, .bd-snippet-mwb, .bd-partner-sponsor, .bd-columns-tool, .bd-footer-sponsor, .bd-footer-donation-action, .bd-footer-star-figure {
+.bd-option-or p, .bd-snippet-preview.bd-is-mwb, .bd-book-cover, .bd-fortyfour-image, .bd-fortyfour-cta, .bd-side-sponsor, .bd-backers-platform, .bd-backers-platform .bd-backers-platform-logo, .bd-backers-heading, .bd-single-carbon, .bd-single-image, .bd-snippet-mwb, .bd-logos-download, .bd-partner-sponsor, .bd-columns-tool, .bd-footer-sponsor, .bd-footer-donation-action, .bd-footer-star-figure {
   align-items: center;
   display: flex;
   justify-content: center;
 }
 
-.navbar-burger, .bd-tabs-nav button, .bd-category-toggle, .bd-navbar-search-icon {
+.navbar-burger, .bd-tabs-nav button, .bd-category-toggle, .bd-navbar-search-icon, .bd-pill-button {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
@@ -17598,7 +17632,10 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
 }
 
 .bd-categories {
+  -webkit-overflow-scrolling: touch;
   --height: 1.25;
+  max-height: 100vh;
+  overflow-y: auto;
   padding: var(--docs-side-padding);
   position: -webkit-sticky;
   position: sticky;
@@ -18424,6 +18461,10 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   white-space: nowrap;
 }
 
+.bd-navbar {
+  z-index: 50;
+}
+
 .bd-navbar .navbar-brand img {
   height: 28px;
   max-height: 2em;
@@ -18516,6 +18557,11 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   --color-dark: var(--rss-dark);
 }
 
+.bd-navbar-item.bd-navbar-item-brand {
+  --color-light: var(--primary-light);
+  --color-dark: var(--primary-dark);
+}
+
 .bd-navbar-item.bd-navbar-item-extensions {
   --color-light: var(--extensions-light);
   --color-dark: var(--extensions-dark);
@@ -18713,6 +18759,9 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
     min-width: 0px;
     right: auto;
   }
+  .bd-navbar-search-desktop-icon {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -18728,20 +18777,20 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   .bd-navbar .navbar-start {
     flex-shrink: 1;
   }
-  .bd-navbar-search-icon {
-    display: none;
-  }
   .bd-search {
     align-items: center;
     display: flex;
-    width: 16rem;
+    flex-shrink: 0;
+    width: 12rem;
+  }
+  .bd-navbar-search-mobile-icon {
+    display: none;
   }
 }
 
 @media screen and (min-width: 1216px) {
   .bd-navbar {
     font-size: 1.125rem;
-    padding: 2rem 4rem;
   }
   .bd-navbar .navbar-brand img {
     height: 36px;
@@ -18751,6 +18800,9 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
     left: 0;
     right: auto;
   }
+  .bd-search {
+    width: 16rem;
+  }
 }
 
 @media screen and (min-width: 1408px) {
@@ -19104,6 +19156,10 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   color: white;
 }
 
+.bd-vars + .bd-vars {
+  margin-top: var(--docs-inner);
+}
+
 .bd-var {
   display: flex;
   flex-wrap: wrap;
@@ -19510,6 +19566,49 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   width: 24px;
 }
 
+.bd-pills {
+  align-items: center;
+  color: #7a7a7a;
+  display: flex;
+  justify-content: center;
+}
+
+.bd-pill-label {
+  padding: 0 0.5em;
+}
+
+.bd-pills-body {
+  background: whitesmoke;
+  align-items: center;
+  background: #fafafa;
+  border-radius: 0.5em;
+  display: flex;
+  padding: 0.25em;
+}
+
+.bd-pill-button {
+  border-radius: 0.25em;
+  color: #4a4a4a;
+  cursor: pointer;
+  font-weight: 500;
+  padding: 0.5em 0.75em;
+  position: relative;
+  transition-duration: 0.5s;
+  transition-property: color, background-color;
+}
+
+.bd-pill-button:hover {
+  background-color: white;
+  color: #363636;
+}
+
+.bd-pill-button.is-active {
+  background-color: white;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0.125em 0.125em rgba(0, 0, 0, 0.05);
+  color: #363636;
+  z-index: 1;
+}
+
 :root {
   --bd-index-vertical: 1.5rem;
   --bd-index-gap: 3rem;
@@ -19628,7 +19727,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
 .bd-docs-nav, .bd-docs-side {
   background-color: #fafafa;
   width: 11.25rem;
-  z-index: 3;
+  z-index: 40;
 }
 
 .bd-docs-toggles {
@@ -20823,6 +20922,111 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   }
 }
 
+.bd-brand {
+  padding: 3rem;
+}
+
+.bd-logos {
+  --size: 15rem;
+}
+
+.bd-logos > * {
+  align-items: center;
+  border-radius: 2em;
+  display: flex;
+}
+
+.bd-logos-label {
+  margin-bottom: 0 !important;
+}
+
+.bd-logos-color, .bd-logos-item {
+  grid-column: span 2;
+  justify-content: center;
+  height: var(--size);
+  width: var(--size);
+}
+
+.bd-logos-codes {
+  align-items: stretch !important;
+  flex-direction: column;
+  flex-grow: 1;
+  grid-column: span 4;
+}
+
+.bd-logos-code {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  grid-column: span 2;
+}
+
+.bd-logos-code p:first-child {
+  color: #7a7a7a;
+}
+
+.bd-logos-code p:nth-child(2) {
+  flex-grow: 1;
+  margin-right: 1em;
+  text-align: right;
+}
+
+.bd-logos-item {
+  background-size: cover;
+  position: relative;
+}
+
+.bd-logos-item.is-transparent {
+  background-color: #ededed;
+  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 20px), repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 20px);
+  grid-column: span 2;
+}
+
+.bd-logos-item:hover .bd-logos-download {
+  opacity: 1;
+}
+
+.bd-logos-download {
+  background-color: rgba(10, 10, 10, 0.8);
+  border-radius: 2em;
+  opacity: 0;
+  transition-duration: 172ms;
+  transition-property: opacity;
+}
+
+.bd-logos-download .title {
+  color: #fff !important;
+}
+
+@media screen and (max-width: 1023px) {
+  .bd-logos > * {
+    justify-content: center;
+    margin-bottom: 1.5rem !important;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .bd-logos-label {
+    justify-content: center;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .bd-logos {
+    display: grid;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(7, calc(var(--size) / 2));
+    grid-template-rows: repeat(4, var(--size));
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 936px;
+  }
+  .bd-logos > * {
+    align-items: center;
+    border-radius: 2em;
+    display: flex;
+  }
+}
+
 .bd-hello-body {
   display: grid;
   grid-gap: var(--bd-index-gap);
@@ -22468,7 +22672,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
   padding: 1em 1.5em;
   position: fixed;
-  z-index: 10;
+  z-index: 60;
 }
 
 .cpck-invisible {