[scss] タグが付いた質問
12
質問
0
票
1
回答
42
閲覧数
ハンバーガーメニューのボタンの設定
前提
現在JSのバニラ版のみでハンバーガーメニューを作成しています。
解決したい問題・エラー内容
現在このようなエラーが出てしまっていて動きません。
改善して3つ同時に動くような設定にしたいです。
Cannot read properties of undefined (reading 'toggle')
考察・試行した事
・最初は線全てにIDをつけて付け替えをしようかと思ったのですが、...
0
票
0
回答
93
閲覧数
scssでのコンパイルで Error: The "path" argument must be of type string. Received undefined
VSCodeでscssのコンパイル、style.scssを更新し、style.cssのファイルに書き出したいのですが、以下のメッセージが表示されます。
どうすれば解決できますでしょうか。
PCはmacです。
Error: The "path" argument must be of type string. Received undefined
ソース DartJS Sass ...
0
票
0
回答
57
閲覧数
Ruby on Railsでbulmaが適用されません
プログラミングを独学で勉強しておりサンプルでアプリを作っているのですがRuby on Railsでgem bulmaを bundle install して rails s で画面を開いてもCSSが適用されませんでした。
application.cssもscssに変えて@import bulmaとコードしたのですが以下のようなエラーが出ます。
エラー内容
SassC::SyntaxError in ...
0
票
1
回答
131
閲覧数
ページによってheaderの色が変わるようにしたい
やりたいこと
ページを移動した際に、ヘッターの文字の色が変わるようにしたいです(Aのページだと、この色。Bのページだとこの色、みたいな。)
現状
以下のようなコードでheaderを書いています。仮にこのbackground -colorをページごとに変えたいときはどのように書けばいいでしょうか?
条件分岐みたいな書き方をするのか、それとも違うクラスを与えたりするのか、よくわかりません。...
0
票
1
回答
105
閲覧数
使っているデバイスによってbackground-sizeを変えたい
やりたいこと
作っているアプリ内で,background-sizeがいまいちいい感じに決まりません.そこで,”pcならcontain, それ以外ならcover”みたいなことをやりたいです.
コード例
pages.scss
.top-main {
padding: 200px 0 200px;
text-align: center;
position: absolute;
top:...
0
票
1
回答
63
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
1
回答
640
閲覧数
rails7, scssにコードを書いてもbackground-imageが表示されません.
やりたいこと
rails6で作ったアプリを,rails7で作り直してます.
そのなかで,background-imageを表示したいです.
やったこと
rails6で動いていたとおりに,コードを記述しました.
事前に表示したい画像をapp/assets/imagesに入れてることを確認し,以下に添付したように記述しました.
気になること
表示されないのはおかしいな?と思い,bin/rails ...
0
票
1
回答
80
閲覧数
3D アニメーション
YouTubeのtutorialビデオ https://youtube.com/watch?v=NSWr6dkc_Xw&t=418s を見て そっくりそのままコピーしながら3Dアニメーションを作ろうとしています。
ある所まで順調にできました。そこまで出来上がったhtmlとscssが下記の通りです。
html
<div class="banner">
...
0
票
1
回答
924
閲覧数
HPを作成中ですが、CSSとSCSSが反映されません。
現象
作成中のHPをVS CodeのLive Serverでプレビューとして見た。
CSSとSCSSが反映されない。
期待値
logo.svgをwidth: 120px;、height: 40px;に設定したい。
再現手順
下記のコードをGoogle Chromeで実行する。
index.html
<!DOCTYPE html>
<html lang="ja"&...
0
票
1
回答
349
閲覧数
rails6リセットcssなどが2重に読み込まれてしまう
rails6で開発を行っていますが、cssが2重で適用されてしまいます。
フォルダの階層構造は以下の様になっています。
app/assets/stylesheets/_common.css
app/assets/stylesheets/_icomoon.css
app/assets/stylesheets/_initialize.css
app/assets/stylesheets/...
0
票
1
回答
231
閲覧数
railsでcss適用させようとするとRack app error handling requestというのが出ます
railsにcssを適用させたいのですが、適用されません
application.html.erb
<title>UberEvaluation</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag '...
0
票
1
回答
858
閲覧数
意図した通り scss が haml に反映されない
views/tweets/index.html.haml に反映させたい _tweets.scss を、assets/modules/_tweets.scss として置いています。
application.scssは、
@import "reset";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "...