ダウンロード/インストールせずにBulmaのデフォルトカラーをscssで変更してください

Question

bulmaの "is-primary"クラスの色を変更しようとしています。 npm経由でbulmaをインストールせずに値を変更するscssファイルを作成しようとしています。私はクラウドリンクを使用してインポートしようとしていますが、これは可能ですか？

これは私のSCSSファイルです：

@import "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4./css/bulma.cssbulma/sass/utilities/initial-variables"; 

$tech-blue : #2c3e50; 
$primary : $tech-blue; 

@import "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.css"; 

このファイルはコンパイルが、私は、対応するCSSファイルを見つけることができないと何も私の実際のページに影響を与えるものではありません。

Answer 1

これは可能ではないと思います。 Bulmaが使用している変数は、SCSSのみがアクセスできます。 。だから、あなたはあなたの色が調和持つように全体を構築する必要がレンダリングされたCSSは、すでに含まれています

a { 
    color: #00d1b2; /* can't change that later on */ 
    … 
} 

ブルマのための機能要求がCSS variables経由でこれらの変数にアクセスできるようになります。こうすることで、CDNから事前にレンダリングされたCSSを使用しても簡単に外観をカスタマイズできます。