Sass

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

RSS

  • 受付中

    回答
    1

    CSS・SASSの両方を設定するとエラーが発生

    RailsでWebアプリを作成しており、SASS形式でCSSを記述したく、以下のように topコントローラーのスタイルシートを”CSS"と”SCSS”の両形式で保存するとエラーが発生します。 CSSのみだと通常通りに動作します。 引数の数が間違っているエラーだということはわかったのですが、 何を修正すれば解消できるかわからず滞っています。

    • 0評価
    • 32PV
    moratorium moratorium 2日前
  • 受付中

    回答
    0

    chromeでSASSのソースマップを確認することができない

    sassのソースマップを表示させたい Gulp sassを作ってcssソースマップを作っています 。 該当のソースコード gulp.task("sass",function(){ gulp.src("*scss") .pipe(sourcemaps.init()) .pipe(sass()) .pipe(autoprefixer())

    • 0評価
    • 31PV
    tamaru tamaru 6日前
  • 解決済

    回答
    2

    CSSNEXTを使っているのですが、IE8のサポートが切れたのでremに自動にpxを加える機能をなく...

    CSSNEXTを使っているのですが、IE8のサポートが切れたのでremに自動にpxを加える機能をなくしたいのですが、セットになっているので、これだけ外すことはできないのでしょうか? https://github.com/robwierzbowski/node-pixrem を見ても英語で完全にはわからず翻訳してもそれらしい記述が見つかりません。

    • 0評価
    • 159PV
    webpage webpage 3週間前
  • 解決済

    回答
    1

    GlupでSCSSのコンパイルと終了ができない

    Gulpを利用してサイトを作成しているのですが、急にSCSSのコンパイルなどができなくなりました。 MacなのでTimeMachineを使って、問題が起きる前まで復元してみたのですが 解決できなかったため、どなたかご教示いだければと思います。 問題としては 1)SCSSがコンパイルされない 2)ターミナルでcontrol+cで終了もできない

    • 0評価
    • 342PV
    Kama Kama 3週間前
  • 受付中

    回答
    0

    sassでのエラー、breakpointが定義されていないというエラーメッセージが出ます

    htmlテンプレートを利用して、railsでホームページを作成し始めたのですが、以下のエラーメッセージが出て先に進めない状態です。 発生している問題・エラーメッセージ Sass::SyntaxError in Homes#index Showing /Users/kouta/projects/home/app/views/layouts/applic

    • 0評価
    • 36PV
    mkkkk mkkkk 3週間前
  • 受付中

    回答
    0

    Postcssを使ったディレクトリ構成

    Postcssを使ったディレクトリ構成 ・dest-afterフォルダの中にindex.htmlファイルがあります。(トランスパイル後のcssファイル、htmlがあります。) gulp.jsが入っているフォルダ=GULPフォルダ ├─dest-after │ ├─css │ │ ├─ │ │ ├─ │ │ └─ │ │ ├─ │ │

    • 0評価
    • 378PV
    webpage webpage 1ヶ月前
  • 受付中

    回答
    1

    bootstrapが反映されない

    railsにおいてbootstrapをimportしているにもかかわらず、、 表題の通り、bootstrapのテンプレが反映されません。 application.scss @import "bootstrap-sprockets"; @import "bootstrap"; @import "top"; @import "users_inde

    • 0評価
    • 90PV
    NaoTsukamoto NaoTsukamoto 1ヶ月前
  • 受付中

    回答
    1

    gulpでsassがコンパイルされない

    前提・実現したいこと gulpを用い、sassをcssにコンパイルするタスクを実行する際に正しくコンパイルされない不具合が発生しました。 発生している問題・エラーメッセージ src/scss直下のstyle.scssを更新した場合は、正常にコンパイルされるが src/scss/core, src/scss/layout, src/scss/

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

    回答
    1

    Sassでcompass watchの書かれた.batファイルを開くと、起動後すぐ消えてしまう

    Sassでcompass watchの書かれた.batファイルを開くと、起動後すぐ消えてしまいます。 特に何かをいじった記憶はありません。 何が原因になっているのでしょうか? 改善方法があれば教えてください。

    • 0評価
    • 79PV
    poooooo poooooo 1ヶ月前
  • 受付中

    回答
    0

    vscodeのコード整形について

    vscodeでweb制作を行っているのですが、その際のコード整形が思うようにいかず、躓いております。 .hoge { display:block; > .hogehoge { display: inline-block; } } として保存したときに .hoge { display:block;

    • 0評価
    • 102PV
    kt-sygo0921 kt-sygo0921 1ヶ月前
  • 解決済

    回答
    1

    gulpでのファイル削除やリネームについて

    いつもお世話になっております。 最近Gulpの便利さに感動して、使い方を勉強中です。 よろしければご回答お願いします。 フォルダ階層 project ├── node_modules ├── gulpfile.js ├── package.json ├──app ├── project │ ├──js │ ├──cs

    • 0評価
    • 159PV
    SaekoIwaki SaekoIwaki 1ヶ月前
  • 解決済

    回答
    1

    gulpでscssのようにjsを選択結合したい

    やりたい事 gulpを使ってjsを結合する際、結合ファイルや結合順序を細やかに設定したい。 現状 現在gulpを使いcss/jsを結合・コンパイルしています。 例えばディレクトリ構造が dir/assets/css ・・・出力css dir/assets/js ・・・出力js dir/src/js ・・・・・被結合js dir/

    • 0評価
    • 428PV
    move move 1ヶ月前
  • 受付中

    回答
    1

    scssのパーシャルについて

    お世話になります。 久しぶりの質問なのですが、scssのパーシャルについて質問です。 現在scssでパーシャルを使い、機能を分割しようとしていますが、 どうもパーシャルがimportされないようです。 ちなみに@importの記述がなければ問題なくコンパイルされます。 今回には関係ないですが、pugについても問題なくコンパイルされます。 どこ

    • 1評価
    • 364PV
    raff raff 1ヶ月前
  • 受付中

    回答
    0

    postcssを使ったディレクトリ構成

    postcssを使ったディレクトリ構成 ・dest-afterフォルダの中にindex.htmlファイルがあります。(トランスパイル後のcssファイル、htmlがあります。) gulp.jsが入っているフォルダ=GULPフォルダ ├─dest-after │ ├─css │ │ ├─ │ │ ├─ │ │ └─ │ │ ├─ │ │

    • 0評価
    • 88PV
    webpage webpage 2ヶ月前
  • 受付中

    回答
    1

    sass --watchが動きません

    現状 windowsにsassを導入しようとしています。 「Sassの教科書」に従い、環境設定を進めているのですが 自動コンパイルが作動しません。 Sass is watchingと表示されているのですが、 test.scss を編集→保存としても、一向にコンパイルされません。 原因が分からない為、 どなたかご教授いただけますで

    • 0評価
    • 94PV
    pythago pythago 2ヶ月前
  • 解決済

    回答
    3

    【gulp】Sassのパーシャルファイル更新時に、特定のSassファイルも更新させたい

    前提・実現したいこと 下記ディレクトリ構造にて、Sass + browser-syncを使用し作業をしています。 htmlへ読み込むcssはstyle.css(style.scss)だけで、style.scssにはその他パーシャルファイルのインポートのみを記述しています。 この状態で「style.scss」を更新するとブラウザへ自動的に変更が反映さ

    • 0評価
    • 438PV
    ukotsu ukotsu 2ヶ月前
  • 解決済

    回答
    1

    ラジオボタンを記述する際のsassの書き方がわかりません。

    ラジオボタンのscssの記述方法が知りたい scssの書き方が間違っているのでcssにコンパイルした際に希望通りの記述になっていない。 afterの書き方が間違っているのは分かったのですがどこの書き方が分からないです・・。 うまくコンパイルされていないのでラジオボタンのデフォルトでチェックされるafter要素の装飾が表示されないです。 (濃い緑の

    • 0評価
    • 406PV
    takamiii_158cm takamiii_158cm 2ヶ月前
  • 解決済

    回答
    2

    Sassのmixinで、この幅からこの幅まで というのを設定するには?

    Sassのmixinでメディアクエリを使用しています。 641px~980px というような、幅を限定した表示をさせたいです。 現在、下記のようなコードでスマホとPCを別けていますが、 ここからどのように変形させたらよいでしょうか? @mixin pc { @media screen and (min-width: 641px) {

    • 0評価
    • 119PV
    poooooo poooooo 3ヶ月前
  • 解決済

    回答
    2

    Sierraに移行しました。coda2で、scss内にバックスラッシュがあると書き出しができなくなり...

    お世話になっております! わたくし先日までYosemiteを使っていまして、本日Sierraに移行し、環境諸々問題が多発しました。 いろいろ不具合が出ると言われていたiCloud周りでは特に気になることはなかったのですが、Photoshop CCはファイルを新規作成したり既存ファイルを開けなくなり困ったりとか(アンインストール→インストール(環境設定を削

    • 0評価
    • 579PV
    misato misato 3ヶ月前
  • 受付中

    回答
    1

    [Sass]マップ型を複数行で書く方法

    いわゆる連想配列を複数行で書きたいです。 Scssの書き方は分かりますが、Sassの書き方が分かりません。 $hash: ( key1: red, key2: green, key3: blue ) 単純に下記のように書けると思いましたが書けませんでした。 $hash: key1: red key2: green ke

    • 0評価
    • 103PV
    agumazu agumazu 3ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    190

  • 総質問数

    104

  • 今週の質問数

    2

関連するタグ

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