0854nobodyさん
2018/09/01(土) 20:15:23.70ID:???scss知ってりゃ、やらなくても最初っからできるとわかっていることをいつまでグチグチ。
scssのビルドが入るからオンラインでデモ作れなくて面倒なんだよ
俺がやってやるから感謝しろボケども
[index.html]
<!DOCTYPE html>
<head><link rel="stylesheet" type="text/css" href="style.css"></head>
<body>
<div>
<button type="button">Primary</button>
</div>
<button type="button">normal</button>
</body>
[style.scss]
@import "bootstrap.min";
div button {
@extend .btn;
@extend .btn-primary;
}
1. 以上の2つのファイルを同じディレクトリに作成する
2. https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css からダウンロードして
bootstrap.min.cssというファイルで同ディレクトリに保存する
3. sassc をインストールしてコンパイルする
sassc style.scss style.css
4. ブラウザでindex.htmlを開く
そうすりゃ、divの下のbuttonにだけ、クラスも指定してないのに、スタイルが適用されるだろ
ちゃんと今俺が手元で実験して、そうなるのを確認したからな。
scssのレベルではできると証明した。Railsとの連携は別問題だ。それは自分でやれな