Sass

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

RSS
  • 受付中

    回答
    1

    Bootstrap4のユーティリティとSassの使い分けについて

    前提・実現したいこと Bootstrap4を使って、レスポンシブなHPを作成しようと思っています。 ユーティリティとSassの使い分けについてまとめてみたのですが、 アドバイス「これはユーティリティで書くべき」「これはSassで書くべき」や、 私の理解に間違いがあるようでしたら、理由も含めて教えて頂くと幸いです。 Sass(ユーティリティ以外)で

    • 0評価
    • 56PV
    keisukeh keisukeh 1日前に 回答を編集
  • 受付中

    回答
    1

    sassを使用していると思われるテンプレートのコンパイル方法

    前提・実現したいこと Bootstrapを使用したテンプレートを探していたところ「BlurAdmin」というのが紹介されていて、使いたいと思いました。 種類が2種類あり、 1.http://akveo.com/blur-admin-mint/#/dashboard 2.http://akveo.com/blur-admin/#/dashboard 2

    • 0評価
    • 453PV
    keisukeh keisukeh 6日前に 回答
  • 受付中

    回答
    0

    Grunt,Bootstrapで強制的にautoprefixをつけたい

    Sass、Bootstrap、Grunt初心者です。 【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。 【作っているもの】 現在Bootstrapをベースにしたテーマ、 「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ

    • 0評価
    • 540PV
    mskgjtnn 退会済みユーザー 1週間前に 回答
  • 受付中

    回答
    0

    Sass,Grunt,Bootstrapで新しいプロジェクトを作るには?

    Sass、Bootstrap、Grunt初心者です。 【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。 【作っているもの】 現在Bootstrapをベースにしたテーマ、 「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ

    • 0評価
    • 547PV
    mskgjtnn 退会済みユーザー 1週間前に 回答
  • 受付中

    回答
    0

    Webpack4 複数cssファイル出力それぞれにsourceMapを付与したい

    Wordpressのtheme開発にwebpack4導入を検討しています。 こちら https://teratail.com/questions/134422 で質問させていただいたような状況を経て、現在以下のようなwebpack-config.jsにて main.cssとeditor-style.cssの2つを出力しておりますが、sourceMapの出

    • 0評価
    • 60PV
    teratailが2週間前に アップデート
  • 受付中

    回答
    0

    Gulp の複数出力先を指定

    gulpを使って sass をコンパイルした時に生成されたCSSファイルを各ディレクトリに出力できるようにしたいのですが、これは難しいのでしょうか。 下記の二つの形式で試してみましたが、どちらも動きませんでした。 #コード1 1タスクで出力先を複数指定 var gulp = require('gulp'); var sass = require('g

    • 0評価
    • 37PV
    teratailが2週間前に アップデート
  • 受付中

    回答
    0

    Webpack4 ExtractTextPlugin にて 複数のcssファイルを出力したい

    Wordpressのtheme開発にWebpack4を導入、ExtractTextPluginを使い wp-content/themes/project-name/assets/css フォルダへ main.css を出力しています。 wordpressの管理画面用css として editor-style.css を同出力先へ、 main.css とは別

    • 0評価
    • 78PV
    teratailが2週間前に アップデート
  • 受付中

    回答
    0

    Sassのコンパイルエラーについてです。

    Sassのコンパイルエラーについてです。 下記のようなエラー文が出て、全くコンパイルできません。 解決方法ご存知でしたらご教示ください。 Invalid CSS after " &": expected "{", was "__desc {" "__desc" may only be used at the beginning of a c

    • 0評価
    • 63PV
    teratailが2週間前に アップデート
  • 受付中

    回答
    0

    Boxへのアップロードを取り消す方法

    プログラミングとは直接関わりがないのですが、エンジニアとしてよく使うクラウドサービスの一つに「Box」があると思います。 https://www.box.com/ja-jp/home ブラウザ上からアクセスすると、ファイルの「更新日」が表示され、そのファイルをアップロードした日時がわかるはずです。 これはファイルの編集履歴の管理にとても役立つのですが、「

    • -1評価
    • 52PV
    teratailが2週間前に アップデート
  • 解決済

    回答
    2

    navの背景画像がすっぽり表示されるよう高さ指定したい

    前提・実現したいこと sass(scss)初心者でcompassはさっき初めて知ってインストールしたばかりです。 headerの中にnavを入れて背景画像を指定しています。 navの高さをpxで指定しないとnavが高さ0になります。 (Chromeのデベロッパーツール (command + option + i) で確認しました。) そこでcssで

    • 0評価
    • 464PV
    taro_nii_chan taro_nii_chan 3週間前に ベストアンサー
  • 解決済

    回答
    1

    preprosのscssで@importがエラーを起こす

    お世話になります。ご協力お願いします。 style.scssで他のものを@importでまとめて入れてたんですが、急にエラーが出て反映されなくなってしまいました。 エラー内容:『File to import not found or unreadable 〇〇.scss』 試しに他の案件も何もいじらずにコンパイルすると同じエラーに。 そのファイルを消しても次

    • 0評価
    • 413PV
    s8_chu s8_chu 3週間前に コメント
  • 受付中

    回答
    0

    【gulp】browser-syncでejsとcssがロードされない

    お世話になります。 現在gulpでcssコンパイルやテンプレートエンジンを使用するように錯誤しております。 前提・実現したいこと gulpfile.jsに以下のように記述していますが、 cssコンパイルやejsでのhtml可は成功しているのですが、 browser-syncでの自動ブラウザリロードができません。 const gulp

    • 0評価
    • 58PV
    teratailが3週間前に アップデート
  • 解決済

    回答
    1

    gulpのインストールに失敗する

    前提・実現したいこと Sassを使いたく、設定を行なっております。 MAC10.12.6です。 1:node.js(v10.4.1)を公式サイトからDL、インストーラーを使ってインストール 2:続いてgulpのモジュールを下記コマンドでインストール npm install -D gulp gulp-sass 3:インストールされたか確認するべく

    • 0評価
    • 44PV
    MK_00 MK_00 4週間前に ベストアンサー
  • 受付中

    回答
    0

    gulp sassのコンパイルを早くする設定

    前提・実現したいこと sassファイルの量が多くなり、コンパイルに多量の時間がかかっています。 差分のみをコンパイルできるように設定を変更したいです。 gulpファイル設定の経験がなく、何かアドバイスをもらえると助かります。 該当のソースコード var gulp = require('gulp'); var gulpif = require('gul

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

    回答
    1

    sassの@mixinの仕様について

    サンプル1の出力では、a中に入れたspが.aの次の階層に来てるのに、 サンプル2の出力では、a中に入れたspが.aの上の階層に来てるはなぜでしょうか? サンプル1 sass @mixin sp { div { @content; } } .a { @include sp { width: auto; }

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

    回答
    1

    macでsassを使いたい。使い方について

    いつもお世話になってます。 質問は表題の通りです。 macのターミナルでコマンド入力後、おそらくsassのインストールまでは成功していると思いますが、 対象のscssファイルが見つからないとエラーが出てしまい、進みません。 下記ターミナルに出たエラー内容です。 (私の名前部分は##に記載変更しています) Last login: Sat Jun

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

    回答
    1

    gulp SASS パーシャルファイルを保存したときに親ファイルも書き換えたい

    gulpにて、 パーシャルファイルを保存(watch)したときに該当の親SCSSファイルをビルドする方法はありますか? 例)sample.scss @import 'layout/_header.scss'; ↓ _header.scssを修正 ↓保存(watch) sample.scss、が更新される 以下の質問は拝見しました。 https://t

    • 0評価
    • 349PV
    nyamuo nyamuo 1ヶ月前に 回答
  • 解決済

    回答
    1

    sassファイルのサーバーアップロードについて

    Sass(scss)でコードを書いてサーバーにアップロードしようと思います。 ふと疑問に思ったのですが、この時にnode_modulesやpackage.json sassフォルダも一緒にアップロードするのでしょうか?npm scriptsを使っています。 コンパイルされたCSSファイルがあるので、htmlとCSSファイルだけで問題ないのかな?と気になり

    • 0評価
    • 82PV
    teruri teruri 1ヶ月前に コメント
  • 受付中

    回答
    1

    sassの使い方、コンパイルについて

    いつもお世話になってます。 sass初心者です。 macのターミナルにてsassをインストール後、scssファイルをcssにコンパイルしたいのですが、うまくいきません。 cssファイルのあるディレクトリまで移動し、pc_style_cssをコンパイルすると、pc_style_css.mapという別ファイルが作成されて、更新内容も反映されていません

    • 0評価
    • 120PV
    teruri teruri 1ヶ月前に 回答
  • 解決済

    回答
    1

    [html,css(sass,scss)]ヘッダーの背景色を幅いっぱいにできない

    サイトのヘッダー(ナビゲーション)の背景色を幅いっぱいにしたいのですが、うまくいきません。 最初navタグをulにしていましたがそれでは左が塗りつぶされず、navにすると今度は右が塗りつぶされませんでした。 あと、この設定ではテキストにカーソルを合わせても背景色が変わりません。そこも直したいです。なお、背景色を設定しなかった場合うまくいきました。 <ht

    • 0評価
    • 373PV
    snowshink snowshink 1ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    295

  • 総質問数

    228

  • 今週の質問数

    1

関連するタグ

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

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