Bootstrap 3.2.0 の LESS を編集しようとして諦めた忘備録

カレンダー

楽天マラソン完走記録（2016年11月）
【無料で】楽天市場でいつでもポイント7倍の裏技
改装中
Aspire ONE D250 を Windows 10 にアップデートしよう【完結編】
JcomのHDDレコーダー（BD-V8001RJ）からの録画のレスキュー

カテゴリ

楽天マラソン完走記録

(1)

購入履歴

保護フィルム 1円楽天値に挑戦【 iPhone6 iPhone6 Plus iPhone5 】即日発送保護フィルムグレア値に挑戦 1円 !! 光沢タイプ楽天値に挑戦保護シールステッカー iPhone5s 5c iPhoneケース iPhoneカバー iPhone アクセサリーアイフォンアイホン Apple スマホ

プロフィール

ヌメタロウ

フォローする

楽天カード

サイド自由欄

ココがサイド自由欄です！

忍者のアクセス解析を仮設置

< 新しい記事

新着記事一覧(全560件)

過去の記事 >

2014.09.21

テーマ：私のPC生活(7518)

カテゴリ：インターネットの基礎知識

おいちゃんだ！

久しぶりにブログを書くのに、忘備録で申し訳ない。

まず、 Bootstrap を少し前から試して見てるんだけど、今度本当にガッツリ使ってみようと思った。

そうなると、CSSをゴリゴリと書かないといけないくなると思うけど、配布されているのに手を入れちゃうのはめんどくさくなりそうでやりたくない。

どうやら、Bootstrap のCSS部分は、CSSのメタ言語であるLESSで管理されてるらしい。

実際には、コンパイルしてCSSにしてから使用するのがベターなようだ。

ソースはgitにあるらしいけど、ページからもダウンロードできる、ということでコレを使う。

デフォルトのコンパイラは Grunt らしい。

どうせMacなんだし、GUIついてラクラクなコンパイラがないのか？とおもって探したら、あった。

まずは。Macでデフォルトといえばこれ、ってぐらいみんな使っているっぽいのが、 Codekit 。

しかしこれは、OS 10.8以降対応なのでおいちゃんの環境(10.7.5 MacBookでUG不可)では無理。

次に見つけた PrePros も、同じ理由で無理。

そうしたら、既に開発完了が予告されているものの、無料で、MacOS7でも使用できるコンパイラがあった。

それが、 LESS.app というソフト。

ところが、LESS.app でコンパイルすると、ガンガンエラーが出る。

LESS の extend はバージョン1.4.0以降の機能で、LESS.appはバージョン1.3.0までしか対応してのが原因ぽい。

extend って機能は、値を継承して読み込む機能っぽいので、動的に変更される可能性の少ないCSSなら、継承してる部分をベタに書きなおしてしまえば大丈夫なんじゃないか？

ということで、エラーが出た部分を、元のコードで置き換えるという作業を進めてみたけど、5カ所目ぐらいで、これは無駄だな、と思ってやめました。

〜ココまで〜

という、忘備録。

お気に入りの記事を「いいね！」で応援しよう