codecombat/app/styles/courses/teacher-courses-view.sass
2015-12-01 06:13:52 -08:00

99 lines
1.7 KiB
Sass

#teacher-courses-view
margin-bottom: 50px
.active-courses
font-size: 12px
font-weight: bold
text-transform: uppercase
.class-count
font-size: 30px
.class-name
font-size: 20px
font-weight: bold
.corner-ribbon-container
overflow: hidden
position: relative
.corner-ribbon
width: 200px
background: #0BFF76
position: absolute
top: 15px
left: -65px
text-align: center
line-height: 24px
letter-spacing: 1px
color: white
transform: rotate(-30deg)
-webkit-transform: rotate(-30deg)
.sticky
position: fixed
.shadow
box-shadow: 0 0 3px rgba(0,0,0,.3)
.top-left
top: 25px
left: -50px
transform: rotate(-45deg)
-webkit-transform: rotate(-45deg)
.course-concept
display: inline-block
white-space: nowrap
font-size: 12px
line-height: 12px
border: 1px solid lightgray
margin-right: 4px
margin-top: 4px
padding: 6px
background-color: #AAEA6E
.course-enrolled
font-size: 12px
font-weight: bold
.course-name
font-size: 18px
font-weight: bold
.divider
border-bottom: 1px solid black
margin-bottom: 20px
img.media-object
width: 300px
.edit-classroom-small
cursor: pointer
&:hover
color: grey
.no-students
font-size: 22px
font-style: italic
margin: 10px
text-align: center
.section-header
border-bottom: 1px solid black
font-size: 20px
font-weight: bold
margin-bottom: 20px
text-transform: uppercase
.text-center
text-align: center
.uppercase
text-transform: uppercase
.welcome
font-size: 24px
font-weight: bold
margin-bottom: 20px