Sass

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 35PV
    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評価
    • 317PV
    move move 5日前
  • 受付中

    回答
    0

    scssのパーシャルについて

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

    • 1評価
    • 306PV
    raff raff 6日前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 22PV
    webpage webpage 2週間前
  • 受付中

    回答
    0

    sass --watchが動きません

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

    • 0評価
    • 34PV
    pythago pythago 2週間前
  • 解決済

    回答
    3

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

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

    • 0評価
    • 344PV
    ukotsu ukotsu 3週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 344PV
    takamiii_158cm takamiii_158cm 4週間前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 47PV
    poooooo poooooo 1ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 439PV
    misato misato 1ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 52PV
    agumazu agumazu 2ヶ月前
  • 受付中

    回答
    0

    postcssを使ってgulpでトランスパイルしていると、 dest側に画像を入れるのでsrc側に画...

    postcssを使ってgulpでトランスパイルしていると、 dest側に画像を入れるのでsrc側に画像がない状態になり、 サブライムで画像の入力保管が使えなくなりませんか? どのように解決しているでしょうか? 良いアイデアがあれば教えてください。

    • 0評価
    • 61PV
    webpage webpage 2ヶ月前
  • 解決済

    回答
    1

    BracketsにてSassをライブプレビューする際にブラウザ側で該当箇所をハイライトさせたい。

    前提・実現したいこと BracketsにてSassをライブプレビューする際にブラウザ側で該当箇所をハイライトさせたいです。 Sassのライブプレビュー自体は問題なく動きます。コンパイル後であればブラウザ側でリロードしなくても反映されますし、通常のcssやhtmlは問題なくハイライトされます。 しかし、下記URLのようにコンパイル前の.scssファイルの

    • 0評価
    • 181PV
    tomiyamag tomiyamag 2ヶ月前
  • 解決済

    回答
    1

    vscodeの環境設定について

    vscodeでwebの開発をしたいと思っています sublimetextからvscodeに以降しようかと思い、vscodeの環境設定を行っていたのですがscssのコード整形で躓いています。 sublimetextではショートカットを追加して、コードの設計を行っていたのですが、vscodeではデフォルトで登録されている { "key": "shift

    • 0評価
    • 116PV
    kt-sygo0921 kt-sygo0921 2ヶ月前
  • 解決済

    回答
    2

    アセットのプリコンパイルでエラーが出る

    前提・実現したいこと アセットのプリコンパイルでエラーが出る 発生している問題・エラーメッセージ bundle exec rake assets:precompile --trace RAILS_ENV=production ** Invoke assets:precompile (first_time) ** Invoke assets:envi

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

    回答
    2

    Sassフレームワーク Bourbonの使用方法がわからず困っています。

    前提・実現したいこと 最近遅ればせながらsassを使い始めた者です。(gulp-sassでコンパイルしています) コーディングのさらなる効率化を目指して Bourbonの導入を考えたのですが、どうもうまくいきません。 通常のgulpのパッケージと同様に プロジェクトのルートディレクトリで "npm install node-bourbon--

    • 0評価
    • 130PV
    tsgforce-bcnr33 tsgforce-bcnr33 2ヶ月前
  • 解決済

    回答
    1

    gulp+sass環境で出力されるCSSの改行コードをCR+LFにするには?

    gulp+sass(gulp-sass)で開発をしています。 サイトのコーディング規約で改行コードはCR+LFとされているのですが、 gulp+sass環境から出力するとCSSの改行コードがLFになってしまいます。 改行コードをCR+LFで出力することはできるのでしょうか? できるのであればどのように設定すれば良いのでしょうか? 検索してみまし

    • 0評価
    • 185PV
    aKusano aKusano 3ヶ月前
  • 解決済

    回答
    1

    watchifyでbabelifyされる前にsassをトランスパイルしておきたい

    npm scriptを利用してタスクを書いてます。 タイトル通りなのですがbrowserifyによるbabelifyが重すぎるのでwatchifyを導入しました。 10秒以上かかっていたトランスパイルの処理が0.1秒の速度になり、とても満足しています。 しかし、同時にbrowserify-cssも利用していたので、監視ツールがwatchif

    • 0評価
    • 99PV
    hojo hojo 3ヶ月前
  • 解決済

    回答
    1

    phpstormとscssについて

    お世話になります。 表題についてで、もし同じ環境の方が居ればですが、 phpstormの設定(file watchers)でコンパイル後にcssファイルごと出力されるファルダを振り分けたいのですが、色々と試行錯誤をしてみましたがうまくいきません。 具体的には、例えばwordpressではindex.phpと同フォルダにstyle.cssがなければいけま

    • 0評価
    • 370PV
    raff raff 3ヶ月前
  • 解決済

    回答
    2

    gulp watchに下記のエラーが出るようになり、トランスパイルができなくなってしまいました。

    gulp watchに下記のエラーが出るようになり、トランスパイルができなくなってしまいました。 events.js:160 throw er; // Unhandled 'error' event ^ Error: C:\Users\user\Desktop\images\gulp-folder\postcss\src-be

    • 0評価
    • 132PV
    webpage webpage 4ヶ月前
  • 解決済

    回答
    2

    postcssでコーディングしているのですが、元請けがcssそのものを望む可能性があり、 ミニファイ...

    postcssでコーディングしているのですが、元請けがcssそのものを望む可能性があり、 ミニファイせずにcssにトランスパイルだけしして、渡したいのですが、 なぜかコメントアウトが文字化けする部分としない部分が出てきます。 https://teratail.com/questions/42353のつづき。 ・下記のようになります #map

    • -1評価
    • 511PV
    webpage webpage 4ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    182

  • 総質問数

    94

  • 今週の質問数

    3

関連するタグ

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