Sass

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

RSS

  • 解決済

    回答
    1

    JavaScriptライブラリとPreprosについて

    JavaScriptライブラリについて質問です。 商用利用などが認められているか、どのようにして確認するんですか? Smooth-scrollを使いたいのですが、 GitHubで配布されており、わかりません。 Preprosについて 試用版を使おうと思うのですが、著作権の問題などは大丈夫でしょうか? ライセンスを買ったほうがいいのでしょうか。

    • 0評価
    • 299PV
    Spalits00 Spalits00 1日前に コメント
  • 受付中

    回答
    2

    プルダウンメニューが思った動きをしてくれない

    <ul class="nav"> <li><a href="#" class="nav-item">あ</a></li> <li><a href="#" class="nav-item">い</a></li> <li><a href="#" class="nav-item">う</a></li> <li><a href="#" class="

    • 0評価
    • 77PV
    s8_chu s8_chu 1日前に 回答
  • 解決済

    回答
    1

    gulp-ruby-sassでコンパイルしようとすると/bin/sh: node-sass: com...

    gulpでsassを保存時に自動コンパイルしようと思っています。 gulpfile.jsに scss = require('gulp-ruby-sass'), browserSync = require( 'browser-sync' ), paths = { rootDir : './', dstrootDir

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

    回答
    1

    Sublimetext3/compassでsassのコンパイルができない。

    mac 10.12.5 sublietext3 compass 1.0.3 ■パッケージ Sass SASS Build SCSS SCSS Snippet Compass ■ファイル [test] |_[sass] |_style.sass |_[css] textディレクトリにsassとcssのディレクトリがあります。 ■config.r

    • 0評価
    • 57PV
    lunatea lunatea 1週間前に コメント
  • 解決済

    回答
    1

    sass(及びCSS)でサイドバーの幅をページ毎に変える方法

    表題のようにページ毎にサイドバーの幅を変えるにあたり、デザイナーの方はどのようなアプローチをされているかが知りたいです。CSS初心者ですが、SASSでのコーディングを予定しているため、SASSの記法でご教示頂ければありがたいです。 現在は本当に原始的な方法で、各ページのサイドバーにそれぞれClass名を与え、変更がなされる仕組みです。 よろしくお願いいた

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

    回答
    0

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

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

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

    回答
    2

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

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

    • 0評価
    • 186PV
    T_sa T_sa 2週間前に ベストアンサー
  • 解決済

    回答
    2

    エラーが突然発生しました・・・「Invalid US-ASCII character "\xE3"」

    phpstormで今まで通りにsassをコンパイルしていたのですが、 本日突然、複数のファイルが「Invalid US-ASCII character "\xE3" 」こういった表示になりエラーが起きてしまいました。 (複数のファイルですが、変更等加えておりません。) 自分で調べてみて「@charset "UTF-8"」を入れてみたら直ったのですが、 先

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

    回答
    3

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

    質問 gulpで画像やCSS等を圧縮するタイミングは、基本的には配布物を生成する(ビルドタスクを走らせる)際に行うものと解釈しているのですが、 サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。 作成したタスクの内容は、下記になります。 【開発時】 defaultタスク

    • 0評価
    • 166PV
    avocado avocado 3週間前に 回答を編集
  • 解決済

    回答
    1

    bx-sliderでPCとSPで画像の切り替えをしたら一部オプションが使えなくなった。

    bx-sliderでスライダーを作成しているのですが、PCとSPで別の画像を表示するために、cssで該当箇所をvisibility: hidden;して、jQueryで表示切り替えをしたら、一部オプションが使えなくなってしまいました。 goToSlide(); goToPrevSlide(); goToNextSlide(); こ

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

    回答
    1

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

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

    • 0評価
    • 436PV
    ruuusaamarki ruuusaamarki 1ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    sassのソースマップでエラーがでてしまいます。

    sassのソースマップをCSSと同じフォルダに設置し、クロームでデバックをしたいのですが、 クロームのコンソールに下記のようなエラーがでてしまいます。 なにか情報を知っている方がいましたらお教えいただけないでしょうか。 DevTools failed to parse SourceMap: 【URL】common.css.map

    • 0評価
    • 67PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 204PV
    kjro_fb kjro_fb 2ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 92PV
    hanasan hanasan 2ヶ月前に コメント
  • 解決済

    回答
    2

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

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

    • 0評価
    • 126PV
    roronoazoro roronoazoro 2ヶ月前に ベストアンサー
  • 受付中

    回答
    0

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

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

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

    回答
    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評価
    • 204PV
    s8_chu s8_chu 3ヶ月前に ベストアンサー
  • 解決済

    回答
    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評価
    • 150PV
    ToruMatsuda ToruMatsuda 3ヶ月前に コメント
  • 解決済

    回答
    2

    文字がおかしい

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

    • 0評価
    • 283PV
    apri-11 apri-11 3ヶ月前に 質問を編集
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    217

  • 総質問数

    134

  • 今週の質問数

    1

関連するタグ

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