Sass

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

RSS

  • 解決済

    回答
    1

    SCSS for文内のパーセント指定につきまして

    いつもお世話になっております。 SCSSのfor文内でパーセントを セレクタの値に設定したのですが、 下記エラーが表示されます。 パーセント指定方法ございましたら ご教示頂ければと存じます。 宜しくお願い致します。 @keyframes anim { @for $i from 0 through 100 { #{$i}%{

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

    回答
    0

    flaggrunt導入でインストール後にエラー

    開発初心者です。 下記の事象について何かご存知の方、ご教授いただければ幸いです。 試行した導入手順 npmを最新の状態にした後、grunt-cliをインストール $ npm install -g grunt-cli (※grunt-cliのバージョンを確認する際、$ /usr/local/share/npm/bin/grunt -versionのように

    • 0評価
    • 27PV
    samidare samidare 6日前に 質問を編集
  • 受付中

    回答
    0

    balkan style portfolio galleryで写真を追加する方法

    balkan style portfolio gallery ↓ https://codepen.io/anon/pen/XawyVa のURLに記載されたコードをコピーし、一部修正が必要だったため修正して使ってます。 初期では写真が8枚なのですが、追加したかったため.row内の<li></li>で増やそうとしたところ 下記写真のようにレイアウトが崩れて

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

    回答
    2

    sass で json を使う

    { "html": { "background": "red" } } $html-background: (jsonから取得した値 = red) html { background: $html-background; } json を取得して、 css で使用する方法はありますか?

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

    回答
    3

    チーム内で自分だけがsassを使う方法

    自分は現在sassを使ってコーディングをしているのですがチーム内の他の人たちはsassがわからないためsassをコンパイルしたcssを触って修正しています。この場合、sassを使わない方が賢明なのでしょうか?よろしくお願いします。

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

    回答
    1

    スタイルガイドジェネレーター sc5-styleguide 画面崩れを直したい

    前提・実現したいこと スタイルガイドジェネレーター sc5-styleguide 画面崩れを直したい。 ■正常な画面 http://demo.styleguide.sc5.io/ 発生している問題・エラーメッセージ CSSが効いていないのか、フッターやナビゲーションなどが崩れています。 「package.json」「gulpfile.js」を記載いたしま

    • 0評価
    • 62PV
    ArimaTetsuya ArimaTetsuya 2週間前に コメント
  • 受付中

    回答
    1

    eclipesでsassファイル認識させたいです。

    バージョンはNeon.3 (4.6.3)です。 scssファイルを開くと白文字でやりにくいので 色を付けたいですがどうしたらいいでしょうか?

    • 0評価
    • 30PV
    asahina1979 asahina1979 2週間前に 回答
  • 受付中

    回答
    0

    nuxt.js ・ホットリローディング時の挙動 ・コンポーネント別のSASSの読み込み

    VueJSのフレームワークのnuxtJSについて下記の質問をさせてください。 まだまだ新しいフレームワークで情報が少ないのですがもしご存知の方がいらっしゃいましたらご教授願えますでしょうか。 問題 1 ホットリローディングにPagesディレクトリファイルおよび関連ファイルが削除されているとnuxtJSがハングアップしてしまうのですが私の環境の固有の現象で

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

    回答
    3

    flexboxのalign-items(center)がchrome(PC)にしか反映されない

    前提・実現したいこと HTML5とCSS3(およびsass compass skeleton)を用いてWebサイトを作成しており、flexboxとsass(compass?)の@mixinであるalign-items(center)を用いて、とあるテキストを背景となるクラスの上下中央に配置したいと考えています。 以下ソースコードのように記述したところ、c

    • 0評価
    • 382PV
    mhiroki mhiroki 4週間前に コメント
  • 解決済

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

    回答
    1

    MacOS Sierraでsassとcompassをインストールできない

    前提・実現したいこと MacOS Sierraにsassとcompassをインストールしたい 発生している問題・エラーメッセージ $ sudo gem install -n /usr/local/bin sassとターミナルに打ち込んだ結果、下記のエラー文が出ます。 Password: Building native extensions. Thi

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

    回答
    2

    おすすめのエディタを教えてください

    様々なエディタに触れてきたのですが、最近の環境に対応できるおすすめエディタ&おすすめパッケージがあったら教えて欲しいと思い質問させていただきました。 私の環境だとhtml/css/js/sass/gulp/gitなどを中心に利用しているので以下のような条件だと嬉しいです。 emmetが利用できる beautifyが使用できる gitがプラグ

    • 0評価
    • 475PV
    2001Y 2001Y 1ヶ月前に コメント
  • 解決済

    回答
    1

    sassで色にばらつきと複数のセレクタ

    前提・実現したいこと sassで背景色がバラバラの違うセレクタを2000こ用意したいです セレクタのmargin-top-[のここが]20 40 80 100 ... と20ずつ増えるのを利用することを考えたんですが、頭がこんがらがってしまいましたので、ご教授してもらいたく質問しました。 <!DOCTYPE html> <html> <head> <meta

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

    回答
    1

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

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

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

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

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

    回答
    1

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

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

    • 0評価
    • 97PV
    supermaruetsu supermaruetsu 2ヶ月前に コメント
  • 受付中

    回答
    0

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

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

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

    回答
    2

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

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

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

    回答
    2

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

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

    • 0評価
    • 146PV
    saruasru saruasru 2ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    234

  • 総質問数

    146

  • 今週の質問数

    1

関連するタグ

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