gradable sections - adding in assets and markup - wip

cms/static/sass/_cms_mixins.scss

@@ -47,6 +47,20 @@
 	}
 }
 
+@mixin green-button {
+	@include button;
+	border: 1px solid #0d7011;
+	border-radius: 3px;
+	@include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
+	background-color: $green;
+	color: #fff;
+
+	&:hover {
+		background-color: #129416;
+		color: #fff;
+	}
+}
+
 @mixin white-button {
 	@include button;
 	border: 1px solid $darkGrey;

cms/static/sass/_courseware.scss

@@ -68,6 +68,21 @@ input.courseware-unit-search-input {
 		}
 	}
 
+	.section-gradable-status {
+		position: absolute;
+		top: 25px;
+		right: 330px;
+
+		input[type=checkbox] {
+		   position: absolute;
+		   top: -9999px;
+		   left: -9999px;
+		}
+		label {
+		  cursor: pointer;
+		}
+	}
+
 	.datepair .date,
 	.datepair .time {
 		padding-left: 0;

cms/static/sass/_variables.scss

@@ -15,6 +15,7 @@ $error-red: rgb(253, 87, 87);
 
 $blue: #5597dd;
 $orange: #edbd3c;
+$green: #108614;
 $lightGrey: #edf1f5;
 $mediumGrey: #ced2db;
 $darkGrey: #8891a1;

cms/templates/overview.html

@@ -129,6 +129,10 @@
                   <a href="#" class="edit-button" data-date="${start_date_str}" data-time="${start_time_str}" data-id="${section.location}">Edit</a>
                 %endif
               </div>
+              <div class="section-gradable-status">
+                <input type="checkbox" id="section-gradable-status-true">
+                <label for="section-gradable-status-true">Gradable</label>
+              </div>
             </div>
             <div class="item-actions">
               <a href="#" data-tooltip="Delete this section" class="delete-button delete-section-button"><span class="delete-icon"></span></a>