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

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

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

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

compass

CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

Q&A

解決済

1回答

3510閲覧

Rails4でcompassを使用する方法

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

compass

CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

0グッド

1クリップ

投稿2014/09/13 01:09

Rails4でcompassを使用する際にgemファイルに

lang

1gem 'compass'

と記載し、ターミナル上で

lang

1bundle install

とコマンドを打ってインストールするところまでは出来ました。

肝心のcompassはどこに記載するのでしょうか?
app/assets/stylesheetの下に新規ファイルを作成してcompassを書いてみましたが反映されないようです。
Rails4でのcompassの使い方が詳しく乗っているサイト等をご存じであれば教えていただきたいです。

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

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

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

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

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

guest

回答1

0

ベストアンサー

Railsでcompassを利用するには、compass-railsを指定します。

gem 'compass-rails'

公式サイトを見ると https://github.com/Compass/compass-rails
方法はいろいろあるのですが、例えば一例です。

application.css をapplication.css.scss へ変更し以下のように記述します。これで文字が赤くなるばずですがどうでしょうか。

lang

1@import "compass"; 2/* 必要なものがあればインポートする 3@import "your_project/mixins"; 4@import "your_project/base"; 5*/ 6 7/* ここに追加していく*/ 8body { 9 color:red; 10}

投稿2014/09/16 02:59

tmu

総合スコア277

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

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

退会済みユーザー

退会済みユーザー

2014/09/19 16:31

返信が遅くなってしまい申し訳ございません。 ご回答の通りcompassを使用してみましたところ作動いたしました。 compassについては最近勉強し始めたところで不慣れですが、rails上での使用方法を理解出来ましたので今後さらに応用して参りたいと思います。 ご丁寧に解答していただきありがとうございました☆
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問