4
票
承認済み
gulp 意図したフォルダにsassがコンパイルされない
.pipe(gulp.dest(dest.root)) ではなく .pipe(gulp.dest('dest.root'))となっていることが原因です。
4
票
承認済み
SyntaxError: Unexpected token -
Javascriptの関数名に使える記号は、ドル記号($)とアンダースコア(_)だけです。
マイナス記号(-)は使えません。
ところが、質問のコードでは
function browser-sync()
とマイナス記号が使われているので"Unexpected token -"(使われていないはずの記号 - が見つかりました)とのエラーが出たのです。
<修正案>
function ...
3
票
承認済み
scss ってメディアクエリが必須ですか?
@import "bootstrap"のあとに;がぬけていることで@import "bootstrap" .sideber {...のように1つの文として扱われているだけのようです。
エラーメッセージがたしかに不親切な気がするのでしらべてみたところ処理系によってメッセージが異なるようで、
libsassの場合は質問文のようなメッセージ、
dart-sassだと
expected ";".
...
2
票
承認済み
autoprefixerでgridを有効にしているのにIE11でレイアウトが崩れる
Autoprefixer の grid オプションの true は、 no-autoplace の別名です。しかし、 true という表記は廃止予定になっているため、今後 Autoprefixer を導入する場合、使用するべきではありません。
Options
Function autoprefixer(options) returns a new PostCSS plugin. ...
2
票
承認済み
vscodeで{ expectedscss(css-lcurlyexpected)というエラー
私の伝え方が悪かったのかもしれません。
私の方ではPROBLEMSに何も表示されないため、拡張子が違うこと原因ではないかと思いました。
expected scss(予測SCSS記法)というエラーを見たときに
「SCSS記法で警告が出ているのは拡張子*.sassだからでは?」と感じたからです。
私の方で再現させてみました。
現時点でネストしててもコンパイルはされているようですが、
...
2
票
scssで特定の親がある時だけ効くセレクタを書く方法
純粋にどこが並列でどこが条件かを考えれば以下のようになるかなと思います。
.a .b{
.c .d .e{
color:red;
}
&.active .c .d .e{
color:blue;
}
}
2
票
CSSの変数について
質問が漠然としているため回答も粒度の細かいものは出せませんが、簡潔に回答をするとすれば、HTMLの構造も含めたCSS設計によって大きく異なります。
utilityという言葉がFLOCSSで用いられるような汎用クラスのことを指している場合、あくまでも「これだけで解決」するものではなく「合わないところは都度変更・上書きする」という大前提に基づいています。
また、...
2
票
承認済み
brewの名前に/(スラッシュ)が含まれているのは特別な意味がありますか? それとも単なる文字列としてのスラッシュですか?
なかなかこちらで回答がつかなかったので、本家で質問してみました(これがいいことなのか駄目なのかはわかっていません)。
Is there a special meaning of the / (slash) in the name of the brew? Or is it just a slash as a string? の 回答 によると意味があるとのことです。
GitHubのユーザー名/...
2
票
承認済み
inputのrangeのつまみのデザインを変えたい
Selectors Level 3 によれば、 1 つの選択子には 1 つの疑似要素が許可されます[1]。同様の問題は crbug にて WontFixとなっており、今後修正される可能性は低いと考えられます。さらに、 input 要素では ::before, ::after 要素が使用出来ない可能性があります[2]。
7. Pseudo-elements[1]
Only one pseudo-...
1
票
承認済み
Flexboxで隣り合う要素の高さが揃ってしまう
質問文のコードを読むと、 .profile と .main-contents-wrap を横並びにするために .index-all-wrap で display: flex を使用しています。ここで、 flexbox で使用される align-items プロパティは初期値が stretch であるため、 .profile と .main-contents-wrap ...
1
票
承認済み
blur-admin でスタイルが適用されない
まずAngularJS 1.x系なのでNodeのバージョンを下げた方が良いです
8か10あたりのバージョンになると思います(Nodeは偶数バージョンが安定版です)
両バージョン試しましたが私の環境では gulp "angular" is not defined は発生しませんでした
gulp serve 後、コンソールログに以下のエラーが出力されていました
Uncaught ...
1
票
承認済み
ビルドでCSSを書き換えるには?
@font-faceは同名のfont-familyでweightの異なるフォントファイルを複数登録できます。
例えば、weightの違う複数のwoff2ファイルを持つフォント "Foo Sans"があったとします。
@font-face {
font-family: 'Foo Sans';
src: url('./assets/fonts/fooSans-Regular....
1
票
VSCodeの拡張機能のLive Sass Compilerを使ってwatch sassを押してもCompilation Error Error: Stack Overflowと出てSCSSファイルをコンパイルができない
SCSSファイルをコピして新しいフォルダに全く同じファイルを作ったらうまくいきました
たぶんコンパイルされたcssファイルをいじってしまったからだと思います
1
票
flexboxで要素の高さが揃わない
下記でどうでしょうか。
.plans-contents {
display: flex;
}
.plans-content {
display: flex;
}
.plans-content-item {
display: flex;
flex-direction: column;
}
.plans-content-detail {
height: 100%;
...
1
票
承認済み
cssで属性を削除する方法を知りたいです。
article .rich-text の子孫にある ul 要素への padding プロパティの値だけ初期値を取りたいということであれば、 revert 値を用いることで実現出来ます。revert 値は cascade オリジンによって動作が変わります。次のコードのように、作者オリジンのスタイルへ revert 値が設定された場合は、もしユーザオリジンのスタイルがあればそれを使用し、...
1
票
cssで属性を削除する方法を知りたいです。
初めまして。
結論から申し上げますと、既に追加したCSSのプロパティを削除する方法はありません。
まず初めに理解をしていただきたいのは、
CSSの初期化というのはChromeやFirefoxなどのブラウザ間での差異を無くすため作業です。
CSSは仕組み上、削除は出来ないですが、色々やり方は工夫できます。
・クラス名にCSSを指定する
・後から読み込むファイルでCSSを上書きする
1
票
項目間に余白が残り続けてしまいます...。
今回の場合、flex アイテムの配置ではなく、flex アイテム間の余白の扱いが問題です。つまり、align-items プロパティではなく、align-content プロパティの値を考えなければなりません。
CSS Flexible Box Layout Module Level 1 によれば、align-content プロパティの初期値は stretch です。この値では、...
1
票
承認済み
rowspan の css. 親の親を参照したい
CSS4の擬似クラスhasを使えば実装できますが、まだ未対応のブラウザも多い状態です。
対応環境なら以下の記述で反映されるはずです。
tr:has(th[colspan]) ~ tr{ color: red;}
1
票
gulp-sassを実行すると Invalid CSS のエラーが発生する
解決案①
拡張子をsassとして記載する場合は、インデントで調整して階層構造を表現してください。
html
background:red;
body
background:blue;
解決案②
記載内容から"{}"を入れ子で書きたいのかと思います。その場合はファイルの拡張子をscssに変えてください。
style.sass -> style.scss
...
無効化に投票