@openeuropa/bcl-theme-default 0.24.0 → 0.25.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.
Files changed (29) hide show
  1. package/bcl-builder.config.js +10 -0
  2. package/css/oe-bcl-default.css +45 -0
  3. package/css/oe-bcl-default.css.map +1 -1
  4. package/css/oe-bcl-default.min.css +1 -1
  5. package/css/oe-bcl-default.min.css.map +1 -1
  6. package/icons/bootstrap-icons.svg +1 -0
  7. package/package.json +8 -8
  8. package/src/scss/_description_list.scss +12 -0
  9. package/src/scss/base/_layout.scss +37 -0
  10. package/src/scss/base/_variables.scss +5 -0
  11. package/templates/bcl-accordion/accordion.html.twig +17 -0
  12. package/templates/bcl-blockquote/blockquote.html.twig +17 -0
  13. package/templates/bcl-card/card.html.twig +7 -5
  14. package/templates/bcl-carousel/carousel.html.twig +18 -2
  15. package/templates/bcl-content-banner/content-banner.html.twig +11 -8
  16. package/templates/bcl-description-list/description-list.html.twig +129 -88
  17. package/templates/bcl-fact-figures/fact-figures.html.twig +2 -2
  18. package/templates/bcl-featured-media/featured-media.html.twig +21 -9
  19. package/templates/bcl-file/file.html.twig +3 -1
  20. package/templates/bcl-links-block/links-block.html.twig +4 -0
  21. package/templates/bcl-listing/listing.html.twig +40 -50
  22. package/templates/bcl-modal/modal.html.twig +1 -1
  23. package/templates/bcl-page/page.html.twig +4 -23
  24. package/templates/bcl-project/project-lists.html.twig +1 -1
  25. package/templates/bcl-search-form/search-form.html.twig +1 -1
  26. package/templates/bcl-subscription-block/subscription-block.html.twig +3 -1
  27. package/templates/bcl-user/user-compact.html.twig +3 -2
  28. package/templates/bcl-user/user-terms.html.twig +4 -4
  29. package/templates/bcl-user/user.html.twig +2 -2
@@ -107,6 +107,16 @@ module.exports = {
107
107
  to: path.resolve(outputFolder, "js"),
108
108
  options: { up: true },
109
109
  },
110
+ {
111
+ from: [
112
+ path.resolve(
113
+ nodeModules,
114
+ "@openeuropa/bcl-bootstrap/bootstrap-icons.svg"
115
+ ),
116
+ ],
117
+ to: path.resolve(outputFolder, "icons"),
118
+ options: { up: true },
119
+ },
110
120
  {
111
121
  from: [
112
122
  path.resolve(
@@ -7035,6 +7035,40 @@ textarea.form-control-lg {
7035
7035
  font-size: 1.5rem;
7036
7036
  }
7037
7037
  }
7038
+ .bcl-card-start-col {
7039
+ -ms-flex-preferred-size: 160px;
7040
+ flex-basis: 160px;
7041
+ padding: 0;
7042
+ }
7043
+ .bcl-card-start-col.bcl-size-small {
7044
+ -ms-flex-preferred-size: 120px;
7045
+ flex-basis: 120px;
7046
+ }
7047
+ .bcl-card-start-col.bcl-size-large {
7048
+ -ms-flex-preferred-size: 255px;
7049
+ flex-basis: 255px;
7050
+ }
7051
+ .bcl-card-start-col.bcl-size-extra-large {
7052
+ -ms-flex-preferred-size: 350px;
7053
+ flex-basis: 350px;
7054
+ }
7055
+
7056
+ .row .bcl-card-start-col {
7057
+ margin-left: calc(var(--bs-gutter-x) * 0.5);
7058
+ margin-right: calc(var(--bs-gutter-x) * 0.5);
7059
+ }
7060
+
7061
+ @media (max-width: 767.98px) {
7062
+ .bcl-content-banner .bcl-card-start-col {
7063
+ margin: 0 auto;
7064
+ padding: 0 calc(var(--bs-gutter-x) * 0.5);
7065
+ }
7066
+ }
7067
+ @media (max-width: 991.98px) {
7068
+ .bcl-content-banner .bcl-card-start-col.bcl-size-extra-large {
7069
+ margin: 0 auto;
7070
+ }
7071
+ }
7038
7072
  /* stylelint-disable no-descending-specificity */
7039
7073
  a {
7040
7074
  text-underline-offset: 2px;
@@ -14504,6 +14538,17 @@ Due to the split circle of progress-left and progress right, we must use the ani
14504
14538
  transform: rotate(180deg);
14505
14539
  }
14506
14540
  }
14541
+ dd {
14542
+ margin-bottom: 0;
14543
+ }
14544
+ dd > div + div {
14545
+ margin-top: 0.5rem;
14546
+ }
14547
+
14548
+ dd + dd {
14549
+ margin-top: 0.5rem;
14550
+ }
14551
+
14507
14552
  @media (max-width: 767.98px) {
14508
14553
  dd + dt {
14509
14554
  margin-top: 0.75rem;