@openeuropa/bcl-theme-default 1.3.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bcl-builder.config.js +11 -0
- package/css/oe-bcl-ckeditor5.min.css +1 -1
- package/css/oe-bcl-ckeditor5.min.css.map +1 -1
- package/css/oe-bcl-default.css +68 -6
- package/css/oe-bcl-default.css.map +1 -1
- package/css/oe-bcl-default.min.css +1 -1
- package/css/oe-bcl-default.min.css.map +1 -1
- package/package.json +7 -6
- package/src/scss/_banners.scss +2 -2
- package/src/scss/_inpage-navigation.scss +65 -4
- package/src/scss/_timeline.scss +1 -1
- package/src/scss/base/_variables.scss +0 -3
- package/src/scss/color-scheme-variables.scss +11 -0
- package/src/scss/color-scheme.scss +15 -0
- package/src/scss/color_scheme/_alert.scss +18 -0
- package/src/scss/color_scheme/_background.scss +22 -0
- package/src/scss/color_scheme/_badges.scss +69 -0
- package/src/scss/color_scheme/_buttons.scss +31 -0
- package/src/scss/color_scheme/_link.scss +6 -0
- package/src/scss/color_scheme/_list_group.scss +15 -0
- package/src/scss/color_scheme/_text.scss +29 -0
- package/src/scss/color_scheme/_utilities.scss +41 -0
- package/src/scss/color_scheme/generator.scss +25 -0
- package/templates/bcl-fact-figures/fact-figures.html.twig +1 -1
- package/templates/bcl-file/file-translations.html.twig +10 -7
- package/templates/bcl-file/file.html.twig +6 -5
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +30 -9
- package/templates/bcl-links-block/links-block.html.twig +14 -14
- package/templates/bcl-pagination/pagination.html.twig +13 -10
package/css/oe-bcl-default.css
CHANGED
|
@@ -16769,7 +16769,7 @@ select.multi-select {
|
|
|
16769
16769
|
|
|
16770
16770
|
.bcl-banner__content {
|
|
16771
16771
|
padding: 2.5rem 2rem;
|
|
16772
|
-
border-color:
|
|
16772
|
+
border-color: var(--bs-primary);
|
|
16773
16773
|
}
|
|
16774
16774
|
|
|
16775
16775
|
.bcl-banner__image {
|
|
@@ -16800,7 +16800,7 @@ select.multi-select {
|
|
|
16800
16800
|
}
|
|
16801
16801
|
.bcl-banner.overlay .bcl-banner__content {
|
|
16802
16802
|
background: #fff;
|
|
16803
|
-
border-bottom: 4px solid
|
|
16803
|
+
border-bottom: 4px solid var(--bs-primary);
|
|
16804
16804
|
}
|
|
16805
16805
|
.bcl-banner.shade {
|
|
16806
16806
|
color: #fff;
|
|
@@ -16914,7 +16914,7 @@ select.multi-select {
|
|
|
16914
16914
|
display: inline-block;
|
|
16915
16915
|
position: absolute;
|
|
16916
16916
|
border-radius: 50%;
|
|
16917
|
-
border: 2px solid
|
|
16917
|
+
border: 2px solid var(--bs-primary);
|
|
16918
16918
|
left: 0;
|
|
16919
16919
|
width: 22px;
|
|
16920
16920
|
height: 22px;
|
|
@@ -16954,15 +16954,50 @@ select.multi-select {
|
|
|
16954
16954
|
transform: rotate(180deg);
|
|
16955
16955
|
}
|
|
16956
16956
|
|
|
16957
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
16958
|
+
position: -webkit-sticky;
|
|
16959
|
+
position: sticky;
|
|
16960
|
+
top: 0;
|
|
16961
|
+
z-index: 2;
|
|
16962
|
+
}
|
|
16963
|
+
|
|
16957
16964
|
.bcl-inpage-navigation {
|
|
16965
|
+
top: 0;
|
|
16966
|
+
background-color: #f8f9fa;
|
|
16967
|
+
}
|
|
16968
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
16969
|
+
display: -ms-flexbox;
|
|
16970
|
+
display: flex;
|
|
16971
|
+
-ms-flex-pack: justify;
|
|
16972
|
+
justify-content: space-between;
|
|
16973
|
+
-ms-flex-align: center;
|
|
16974
|
+
align-items: center;
|
|
16975
|
+
white-space: normal;
|
|
16976
|
+
border-bottom: 1px solid #dee2e6;
|
|
16977
|
+
}
|
|
16978
|
+
.bcl-inpage-navigation .dropdown-toggle:after {
|
|
16958
16979
|
display: none;
|
|
16959
|
-
|
|
16980
|
+
}
|
|
16981
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
16982
|
+
transition: 0.3s ease;
|
|
16983
|
+
}
|
|
16984
|
+
.bcl-inpage-navigation .dropdown-toggle.show .bi {
|
|
16985
|
+
-webkit-transform: rotate(180deg);
|
|
16986
|
+
transform: rotate(180deg);
|
|
16987
|
+
}
|
|
16988
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
16989
|
+
position: relative;
|
|
16960
16990
|
background-color: #f8f9fa;
|
|
16991
|
+
width: 100%;
|
|
16992
|
+
top: 100% !important;
|
|
16993
|
+
border: none;
|
|
16994
|
+
border-radius: 0;
|
|
16995
|
+
-webkit-transform: none !important;
|
|
16996
|
+
transform: none !important;
|
|
16961
16997
|
}
|
|
16962
16998
|
.bcl-inpage-navigation .bcl-heading {
|
|
16963
16999
|
margin-bottom: 0;
|
|
16964
17000
|
padding: 1.25rem;
|
|
16965
|
-
border-bottom: 1px solid #dee2e6;
|
|
16966
17001
|
}
|
|
16967
17002
|
.bcl-inpage-navigation ul {
|
|
16968
17003
|
padding: 0.75rem;
|
|
@@ -16981,9 +17016,36 @@ select.multi-select {
|
|
|
16981
17016
|
padding: 0 0.75rem;
|
|
16982
17017
|
}
|
|
16983
17018
|
|
|
16984
|
-
@media (
|
|
17019
|
+
@media (max-width: 575.98px) {
|
|
17020
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17021
|
+
padding-left: 0;
|
|
17022
|
+
padding-right: 0;
|
|
17023
|
+
}
|
|
17024
|
+
}
|
|
17025
|
+
@media (max-width: 991.98px) {
|
|
17026
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17027
|
+
padding-bottom: 1rem;
|
|
17028
|
+
}
|
|
17029
|
+
}
|
|
17030
|
+
@media (min-width: 768px) {
|
|
16985
17031
|
.bcl-inpage-navigation {
|
|
16986
17032
|
display: block;
|
|
17033
|
+
top: 1rem;
|
|
17034
|
+
}
|
|
17035
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
17036
|
+
cursor: auto;
|
|
17037
|
+
}
|
|
17038
|
+
.bcl-inpage-navigation .dropdown-toggle::after {
|
|
17039
|
+
display: none;
|
|
17040
|
+
}
|
|
17041
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
17042
|
+
display: none;
|
|
17043
|
+
}
|
|
17044
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
17045
|
+
position: relative !important;
|
|
17046
|
+
background: transparent;
|
|
17047
|
+
padding: 0;
|
|
17048
|
+
display: block;
|
|
16987
17049
|
}
|
|
16988
17050
|
}
|
|
16989
17051
|
.bcl-language-list .btn {
|