SASS: Only properties may be nested in properties. Why?

Question

I have the following SASS script, but PhpStorm says it\'s \"Ilegal nesting: Only properties may be nested beneath properties.\" What\'s wrong with nesting element stylings?

Answer 1

Sass syntax is extremely strict regarding indentation. You must be consistent.

$blueish: blue

header

  nav
    float: left

    ul // this was indented too far
      list-style: none
      margin: 0

      li
        float: left
        margin: 2px 5px

        a
          color: $blueish
          font-size: 0.8rem