Nested style

I'd like to transform a SASS style to css-style like this one:

#app
  display: grid
  min-height: 100vh
  grid-template-rows: $header-height auto
  grid-template-columns: $sidebar-width auto $edit-sidebar-width

  #main-navbar
    grid-column-start: 1
    grid-column-end: -1
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
    .title, .subtitle
      margin: 0
    .subtitle
      margin-left: 1.25em

  #main
    grid-column-start: 2

Does this work with css-style?