Sass

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

RSS

  • 受付中

    回答
    1

    gulpで画像やソースを圧縮する時の疑問点

    質問 gulpで画像やCSS等を圧縮する際、基本的には配布物を生成する(ビルドタスクを走らせる)際に行うものと勝手に解釈しているのですが、 サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。 これだとクライアント確認をしてもらう際に、読み込みが少しでも遅いと問題があるよう

    • 0評価
    • 51PV
    tomiyamag tomiyamag 6日前
  • 解決済

    回答
    1

    sassのfor内で変数に値を追加していきたい

    th{ $filter-color:#213069; $tra_def:0.1; @for $i from 1 through 10 { $tra_index:

    • 0評価
    • 44PV
    hanasan hanasan 1週間前
  • 解決済

    回答
    2

    背景画像を読み込むと「 net::ERR_FILE_NOT_FOUND」エラーになる件

    参考書「HTML5&CSS3標準デザイン講座」の例題を参考にレスポンシブサイトを作成しています。 smacss記法、sassを用いています。 img画像の読み込みは問題ないのですが、背景画像backgroundで読み込もうとした途端エラーとなってしまいます。 パスは補完で入力しているので間違いないはずです。 header.scssの内

    • 0評価
    • 50PV
    roronoazoro roronoazoro 1週間前
  • 受付中

    回答
    0

    atomパッケージlinter、linter-scss-lintでのエラー通知について

    最近sassを学び始めました。 エディタはatomで、パッケージlinter、linter-scss-lintというものを導入すればエラー通知を知らせてくれるようなので入れて見た所、確かにエラーは通知してくれるのですが、そのエラー内容が画面を覆うほどに出てきてしまい困っています。 htmlやcssの方ではタグの横に赤丸、黄色い丸といった風に知らせてくれま

    • 0評価
    • 64PV
    roronoazoro roronoazoro 3週間前
  • 受付中

    回答
    0

    sassの初心者が参考にすべきサンプルについて

    表題のとおり、sassについて勉強中です。 基本的な書き方は学んだつもりですが、実際現場で使われているファイル構成や書き方についていまいち想像ができない部分が多くあります。 例えば下記のサイトにある「変数専用のファイルを用意する」等、基本的なルールのようなものを勉強したいです。 会社やチーム毎にルールは様々かと思いますが、参考になるGithubのU

    • 0評価
    • 99PV
    supermaruetsu supermaruetsu 1ヶ月前
  • 解決済

    回答
    1

    あるクラスがない子要素の中で最初の子要素をセレクターで指定したい(E:not(.class):nth...

    あるクラスが付いていない子要素の中で最初の要素をセレクターで指定したい <ul> <li class="bg-blue hidden"></li> <li class="bg-blue"></li> <li class="bg-blue hidden"></li> <li class="bg-blue"></li> <li class="bg-b

    • 0評価
    • 92PV
    ToruMatsuda ToruMatsuda 1ヶ月前
  • 解決済

    回答
    1

    横並びにならない

    なんでですか?どこも間違っていないんですが・・・ <UL><LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI></UL

    • -2評価
    • 148PV
    apri-11 apri-11 1ヶ月前
  • 解決済

    回答
    1

    forが出来ない?

    sassでforを使った練習をしていたのですが、このようなエラーが出て先に進めません。何がいけないのですか? Invalid CSS after "@for ": expected "$", was "($i from 1 thro..." @for ($i from 1 through 15) { p { font-size: #{$i}px; }

    • 0評価
    • 76PV
    Soop-me Soop-me 1ヶ月前
  • 解決済

    回答
    2

    文字がおかしい

    文字がおかしくなります、下のような文字です 繧医≧縺薙◎�橸ス槭∈閾ェ蟾ア邏ケ莉� 讎ょョケ 繝九Η繝シ繧ケ �橸ス� �橸ス橸ス� 縺ゅ≠縺� 縺ゅ≠縺ゅ≠縺� ブラウザを変えてもダメです。パソコンがおかしいんですか? この間までうまくみえていたんですけど・・・ <!DOCTYPE HTML> <HTML> <HEAD> </HEA

    • 0評価
    • 243PV
    apri-11 apri-11 1ヶ月前
  • 受付中

    回答
    1

    scssの未使用クラス、IDを削除したい

    前提・実現したいこと 複数のファイルで管理しているscssファイルの未使用クラスとIDを削除したく調査しておりました。 そこでそれらしきnpmパッケージがあったので実行してみたところ下記エラーが出てしまいました。 https://www.npmjs.com/package/sass-unused 発生している問題・エラーメッセージ /usr

    • 0評価
    • 368PV
    ruuusaamarki ruuusaamarki 2ヶ月前
  • 受付中

    回答
    1

    Railsのimage_tagヘルパーを使い、backgroundで画像を表示する方法

    何をしたいか 現在Railsで画像を表示しています。 RailsTutorial通りにcarrierwaveを使用しています。 Tutorialではimage_tagを使用していますが、cssのbackground-imageを使い要素いっぱいに表示したいです。 しかしながら、if文で条件分岐をしているので、画像の狙い撃ちができない状態です。

    • 0評価
    • 106PV
    sara sara 2ヶ月前
  • 解決済

    回答
    1

    Gulp で出力先を一つ上の階層にしたい

    Gulp 出力先を一つ上の階層にしたい Gulp を使用して制作しています。 普通は開発と出力は分けて制作すると思いますが、 プロジェクトごとに Gulp をインストールしていると面倒なので 1つにまとめてやろうと考えてます。 開発ディレクトリ=公開ディレクトリのような感じにしてやろうという試み 現在のGulp-Renameとdestの指定

    • 0評価
    • 137PV
    Naruki Naruki 2ヶ月前
  • 受付中

    回答
    1

    WebpackでsassからCSSにコンパイルして外部ファイル化したい

    webpackを利用していて、スタイルはsassを利用しています。 現在は、head内にcssにコンパイルされたものが生成されているのですが、これを外部ファイル化したいと考えています。 しかし、1 JS 1CSSではなく、複数のsassをcssにコンパイルして、特定のディレクトリにCSSを外部ファイル化して生成する流れがわからず困っております。

    • 0評価
    • 218PV
    tanama tanama 2ヶ月前
  • 受付中

    回答
    0

    SublimeText3でsassをビルドしてもcssが生成されません。。

    SublimeText3でsassをビルドしてもcssが生成されません。。 導入から初めてやって見て、コアラではコンパイルはとりあえずできました。(コンパス導入前) sublimeでビルドすると下記のようになります。 [Finished in 0.1s with exit code 1] [cmd: ['sass', '--update',

    • 0評価
    • 176PV
    Hiromimayama Hiromimayama 3ヶ月前
  • 解決済

    回答
    1

    Rails内で.scssファイルをstylesheets内に配置するとSass::SyntaxErr...

    前提・実現したいこと ruby on railsで、自分でwebページを作ってみたいと思っております。 0から作るのではなく、 Ruby on Rails チュートリアルを全行程終わらせた成果物をブラッシュアップしていく、という形です。 現在、縁あって他の方にUIの体裁を整えていただける事となりまして かなりのページ分のCSSファイル、それを読

    • 0評価
    • 425PV
    hikaru923 hikaru923 3ヶ月前
  • 受付中

    回答
    1

    【sass導入時】gemのエラーについて

    現在、Macのローカルにsassをインストールしようと思っているのですがgemのpermissionエラーでうまくいきません。 以下がエラーのログになっています。 ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions

    • 0評価
    • 113PV
    fujirara fujirara 3ヶ月前
  • 受付中

    回答
    1

    Gulpでソースマップを表示させたい。

    前提・実現したいこと 今回静的サイト作成にあたり、gulpを使用しています。 しかしソースマップが表示されず困っています。 JSにも不自由でよくわかりません。 発生している問題・エラーメッセージ 該当のソースコード // plugin const gulp = require('gulp'); const ejs

    • 0評価
    • 179PV
    tamaru tamaru 3ヶ月前
  • 解決済

    回答
    1

    Sassで分割ファイルがコンパイルされる

    前提・実現したいこと dreamweaverでsassのPartial機能を使って、 コンパイルしようとしたら sass _xxx.scss _yyy.scss _zzz.scss stylesheet.scss ↓ css _xxx.css _yyy.css _zzz.css stylesheet.css

    • 0評価
    • 411PV
    kihara kihara 3ヶ月前
  • 解決済

    回答
    1

    cssで使用するcastとは??

    sassで書かれているスタイルの中に、 $fontSize: 14px; $lineHeight: 24 / cast($fontSize); という記述があったのですが、このcastとは何でしょうか?

    • 0評価
    • 128PV
    melanocytic melanocytic 3ヶ月前
  • 解決済

    回答
    2

    bin/rake assets:precompile がエラーになり、ファイルが生成されない

    実践Ruby On Rails4を今やっているんですがassetsのプリコンパイルをやろうとしているのですが vagrant@vagrant-ubuntu-trusty-64:/vagrant$ ruby -e 'require "securerandom"; print SecureRandom.hex(64)' > ~/.baukis_secret_k

    • 0評価
    • 188PV
    allex allex 4ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    207

  • 総質問数

    125

  • 今週の質問数

    1

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る