[解決済み】.css ファイルを .less ファイルにインポートする。
2022-04-04 08:59:17
質問
.cssファイルを.lessファイルにインポートすることはできますか...?
私はlessにかなり慣れていて、すべての開発にlessを使っています。私は定期的に以下のような構造を使用しています。
@import "normalize";
//styles here
@import "mixins";
@import "media-queries";
@import "print";
インポートは全て他の.lessファイルで、全て正常に動作しています。
私の現在の問題はこれです。 .css ファイルを .less にインポートして、その .css ファイルで使われているスタイルを以下のように参照したいのです。
@import "../style.css";
.small {
font-size:60%;
.type;
}
// other styles here
.css ファイルには
.type
しかし、.less ファイルをコンパイルしようとすると、次のようなエラーが発生します。
NameError: .type is undefined
.lessファイルは.cssファイルをインポートせず、他の.lessファイルのみをインポートするのでしょうか...?それとも私の参照方法が間違っているのでしょうか......!
解決方法は?
オプションを指定することで、ファイルを特定の型として強制的に解釈させることができます(例)。
@import (css) "lib";
を出力します。
@import "lib";
そして
@import (less) "lib.css";
をインポートします。
lib.css
ファイルを作成し、less として扱います。ファイルを less と指定し、拡張子をつけない場合は、何も追加されません。
関連
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] CSSやSVGで半円を描く
-
[解決済み] モバイル端末でCSSを使用したフルハイトの背景画像
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] MySQLでコマンドラインを使用してSQLファイルをインポートするにはどうすればよいですか?
-
[解決済み] CSSの爆発を管理する
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】bootstrap 3で画像にテキストを回り込ませる
-
[解決済み] 2つのdivを隣り合わせに配置するには?
-
[解決済み] CSSでボーダーの不透明度を設定することはできますか?
-
[解決済み] Bootstrap 4のナバーボタンのアイコンの色を変更するにはどうすればよいですか?
-
[解決済み] bootstrapのチェックボックスの色を変更するには?
-
[解決済み] HTMLとCSSのBackground-imageが表示されない
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ
-
[解決済み] ChromeでCSSが効かない
-
[解決済み] 入力・テキストフィールドの背景色