Sassにプロパティの指定に関して

Question

初めまして。皆様質問がございます。よろしくお願いいたします。

下記 URLhttps://ruby01-rudiments.c9.io/sessions/newのsassのプロパティの指定を行いたいのですが、方法がわかりませんので宜しくお願い致します。

①ログイン画面の背景を白色にしたい。
②ログイン、メールアドレス、パスワードの文字色を白から黒に変えたい。
③現在あるログイン画面を中央寄せにしたい。

の三点になります。宜しくお願い致します。

変更対象のCSSファイル

    
#sessions
  display: table
  widows: 100%
  height: 100%
  background-color: #f5f5f5
#sessions-new
  display:table-cell
  vertical-align: middle
.login-content
  margin: 0 auto
  float: none
form
  border: 1px solid #ddd
  border-bottom-width: 3px
  border-radius: 6px
  background-color: #fff
h2
  margin: 0px
  padding: 12px
  text-align: center
  border-bottom: 2px solid #ddd
  font-size: 18px
  font-weight: 600
.form-body
  padding: 25px 30px
.control-label
  font-weight: 400
.btn
  width: 100%
  margin: 10px 0px
.signup
  text-decoration: underline

失礼致します。

Answer 1

###1.ログイン画面の背景を白色にしたい。
「ログイン画面」が画面全体を表してるのか、formタグの部分を表してるのかが分かりませんが、
画面全体の場合は

#sessions
  display: table
  widows: 100%
  height: 100%
  background-color: #f5f5f5

上のbackground-colorを #fff にすればいいと思います。

formの場合は

#new_user
  background-color: #fff

こんな感じでいかがでしょうか？
###2.ログイン、メールアドレス、パスワードの文字色を白から黒に変えたい。

#new_user
  color: #000

###3.現在あるログイン画面を中央寄せにしたい。

.login-content
  margin: 0 auto
  float: none

上の float: none に !important を付加してみてはいかがでしょうか？

.login-content
  margin: 0 auto
  float: none !important

---

1と2で成果が得られない場合は !important を利用してみてください。

足しになれば幸いです。

Comments

[cheeeeeeese]

ご回答ありがとうございます。
ご回答遅れてしまい申し訳ありませんでした。上記の回答を参考にさせていただきたいと思います。

今回はありがとうございました。

失礼します。