@openeuropa/bcl-theme-default 1.1.0 → 1.2.0

package/css/oe-bcl-default.css

@@ -14721,74 +14721,50 @@ svg {
   border-color: #dee2e6;
 }
 
-.card.bg-primary {
-  color: #fff;
-}
-.card.bg-primary .card-header,
-.card.bg-primary .card-footer {
+.card.text-bg-primary .card-header,
+.card.text-bg-primary .card-footer {
   border: none;
   background: #1e3298;
 }
 
-.card.bg-secondary {
-  color: #fff;
-}
-.card.bg-secondary .card-header,
-.card.bg-secondary .card-footer {
+.card.text-bg-secondary .card-header,
+.card.text-bg-secondary .card-footer {
   border: none;
   background: #5a1e3b;
 }
 
-.card.bg-success {
-  color: #fff;
-}
-.card.bg-success .card-header,
-.card.bg-success .card-footer {
+.card.text-bg-success .card-header,
+.card.text-bg-success .card-footer {
   border: none;
   background: #076a3d;
 }
 
-.card.bg-info {
-  color: #fff;
-}
-.card.bg-info .card-header,
-.card.bg-info .card-footer {
+.card.text-bg-info .card-header,
+.card.text-bg-info .card-footer {
   border: none;
   background: #0a5e6f;
 }
 
-.card.bg-warning {
-  color: #000;
-}
-.card.bg-warning .card-header,
-.card.bg-warning .card-footer {
+.card.text-bg-warning .card-header,
+.card.text-bg-warning .card-footer {
   border: none;
   background: #cc9506;
 }
 
-.card.bg-danger {
-  color: #fff;
-}
-.card.bg-danger .card-header,
-.card.bg-danger .card-footer {
+.card.text-bg-danger .card-header,
+.card.text-bg-danger .card-footer {
   border: none;
   background: #841923;
 }
 
-.card.bg-light {
-  color: #000;
-}
-.card.bg-light .card-header,
-.card.bg-light .card-footer {
+.card.text-bg-light .card-header,
+.card.text-bg-light .card-footer {
   border: none;
   background: #c6c7c8;
 }
 
-.card.bg-dark {
-  color: #fff;
-}
-.card.bg-dark .card-header,
-.card.bg-dark .card-footer {
+.card.text-bg-dark .card-header,
+.card.text-bg-dark .card-footer {
   border: none;
   background: #1a1e21;
 }
@@ -15897,10 +15873,10 @@ a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary
   background-color: #e9ecf9 !important;
   border-color: #1f35a2 !important;
 }
-a.badge:focus-within.bg-primary, a.badge:active.bg-primary, a.badge:hover.bg-primary {
+a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:hover.text-bg-primary {
   background-color: #1f35a2 !important;
 }
-a.badge.badge.bg-primary:focus {
+a.badge.text-bg-primary:focus {
   box-shadow: 0 0 0 0.25rem rgba(70, 91, 200, 0.5);
 }
 a.badge.badge-outline-primary:focus {
@@ -15926,10 +15902,10 @@ a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secon
   background-color: #f1e9ed !important;
   border-color: #5f1f3f !important;
 }
-a.badge:focus-within.bg-secondary, a.badge:active.bg-secondary, a.badge:hover.bg-secondary {
+a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badge:hover.text-bg-secondary {
   background-color: #5f1f3f !important;
 }
-a.badge.badge.bg-secondary:focus {
+a.badge.text-bg-secondary:focus {
   box-shadow: 0 0 0 0.25rem rgba(133, 70, 101, 0.5);
 }
 a.badge.badge-outline-secondary:focus {
@@ -15955,10 +15931,10 @@ a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success
   background-color: #e6f3ed !important;
   border-color: #087141 !important;
 }
-a.badge:focus-within.bg-success, a.badge:active.bg-success, a.badge:hover.bg-success {
+a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:hover.text-bg-success {
   background-color: #087141 !important;
 }
-a.badge.badge.bg-success:focus {
+a.badge.text-bg-success:focus {
   box-shadow: 0 0 0 0.25rem rgba(46, 151, 103, 0.5);
 }
 a.badge.badge-outline-success:focus {
@@ -15984,10 +15960,10 @@ a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.ba
   background-color: #e7f1f3 !important;
   border-color: #0b6476 !important;
 }
-a.badge:focus-within.bg-info, a.badge:active.bg-info, a.badge:hover.bg-info {
+a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.text-bg-info {
   background-color: #0b6476 !important;
 }
-a.badge.badge.bg-info:focus {
+a.badge.text-bg-info:focus {
   box-shadow: 0 0 0 0.25rem rgba(49, 139, 156, 0.5);
 }
 a.badge.badge-outline-info:focus {
@@ -16013,10 +15989,10 @@ a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning
   background-color: #fff8e6 !important;
   border-color: #d99e06 !important;
 }
-a.badge:focus-within.bg-warning, a.badge:active.bg-warning, a.badge:hover.bg-warning {
+a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:hover.text-bg-warning {
   background-color: #d99e06 !important;
 }
-a.badge.badge.bg-warning:focus {
+a.badge.text-bg-warning:focus {
   box-shadow: 0 0 0 0.25rem rgba(217, 158, 6, 0.5);
 }
 a.badge.badge-outline-warning:focus {
@@ -16042,10 +16018,10 @@ a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger,
   background-color: #f6e9ea !important;
   border-color: #8c1a25 !important;
 }
-a.badge:focus-within.bg-danger, a.badge:active.bg-danger, a.badge:hover.bg-danger {
+a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hover.text-bg-danger {
   background-color: #8c1a25 !important;
 }
-a.badge.badge.bg-danger:focus {
+a.badge.text-bg-danger:focus {
   box-shadow: 0 0 0 0.25rem rgba(179, 65, 76, 0.5);
 }
 a.badge.badge-outline-danger:focus {
@@ -16072,10 +16048,10 @@ a.badge:focus-within.badge-outline-light, a.badge:active.badge-outline-light, a.
   color: #fff;
   background: rgba(255, 255, 255, 0.3) !important;
 }
-a.badge:focus-within.bg-light, a.badge:active.bg-light, a.badge:hover.bg-light {
+a.badge:focus-within.text-bg-light, a.badge:active.text-bg-light, a.badge:hover.text-bg-light {
   background-color: #d3d4d5 !important;
 }
-a.badge.badge.bg-light:focus {
+a.badge.text-bg-light:focus {
   box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
 }
 a.badge.badge-outline-light:focus {
@@ -16101,10 +16077,10 @@ a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.ba
   background-color: #f8f9fa !important;
   border-color: #000;
 }
-a.badge:focus-within.bg-dark, a.badge:active.bg-dark, a.badge:hover.bg-dark {
+a.badge:focus-within.text-bg-dark, a.badge:active.text-bg-dark, a.badge:hover.text-bg-dark {
   background-color: #1c1f23 !important;
 }
-a.badge.badge.bg-dark:focus {
+a.badge.text-bg-dark:focus {
   box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
 }
 a.badge.badge-outline-dark:focus {
@@ -16614,11 +16590,6 @@ a.badge.badge-outline-dark:focus {
   background-color: #fffb8c;
 }
 
-/* stylelint-disable selector-no-qualifying-type,
-   selector-max-class, selector-max-compound-selectors,
-   no-descending-specificity,
-   function-calc-no-unspaced-operator,
-*/
 select.multi-select {
   position: absolute;
   display: inline-block !important;
@@ -16774,6 +16745,25 @@ select.multi-select {
   padding: 3rem 2rem;
 }
 
+.container .bcl-content-banner > .container > .card {
+  margin: 0;
+  z-index: 2;
+}
+.container .bcl-content-banner.bg-lighter {
+  position: relative;
+}
+.container .bcl-content-banner.bg-lighter:after {
+  background: #f8f9fa;
+  content: "";
+  height: 100%;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  width: 100vw;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
 .bcl-banner__content {
   padding: 2.5rem 2rem;
   border-color: #253ebe;