codecombat/app/styles/front-view.sass

@import "app/styles/mixins"
@import "app/styles/bootstrap/variables"

#front-view
  h1
    text-align: center
    margin-top: 0

  .platform-choices
    a
      text-align: center

      .panel
        @include transition(background-color 0.5s ease)

      &:hover
        text-decoration: none

        .panel
          background-color: rgb(230, 230, 255)

    .platform-ios
      img
        transform: scaleY(-1)
  
@media only screen and (max-width: 800px)
  #front-view
    #site-slogan
      font-size: 30px
      margin-bottom: 30px
Trying to standardize sass imports in an effort to test #1615, to no avail. 2014-09-30 16:17:54 -07:00			`@import "app/styles/mixins"`
			`@import "app/styles/bootstrap/variables"`
Starting new front view (at /front for now) and play view (at /play-hero for now). 2014-09-17 18:56:08 -07:00
			`#front-view`
			`h1`
			`text-align: center`
			`margin-top: 0`

			`.platform-choices`
			`a`
			`text-align: center`

			`.panel`
			`@include transition(background-color 0.5s ease)`

			`&:hover`
			`text-decoration: none`

			`.panel`
			`background-color: rgb(230, 230, 255)`

			`.platform-ios`
			`img`
			`transform: scaleY(-1)`

			`@media only screen and (max-width: 800px)`
			`#front-view`
			`#site-slogan`
			`font-size: 30px`
			`margin-bottom: 30px`