回答率

87.80%

tag:

PHP, JavaScript, Java, Python, etc.
is:

accepted, not-accepted, answered, not-answered
sort:

created-asc, created-desc, updated-asc, updated-desc, smart
author:

username, me

JavaScriptを有効にしてください

Sass

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

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

1
jQuery スクロールアニメーションがフェードインしない

前提・実現したいこと現在、WEB制作を学習中でサイト模写(https://code-step.com/lp-menu/)をしております。 jQueryのisInviewというプラグインを使用してスクロールにて発火するフェードインアニメーションを作成したいです。発生している問題・エラーメッセージ jQueryのremoveClassでhtml要素は消えるのですがaddClassで要素が浮かび
- CSS3
- HTML5
- jQuery UI
- スクロール
- Sass
- 0評価
- 0クリップ
- 209PV
Ray_of_light 18時間前にコメント
受付中

回答

0
parse error: failed at エラーが解決できません

前提・実現したいことポートフォリオをこれまでVScodeのプラグインで使用していましたが、 gulpで環境構築し、dartsassで@useでコンパイルした際、以下のようなエラーが生じてしまいました。発生している問題・エラーメッセージ Sass Compiling Error style.scss "parse error: failed at `@use 'Foundation/res
- Sass
- Dart
- gulp
- 0評価
- 1クリップ
- 37PV
teratailが 1日前にアップデート
解決済

回答

1
Dart Sass のコメント位置がおかしい

最近LibSassからDart Sassに変更したのですが、コメント表示についておかしな不具合？のようなものがあり質問させていただきました。以前までの@importで読み込む形でしたら以下のようにコメントを書くことができました。 /* Foundation */ @import 'foundation/base'; /* Layout */ @import 'layout/header';
- CSS
- Sass
- gulp
- SCSS
- 0評価
- 2クリップ
- 86PV
takopo 2日前にベストアンサー
受付中

回答

1
Sassでレスポンシブ

レスポンシブデザインをするために、responsive.cssファイルを作成し、そこに今までは記述していました。しかし、Sassを導入した後、レスポンシブデザインをするための記述はどのファイルにすれば良いかわかりません。サスに詳しい方、教えてください。
- レスポンシブWebデザイン
- Sass
- 0評価
- 0クリップ
- 51PV
maisumakun 4日前に回答
受付中

回答

1
gulpとPostCSSを使って、Sassのメディアクエリをまとめようとしています。小さな画面サイズから大きな画面サイズへと順にメディアクエリを出力したいのですが、順序が崩れてしまいます。

CSSを記述するときはSassを使っています。そしてメディアクエリを多用しており、今回作ったサイトでは同じ画面サイズのメディアクエリがあちこちに存在する状況になっています。このメディアクエリを簡潔にするため、gulpとPostCSSを使って同じ画面サイズのメディアクエリを１つにまとめようとしています。わたしがCSSを記述するときの順序ですが、わたしは基本的にモバイルファーストで作成して
- CSS
- Sass
- gulp
- 0評価
- 0クリップ
- 69PV
s8_chu 5日前に回答
受付中

回答

0
【Sass】@mixinを使用してmax-widthで任意のpxで切り替えたい

下記のコードをご覧ください。 @mixin modal_size_1100($max-width:1100px){ @media screen and (max-width:$max-width) { @content; } } @include modal_size_1100{ .modal_range { & > .modal_por
- CSS
- Sass
- SCSS
- 0評価
- 1クリップ
- 83PV
teratailが 1週間前にアップデート
解決済

回答

2
sassでコンパイル（読み込み）が自動で反映されない。

sassで記述するとファイル分けして、ヘッダー部分のコードは例えば、_header.scssにコードを書きます。そして、style.scssに@import"module/header";として記述するとstyle.cssにコンパイルされるかと存じます。しかし、毎回自動読み込みならず、watching sassをクリックしてもstyle.cssに反映せず、 @import"module/h
- HTML
- CSS
- Visual Studio
- Sass
- 0評価
- 0クリップ
- 852PV
remitantan 1週間前にコメント
受付中

回答

0
パーシャルファイルを保存したら親ファイルがコンパイルされるようにしたい【DartJS Sass Compiler and Sass Watcher】

Sassのコンパイル環境 VS Codeの拡張機能：DartJS Sass Compiler and Sass Watcher 質問内容パーシャルファイルを保存したら親ファイルがコンパイルされるようにしたいです。「パーシャルファイルを保存 → 親ファイルを保存」で問題なくコンパイルはされるのですが、親ファイルを読み込んで保存をする手間を省くことはできないでしょうか。ご教授いただけれ
- 0評価
- 0クリップ
- 70PV
teratailが 1週間前にアップデート
受付中

回答

1
流線のアニメーション

現状できている範囲は流線を固定で表示させることです。以下コード <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> const draw = function(){ const SCREEN_WIDTH = 1440, SCREEN_HEIGHT = 1000, canvas =
- JavaScript
- CSS3
- Sass
- 0評価
- 0クリップ
- 89PV
yambejp 1週間前に回答
解決済

回答

1
Live Sass CompilerでCSSファイルが生成されない

VScodeのLive Sass Compilerで、「Watch Sass」を押すと以下のコードだけが表示されて何も起きません。 Compiling Sass/Scss Files: Watching... ちなみに、フォルダ内にはHTMLファイルとSCSSファイルの2つのみです。どなたか、CSSファイルが生成されない原因がわかる方はいませんか？
- HTML
- CSS
- ファイル
- HTML5
- Sass
- 0評価
- 0クリップ
- 67PV
Kumanoko 2週間前に回答
受付中

回答

0
Live Sass Compilerの設定について

前提・実現したいこと Live Sass Compiler をインストールしたのですが、コンパイルなど実際に試してみようと、設定などをいじっていたら青いメニューバーがまるごと消えてしまったので、元の状態にしたいです。どこの設定を直したらいいのか全くわからず困っています。。発生している問題・エラーメッセージ該当のソースコードソースコード試したことアンインストールしても表示がもど
- コンパイル
- Sass
- 0評価
- 0クリップ
- 60PV
teratailが 2週間前にアップデート
受付中

回答

1
HTML・CSS(Sass)のメニューバー

](7c5df6afa53d627a5a8dd80a77fea9b2.png) 画像のメニューバーを作りたいです。ロゴとメニュー名の素材は画像で、メニューの文字はテキストです。コードを打っているのですが、画像が切れます。メニューの画像を90px 40pxにしたいです。メニューの黄色い背景は高さ80px、横幅は１００％ロゴは120pxの40px,マージンは23px 0px 17px 9
- HTML
- CSS
- Sass
- SCSS
- -1評価
- 0クリップ
- 167PV
runnynose 3週間前に回答
解決済

回答

2
SVG画像の色が変わらない

前提・実現したいこと wordpress5.7.2 SVG画像に色をつけたい ↑これを白色にして ↓の赤枠部分に表示させたい ※現状赤枠には黒い矢印が表示されています該当のソースコード <li class="c-page_item"> <a href=""> お問い合わせ
- PHP
- CSS3
- WordPress
- Sass
- SVG
- 0評価
- 0クリップ
- 189PV
runnynose 3週間前に回答を編集
解決済

回答

1
gulp sassが正常にコンパイルされない

gulpでsassをコンパイルしようとしていますが、エラーが解決されない状況ですバージョン node 12.12.0 npm 6.11.3 gulp CLI version: 2.3.0 Local version: 4.0.2 エラー内容 [23:30:03] Using gulpfile ~/gulp_test/gulpfile.js [23:30:03] Starting
- JavaScript
- Node.js
- Sass
- gulp
- npm
- 0評価
- 1クリップ
- 1093PV
taammy 4週間前に回答
受付中

回答

0
live sass compilerでGlob(ワイルドカード*)で指定する方法

前提・実現したいこと VScodeでlive sass compilerを用いて複数のscssファイルをcssファイルに一括コンパイルしようとしたところ、以下のエラーメッセージが発生しました。発生している問題・エラーメッセージ Compilation Error Error: File "~/scss/layout/*" not found on line 7 of sass/~/scss
- CSS
- Sass
- SCSS
- 0評価
- 0クリップ
- 73PV
teratailが 1ヶ月前にアップデート
受付中

回答

0
React import部分のエラー

ビルドはうまくいくのですが、VisualStudioCode上でエラーが発生しているようです。もし、解消方法を知っておりましたらご教示下さい。 import { Header } from '@/components/header'; import { UserInfo } from '@containers/user-info'; import { Button, Dialog, Dial
- Visual Studio
- ビルド
- Sass
- React.js
- Redux
- 0評価
- 0クリップ
- 89PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
gulpを用いたpug＆sassコンパイルのエラー： SyntaxError in plugin "gulp-pug"

前提・実現したいことコマンドプロンプトにエラーが出ていて、どうやらコンパイルができずに止まっているようです。ネットで同様の記事等も見てみましたが、それでもどうしたらよいのか分かりません。原因として思い当たる節とすれば、コンポーネント化を取り入れたくてReactを入れたりしたのでその時にいままでとディレクトリが変わってしまったりして、以前のディレクトリの指定では「そこにgulpはない」ってこと
- Windows
- コンパイルエラー
- Sass
- gulp
- Pug
- 0評価
- 0クリップ
- 83PV
runnynose 1ヶ月前にベストアンサー
受付中

回答

0
webpack slick でエラーがでてしまいます。

https://flex-box.net/slick-npm/ 上記のサイトを見て、やってみたのですが、 webpackでビルドした時に、 ERROR in ./node_modules/slick-carousel/slick/slick-theme.css 1:0 Module parse failed: Unexpected character '@' (1:0) You may n
- Sass
- webpack
- npm
- 0評価
- 0クリップ
- 70PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
gulp-sass-globで全てのファイルがインポートされない

前提・実現したいこと foundationフォルダ内に、_base.scss,_mixin.scss,_reset.scss,_variable.scssの4ファイルがあるのですが、_mixin.scss と_variable.scssがインポートできずにstyle.cssに反映されないので解消したいです。該当のソースコード const gulp = require('gulp'); con
- JavaScript
- Sass
- gulp
- 0評価
- 0クリップ
- 82PV
takki1219 1ヶ月前に回答
解決済

回答

1
bundle updateができない。

前提・実現したいこと Ruby on Railsで環境構築を行なっています。 git cloneしたのちに、Gemfileで修正があったため、修正したのちbundle updateを行うと、以下のようなエラーがターミナルで表示されました。環境構築に不慣れなため、どなたかご教授お願いします。発生している問題・エラーメッセージ Gem::Ext::BuildError: ERROR: Faile
- 0評価
- 0クリップ
- 134PV
taguho 1ヶ月前に回答

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

587人
総質問数

896件
今週の質問数

4件

タグ別ランキング

1

s8_chu

score 471

HTML

CSS

JavaScript
2

maisumakun

score 457

JavaScript

PHP

Ruby
3

Lhankor_Mhy

score 209

JavaScript

CSS

HTML
4

new1ro

score 190

CSS

HTML

HTML5
5

kei344

score 145

JavaScript

HTML

WordPress
6

hatena19

score 128

CSS

HTML

VBA
7

m.ts10806

score 109

PHP

JavaScript

HTML
8

miyabi_takatsuk

score 106

JavaScript

HTML

CSS
9

x_x

score 104

JavaScript

HTML

jQuery
10

miyabi-sun

score 103

JavaScript

Node.js

PHP

ランキングをもっと見る

タグ別ランキング

1

odataiki

score 11

Python

CSS

JavaScript
2

yambejp

score 9

JavaScript

PHP

jQuery
3

s8_chu

score 6

HTML

CSS

JavaScript
4

runnynose

score 6

JavaScript

CSS

HTML
5

takna

score 5

WordPress

CSS

HTML
6

taammy

score 4

JavaScript

gulp

Sass
7

maisumakun

score 2

JavaScript

PHP

Ruby
8

torsg

score 2

CSS

HTML

HTML5
9

hope_mucci

score 2

Python

JavaScript

HTML
10

komatsundo

score 2

Sass

HTML

Visual Studio

ランキングをもっと見る

タグ別ランキング

1

odataiki

score 11

Python

CSS

JavaScript
2

s8_chu

score 6

HTML

CSS

JavaScript
3

maisumakun

score 2

JavaScript

PHP

Ruby
4

torsg

score 2

CSS

HTML

HTML5
5

taammy

score 2

JavaScript

gulp

Sass
6

takopo

score 1

CSS

HTML

HTML5

ランキングをもっと見る

関連するタグ

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

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