Bootstrap4のscssのカスタマイズについて

Question

Bootstrap4.5 のscssのカスタマイズ方法について質問です。

リンクのデフォルトカラーを変更するために、_custom.scssを作成し$link-colorの設定色を変更しました。
$link-colorを使用している個所はすべて設定色に変わると思ったのですが、
ページネーションのページリンクの色は変わりませんでした。

ページリンクの色が変わらない理由をご教示いただけますでしょうか。

以下、scssの構成になります。

_custom.scss

// リンクの色を変更
$link-color: #000;

// Bootstrapの各種コンポーネントのsccsファイルをimport
@import '_valiable.scss';
・・・
@import '_pagination.scss';
・・・

_valiable.scss

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

_pagination.scss

// ページネーションのページリンクの色
.page-link {
color: $pagination-color;
}

Comments

[m.ts10806]

編集後、コンパイルはされているのでしょうか。

[holstein_killer]

回答ありがとうございます。
コンパイルしています。
コンパイルはLaravel mix（中身はwebpackを利用）というツールを使用しています。

[m.ts10806]

質問内容からはその前提部分が見えなかったので、質問に追記願います。

[holstein_killer]

申し訳ございません。
自己解決しましたので、解決済みとさせて頂きます。

Answer 1

_custom.scssの内容が質問の記載内容と異なり、実際は以下のようになってました。
質問に記載した内容で確認してみたところ、正常にページネーションのリンクの色が変わっていることを確認できました。

_custom.scss

// Bootstrapの各種コンポーネントのsccsファイルをimport
@import '_valiable.scss';

// リンクの色を変更
$link-color: #000;

// Bootstrapの各種コンポーネントのsccsファイルをimport
@import '_pagination.scss';