CSSの記述が間違っていてエラーが出た話

環境

macOS Catalina 10.15.7
Ruby on Rails 6.0.0
RSpec 4.0.1
pry rails 0.3.9

エラー内容

RSpecで visit root_path を実行したタイミングでエラーが発生した。

console

Failure/Error: <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     
     ActionView::Template::Error:
       Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "##253141;"
     
     
     
     # (sass):8
     # ./app/views/layouts/application.html.erb:8:in `_app_views_layouts_application_html_erb__1634657128219108166_70256618570500'
     # ------------------
     # --- Caused by: ---
     # Sass::SyntaxError:
     #   Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "##253141;"
     #   (sass):8

デフォルトで app/views/layouts/application.html.erb に記述されている、外部スタイルシートを指定するリンクタグを生成するメソッドを読み込んだタイミングでエラーが発生している。

対処

エラー内容をみると、Invalid CSSとなっている。##253141;というtypoがあるようなので、VSCodeの文字列検索で探してみる。

messages.css

.side-bar {
  width: 300px;
  height: 100vh;
  background-color: ##253141;
}

あった。
#を一つ消し、visit root_pathが正しく動作することを確認できた。
今回、VSCodeの検索機能を初めて使用したが、めちゃくちゃ便利なので、今後も使っていきたい。