2
票
HPを作成中ですが、CSSとSCSSが反映されません。
基本的なことを確認しますが、
header.scssをコンパイルしてheader.cssは作れたのですか?
header.scss
.header {
.header__profile_button {
width: 120px;
height: 40px;
}
}
header.scssをコンパイルしてできたheader.css
....
2
票
使っているデバイスによってbackground-sizeを変えたい
メディアクエリを使ってブラウザーのビューポートの幅で切り替えるのが一般的です。
たとえばスマートフォン用の指定は下記を追加します
@media (max-width: 575.98px) {
.top-main {
background-size: cover;
}
}
1
票
3D アニメーション
.banner に transform-style: preserve-3d; を追加してください。
.banner {
display: flex;
transform-style: preserve-3d;
}
perspective を効かせるためには preserve-3d を使って 3D レンダリング・コンテキストを作る必要があります。
https://developer....
1
票
railsでcss適用させようとするとRack app error handling requestというのが出ます
#<NoMethodError: undefined method 'silence' for #<Logger:0x0000561c9b2adcb8>>
こちらがエラーの本体のようです。
silenceやlogger.silenceでソースコードを検索してみて、その行を削除してみてはどうでしょうか。
1
票
意図した通り scss が haml に反映されない
後からインポートした modules/_index.scss のスタイルが modules/_tweets.scss で設定されたスタイルを上書きしてしまっているので、以下のようにインポートの順序を入れ替えばよいと思います。
@import "reset";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "...
Only top scored, non community-wiki answers of a minimum length are eligible