@openeuropa/bcl-theme-ucpkn 0.16.0 → 0.17.0

package/css/oe-bcl-ucpkn.css

@@ -2694,9 +2694,9 @@ progress {
 .form-control:focus {
   color: #212529;
   background-color: #fff;
-  border-color: #86b7fe;
+  border-color: #918bc2;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
@@ -2920,9 +2920,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: #86b7fe;
+  border-color: #918bc2;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2990,9 +2990,9 @@ textarea.form-control-lg {
           filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #86b7fe;
+  border-color: #918bc2;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
 .form-check-input:checked {
   background-color: #0d6efd;
@@ -3036,7 +3036,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23918bc2'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -4288,7 +4288,7 @@ textarea.form-control-lg {
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #0d6efd;
+  background-color: #221684;
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #adb5bd;
@@ -4471,7 +4471,7 @@ textarea.form-control-lg {
   }
 }
 .nav-link:hover, .nav-link:focus {
-  color: #0a58ca;
+  color: #1b126a;
 }
 .nav-link.disabled {
   color: #6c757d;
@@ -5315,9 +5315,9 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: #86b7fe;
+  border-color: #918bc2;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
 
 .accordion-header {
@@ -5429,7 +5429,7 @@ textarea.form-control-lg {
   color: #0a58ca;
   background-color: #e9ecef;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
 
 .page-item:not(:first-child) .page-link {
@@ -5487,6 +5487,69 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0.2rem;
 }
 
+.placeholder {
+  display: inline-block;
+  min-height: 1em;
+  vertical-align: middle;
+  cursor: wait;
+  background-color: currentColor;
+  opacity: 0.5;
+}
+.placeholder.btn::before {
+  display: inline-block;
+  content: "";
+}
+
+.placeholder-xs {
+  min-height: 0.6em;
+}
+
+.placeholder-sm {
+  min-height: 0.8em;
+}
+
+.placeholder-lg {
+  min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+          animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@-webkit-keyframes placeholder-glow {
+  50% {
+    opacity: 0.2;
+  }
+}
+
+@keyframes placeholder-glow {
+  50% {
+    opacity: 0.2;
+  }
+}
+.placeholder-wave {
+  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+  -webkit-mask-size: 200% 100%;
+          mask-size: 200% 100%;
+  -webkit-animation: placeholder-wave 2s linear infinite;
+          animation: placeholder-wave 2s linear infinite;
+}
+
+@-webkit-keyframes placeholder-wave {
+  100% {
+    -webkit-mask-position: -200% 0%;
+            mask-position: -200% 0%;
+  }
+}
+
+@keyframes placeholder-wave {
+  100% {
+    -webkit-mask-position: -200% 0%;
+            mask-position: -200% 0%;
+  }
+}
 .badge {
   display: inline-block;
   padding: 0.35em 0.65em;
@@ -5639,7 +5702,7 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #0d6efd;
+  background-color: #221684;
   transition: width 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -15580,6 +15643,7 @@ body {
   font-weight: 300;
   color: #fff;
   vertical-align: middle;
+  max-width: 80%;
 }
 
 .bcl-header .navbar-toggler {
@@ -15625,6 +15689,19 @@ body {
     -ms-flex-pack: right;
         justify-content: right;
   }
+
+  .bcl-header__navbar .navbar-collapse {
+    max-width: 100%;
+  }
+  .bcl-header__navbar .navbar-collapse .nav-item.dropdown {
+    max-width: 100%;
+  }
+  .bcl-header__navbar .navbar-collapse .nav-item.dropdown a {
+    white-space: normal;
+  }
+  .bcl-header__navbar .navbar-collapse .nav-item.dropdown .dropdown-menu {
+    max-width: 100%;
+  }
 }
 @media (min-width: 992px) {
   .bcl-header__project.light,
@@ -16783,7 +16860,7 @@ select.multi-select {
 
 .bcl-banner__content {
   padding: 2.5rem 2rem;
-  border-color: #0d6efd;
+  border-color: #221684;
 }
 
 .bcl-banner__image {
@@ -16809,7 +16886,7 @@ select.multi-select {
   }
   .bcl-banner.overlay .bcl-banner__content {
     background: #fff;
-    border-bottom: 4px solid #0d6efd;
+    border-bottom: 4px solid #221684;
   }
   .bcl-banner.shade {
     color: #fff;