Fix pagination item border radius issue after bootstrap upate

[Niksac]

Commit 809e8476 broke pagination styles due to changes in bootstraps SCSS.

New:

Old:

This happens because bootstrap adds border radius to each page link if it thinks the user intends to have margin between those elements:

  @if $pagination-margin-start == calc(#{$pagination-border-width} * -1) {
    ...
  } @else {
    // Add border-radius to all pageLinks in case they have left margin
    .page-link {
      @include border-radius(var(--#{$prefix}pagination-border-radius));
    }
  }

As the calc() is not executed on compile time, this comparison returns false for our value $pagination-margin-start: -$pagination-border-width !default;

Setting $pagination-margin-start to the same calc() expression on our end restores the look.

[netlify[bot]]

✅ Deploy Preview for comforting-cocada-22086c ready!

Name	Link
🔨 Latest commit
🔍 Latest deploy log	https://app.netlify.com/sites/comforting-cocada-22086c/deploys/655e7a1401df1a7afc2f240d
😎 Deploy Preview	https://deploy-preview-280--comforting-cocada-22086c.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[zuramai]

LGTM! Thank you