codecombat/app/styles/courses/courses-view.sass

#courses-view
  h1
    margin-bottom: 30px
    
  #main-content
    max-width: 720px
    margin: 0 auto

  #play-now-to-learn-header
    margin-top: 60px

  #benefits-ul
    margin: 0 auto 40px
    width: 360px

  hr
    border-top: 1px solid grey
    margin: 5px 0
    padding-bottom: 20px
    opacity: 0.5

  .view-levels-btn
    font-size: 13px
    padding-left: 10px

  .text-uppercase
    margin-top: 40px

  #just-added-text
    color: #009999

  .just-added
    border: 1px solid #009999
    margin: 0 -20px
    padding: 0 20px

  .course-instance-entry
    padding-bottom: 10px

    .progress-bar
      min-width: 15%

    .btn
      margin-left: 20px
      min-width: 180px

  #join-class-form
    .alert, .progress
      margin-top: 20px

  // Hero display
  .current-hero-container
    display: flex
    justify-content: center

    .current-hero-text
      font-size: 16pt

    .hero-avatar
      background-color: #f8f8f8
      box-shadow: 0 0 0 1px gray
      margin-right: 25px

    .current-hero-right-col
      display: flex
      flex-direction: column
      justify-content: space-between
      align-items: flex-start
Add framework for new courses pages 2015-11-03 19:41:06 -05:00			`#courses-view`
Set up courses view for anonymous users 2015-11-21 14:38:34 -05:00			`h1`
			`margin-bottom: 30px`
Flatten /courses 2016-04-28 15:08:20 -04:00
			`#main-content`
			`max-width: 720px`
			`margin: 0 auto`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Set up courses view for anonymous users 2015-11-21 14:38:34 -05:00			`#play-now-to-learn-header`
			`margin-top: 60px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Flatten /courses 2016-04-28 15:08:20 -04:00			`#benefits-ul`
Set up courses view for anonymous users 2015-11-21 14:38:34 -05:00			`margin: 0 auto 40px`
Flatten /courses 2016-04-28 15:08:20 -04:00			`width: 360px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Partial work on /courses view when signed in 2015-11-22 03:08:46 -05:00			`hr`
Fix /courses initial implementation 2015-11-29 13:27:40 -05:00			`border-top: 1px solid grey`
Partial work on /courses view when signed in 2015-11-22 03:08:46 -05:00			`margin: 5px 0`
Update /courses UI 2016-08-17 17:15:36 -04:00			`padding-bottom: 20px`
			`opacity: 0.5`

			`.view-levels-btn`
			`font-size: 13px`
			`padding-left: 10px`
Fix /courses initial implementation 2015-11-29 13:27:40 -05:00
			`.text-uppercase`
			`margin-top: 40px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Add join-class functionality to /courses 2015-11-29 18:13:23 -05:00			`#just-added-text`
			`color: #009999`

			`.just-added`
			`border: 1px solid #009999`
			`margin: 0 -20px`
			`padding: 0 20px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Partial work on /courses view when signed in 2015-11-22 03:08:46 -05:00			`.course-instance-entry`
Update /courses UI 2016-08-17 17:15:36 -04:00			`padding-bottom: 10px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Add completion stats to /courses 2015-11-29 17:18:24 -05:00			`.progress-bar`
			`min-width: 15%`

			`.btn`
			`margin-left: 20px`
			`min-width: 180px`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00
Add join-class functionality to /courses 2015-11-29 18:13:23 -05:00			`#join-class-form`
			`.alert, .progress`
Update /courses fwd/back links to be more consistent Teachers, click here! is bit bigger. 2015-12-07 14:11:07 -05:00			`margin-top: 20px`
Add hero selector for courses mode Use selected hero in Course mode play Show selected hero on Courses (in progress) Add hero select modal Use short names, only show warriors Use box-shadow instead of borders Add tests for HeroSelectModal Refactor modal opening test Address code review feedback 2016-05-25 18:24:51 -04:00
			`// Hero display`
			`.current-hero-container`
			`display: flex`
			`justify-content: center`

			`.current-hero-text`
			`font-size: 16pt`

			`.hero-avatar`
			`background-color: #f8f8f8`
			`box-shadow: 0 0 0 1px gray`
			`margin-right: 25px`

			`.current-hero-right-col`
			`display: flex`
			`flex-direction: column`
			`justify-content: space-between`
			`align-items: flex-start`