add future mixin

Coursemology · Mar 16, 2015 · 36bf7b5 · 36bf7b5
1 parent 371c3d3
commit 36bf7b5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/app/assets/stylesheets/course/announcements.css.scss b/app/assets/stylesheets/course/announcements.css.scss
@@ -2,6 +2,7 @@
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
 @import "variables";
+@import "mixins/future";
 
 .course-announcements {
   &.index {
@@ -15,6 +16,10 @@
       .content {
         margin-top: 10px;
       }
+
+      &.future {
+        @include future($gray-lighter);
+      }
     }
   }
 }
diff --git a/app/assets/stylesheets/mixins/_future.css.scss b/app/assets/stylesheets/mixins/_future.css.scss
@@ -0,0 +1,8 @@
+//future style
+//indicates the item will be available in future
+
+@mixin future($bg-color) {
+  background-color: $bg-color;
+  opacity: 0.9;
+  padding: 10px;
+}