質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Q&A

解決済

1回答

1446閲覧

sassのmixinが入っているファイルを別フォルダのファイルへimportしたいです

sakura-h

総合スコア13

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

0グッド

0クリップ

投稿2021/05/26 05:44

前提・実現したいこと

sassでmixinを作成しているファイルを別フォルダへimportしたいのですが、できず
1日ググりながら色々試してみたのですが、自力では解決できませんでした。

下層ページを作成中で下層ページ専用のscssファイル作成しここへtopページでも使用していたmixinなどが入っているファイルをimportして使用したいです

css/mixin/_btn.scssを → css/page/room/room.scssへimportし使いまわしたいのが希望です
階層やファイル設計がおかしいと思うですが、勉強中のため理解しきっておらずお力添え頂けないでしょうか
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

room.scssに
@import '../../mixin/btn.scss';
ではどうでしょう?

投稿2021/05/26 06:28

編集2021/05/26 06:42
vabo

総合スコア171

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sakura-h

2021/05/26 07:05

ご回答ありがとうございます。 試してみたところ、 "../../../css/mixin/btn"もしくは"../../mixin/btn"でできました! 初歩的な質問にご回答ありがとうございました!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問