Sass

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

RSS
  • 受付中

    回答
    0

    Sassで#{}を使うとCSS-combでエラーが出る

    前提・実現したいこと Sassでcalcの()内で変数を使いたいときに、 そのままでは使用できないので#{}を使うと Sassは問題なくコンパイルされるのですが、 gulp-css-combを使用するとエラーが出てしまいます。 何か解決方法はないのでしょうか? 詳しい方教えていただけると助かります。 発生している問題 @function calc-s

    • 0評価
    • 43PV
    kihara kihara 5日前に 質問を編集
  • 解決済

    回答
    1

    Bootstrapのブレイクポイント変更について

    分からないこと Bootstrapを構成しているcssファイルの中で、bootstrap.css以外のcssファイルのブレイクポイントも変更しなければいけないのでしょうか。 それに際して、bootstrapを構成するファイルの役割、そもそもbootstrap自体の機能についても軽く教えていただけると嬉しいです。 (※当方CSSについては勉強し始めた

    • 0評価
    • 47PV
    makkuro makkuro 1週間前に ベストアンサー
  • 解決済

    回答
    3

    (JS・SCSSにて)入力済みのテキストを「/**/」の形式によりコメントアウトするショートカットが...

    非常に初歩的な事かもしれないのですが、JSやSCSS等をエディタで開いている状態で、キーボードショートカットにより下記のようなコメントアウトを行うことは可能でしょうか? /** * comment text.comment text. * comment text.comment text. * comment text.comment text.

    • 0評価
    • 190PV
    simesava simesava 1週間前に コメント
  • 受付中

    回答
    1

    人が作ったgulp環境を自分のローカルで動かしたい

    やりたいこと 人が作ったgulp環境を自分のローカルで動かしたい 知人にgulp環境一式を渡されたのですが、 まず何をすべきかわかりません。 一から構築はしたことがあるのですが、 人の環境をもらって、その環境を動かす時の手順を教えていただけないでしょうか。 頂いたファイル

    • 0評価
    • 119PV
    WataruT WataruT 2週間前に コメント
  • 解決済

    回答
    1

    CSSプリプロセッサ(メタ言語)の選定基準・特徴の理解について

    CSSプリプロセッサについて理解するため、下記ご教授いただけますでしょうか。 ※私自身は非エンジニアで所謂エージェント業をしています (出来るだけミスマッチの起きない理解が出来ればと思い質問させていただいております) 【質問させていただきたいこと】 1.CSSメタ言語の経験がなく、CSS3経験者が習得を目指す際には、 CSSと最も書式が近いとされるL

    • -2評価
    • 231PV
    yu. yu. 3週間前に ベストアンサー
  • 解決済

    回答
    2

    CSSanimateをすると画面のスクロールサイズが変わってしまう!

    CSSanimateをすると画面のスクロールサイズが変わってしまう! こんにちわ、この度学校の授業で色々とCSSanimateを使う機会が増えてきました。 さて今回私が作ったこれ Hello,worldがヒュンヒュンヒュンと出てきてふわぁって消えるアニメーションです。 ですが、なぜかこれふわあって消えた後に画面の横のスクロールサイズが大きく

    • 0評価
    • 64PV
    defghi1977 defghi1977 1ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    サーバー上のsass,scssを自動的にcssにコンパイルする方法ってありますか?

    調べてもローカルで自動でcssにコンパイルしたのを サーバー上に自動的にアップする方法しか出てきません。 サーバー上のsassディレクトリを監視して、 同じくサーバー上のcssディレクトリにcss形式でコンパイルする方法が知りたいです。 CSSの縮小化の自動コンパイルは沢山方法があるのに sassのサーバー上のコンパイルについては全くないです。

    • 0評価
    • 390PV
    wakaba wakaba 1ヶ月前に コメント
  • 解決済

    回答
    2

    webpackでsassをパースする

    Reactのプロジェクトにsassを導入するために、パッケージをインストールし、webpackの設定ファイルを編集しています。 ./style/style.scssをパースして./dist/style.cssに持っていきたいのですが、以下のようなエラーが出てきてしまい、しばらく迷子状態になっています。。 ERROR in ./style/style.

    • 0評価
    • 82PV
    rina_teratail rina_teratail 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    scss(sass)のmixinのif文の中で変数が取得出来ない

    以下のscssのmixinで、$vul-mzの箇所でエラーが返ってきてしまいます。 if文の中だと$vul-mzを取得できていないみたいで、-ms-flex-pack: #{$vul-mz};の一行上で$vul-mzを定義すると何故かうまくいきました。。。 どなたかご教授お願い致します。 scss @mixin justify-conten

    • 0評価
    • 93PV
    dadada-dadada dadada-dadada 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    複数のscssファイルをひとつのcssファイルにする

    複数の.scssファイルをひとつのcssファイルに圧縮した状態で出力変換したいのですが、下記のような構成の場合どのようなライブラリを利用すれば可能でしょうか?前任者がいなくなってしまいどのようにしていたのかわからず・・・アバウトですいません。 ↓rootフォルダ内 _all.scss components/ //_all.scss @import "

    • 1評価
    • 134PV
    sota_u sota_u 2ヶ月前に コメント
  • 受付中

    回答
    0

    css-combをsassに使用したら!globalのところでエラーが出る

    gulp-css-combをsassに使用したら!globalのところでエラーが出てしまいました。 これは避けられないのでしょうか? 詳しい方教えていただけると助かります。

    • 0評価
    • 71PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    1

    sassの関数をブレイクポイントで条件分岐させたい

    前提・実現したいこと sassで自作の関数を作る際、ブレイクポイントで条件分岐させるコードを作りたいのですが、 どのようにやればいいかよく分からず困っております。 下記のようなコードを上手く動くような形にするのは不可能なのでしょうか? 教えていただけると助かります。 //3つ関数を作れば簡単なのですがこれを出来れば1つにまとめたい @function

    • 0評価
    • 111PV
    kihara kihara 3ヶ月前に コメント
  • 解決済

    回答
    2

    Gulp-CSScombについて

    前提・実現したいこと 現在コーティングに「Dreamweaver」を使用しているのですが、 「Dreamweaver」では「Sass」のコードの整形が出来ない為 Gulp-CSScombを使用しました。 しかし、「CSScomb」でコードを整形すると外部から変換される為か、 「取り消し(Ctrl+Z)」が出来なくなってしまうので、気軽にコードの整形出来

    • 0評価
    • 152PV
    takna takna 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Errno::ENOENT: No such file or directory @ rb_syso...

    お世話になります 私の環境は下記の通りです ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-linux] Sass 3.5.5 (Bleeding Edge) ただ今 https://dotinstall.com/lessons/basic_sass/10202で学習中です [vagrant@lo

    • 0評価
    • 257PV
    kasaburanka kasaburanka 3ヶ月前に 回答
  • 受付中

    回答
    1

    railsの本番環境で、sassを更新するたびに前回のsassに上書きされてしまいます。railsの...

    railsのwebサイトをAWS,nginx,unicornを使って、運営しています。 railsの本番環境に新しく、更新したsassを反映をさせようと思って、precompileして再起動するのですが、毎回、前回までの古いsassの上に上書きされる形で反映されてしまい、お互いの反映がぶつかり合ってしまいます。 結果として、新しい変更の方は無視されて、古いs

    • 0評価
    • 113PV
    Yuinyan Yuinyan 3ヶ月前に 回答
  • 受付中

    回答
    1

    vscodeでscssの変数の候補の補完が表示されない

    昨日からvscodeを利用して制作しようと環境を整えてたのですが、.scssファイルを編集していた際に変数の候補が補完されません。 以下のような拡張機能もいくつか追加して見たのですが、候補が一切表示されず困っています。 もしくはそもそも表示されないのでしょうか? どなたか教えて頂けないでしょうか? インストールしてみた拡張機能 Sass SCSS Int

    • 0評価
    • 789PV
    hogenishi hogenishi 3ヶ月前に 回答
  • 解決済

    回答
    1

    SVGをCSSでグラデーションさせたい

    前提・実現したいこと HTMLに埋め込んだ「SVG」を色だけ変えて使いまわしたいのですが、 SVGの色を「CSS」でグラデーションにしようと思ったところ、 SVGに直で指定するやり方は出てきたのですが、 CSSを使った指定方法がいくら検索しても出てこなくて困っております。 SVGのグラデーションはCSSでは指定出来ないのでしょうか? 詳しい方教えていただけ

    • 0評価
    • 273PV
    kihara kihara 3ヶ月前に コメント
  • 解決済

    回答
    2

    overflow-x:hiddenで上下左右非表示になってしまう

    前提・実現したいこと 横だけはみ出したくない要素にoverflow-x:hiddenを指定したところ、 縦のはみ出した部分まで非表示になってしまいます。 またoverflow-x:scrollと指定した場合も縦が非表示になります。 しかし、overflow-y:hiddenもしくはoverflow-y:scrollと指定した場合は、 横は隠されずにちゃんと

    • 0評価
    • 225PV
    sk_3122 sk_3122 3ヶ月前に 回答を編集
  • 受付中

    回答
    1

    css設計について【BEM】

    お世話になります。 現在BEMを勉強しており練習のため下記を作成しましたが、なんだか冗長的になってしまいました。 下記コードををBEMを用いて記述したい場合、皆さんならどうされますでしょうか? ご意見いただきたいです。 <header class="header"> <h1 class="header__logo">ロゴが入ります。</h

    • 0評価
    • 299PV
    sota_u sota_u 3ヶ月前に コメント
  • 解決済

    回答
    1

    【再】npmエラーzsh: command not found: gulpの対処法

    前回質問した問題がいまだに解決しないので再度整理して質問させてください。 npmエラーzsh: command not found: gulpの対処法 シンプルに任意フォルダ配下でgulpの実行環境を作成してみる $nodeバージョン確認 $ node -v v8.8.1 # 任意フォルダ cd GulpSample # GulpSampleフォル

    • 0評価
    • 380PV
    roronoazoro roronoazoro 3ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    278

  • 総質問数

    209

  • 今週の質問数

    0

関連するタグ

Sassタグのよく見られている質問

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