Home>

I have a question about how to customize scss for Bootstrap4.5.

To change the default color of the link, I created _custom.scss and changed the setting color of $link-color.
I thought that all the parts using $link-color would change to the set color.
The color of the pagination page links did not change.

Could you please tell me why the color of the page link does not change?

Below is the configuration of scss.

_custom.scss

// Change the color of the link
$link-color: # 000;
// Import sccs files for various Bootstrap components
@import'_valiable.scss';
・ ・ ・
@import'_pagination.scss';
・ ・ ・

_valiable.scss

$link-color: theme-color ("primary")! default;
$pagination-color: $link-color! default;

_pagination.scss

// Pagination page link color
.page-link {
color: $pagination-color;
}
  • Answer # 1

    The content of _custom.scss is different from the content of the question, and it is actually as follows.
    When I checked the contents described in the question, I was able to confirm that the color of the pagination link had changed normally.

    _custom.scss

    // Import sccs files for various Bootstrap components
    @import'_valiable.scss';
    // Change the color of the link
    $link-color: # 000;
    // Import sccs files for various Bootstrap components
    @import'_pagination.scss';