From d2f0d85085f5b4ca00c3b1076b8adfbd208c0853 Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Wed, 19 Jun 2013 17:42:05 -0400
Subject: [PATCH] studio - adds in basic rules for notices UI

---
 cms/static/sass/elements/_system-help.scss | 39 ++++++++++++++++++++++
 cms/static/sass/views/_settings.scss       |  8 ++++-
 common/static/sass/_mixins.scss            |  7 ++++
 3 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/cms/static/sass/elements/_system-help.scss b/cms/static/sass/elements/_system-help.scss
index 7fcb218282..017faab54d 100644
--- a/cms/static/sass/elements/_system-help.scss
+++ b/cms/static/sass/elements/_system-help.scss
@@ -1,2 +1,41 @@
 // studio - elements - system help
 // ====================
+
+// notices - in-context: to be used as notices to users within the context of a form/action
+.notice-incontext {
+  @extend .ui-well;
+
+  .title {
+    @extend .t-title7;
+    margin-bottom: ($baseline/4);
+    font-weight: 600;
+
+    [class^="icon-"] {
+      @extend .t-icon5;
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: ($baseline/4);
+    }
+  }
+
+  .copy {
+    @extend .t-copy-sub2;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+}
+
+// particular warnings around a workflow for something
+.notice-workflow {
+  background: $yellow-l5;
+
+  .copy {
+    color: $gray-d1;
+  }
+
+  .icon-warning-sign {
+    color: $yellow-s3;
+  }
+}
diff --git a/cms/static/sass/views/_settings.scss b/cms/static/sass/views/_settings.scss
index 735774511f..cbb1034626 100644
--- a/cms/static/sass/views/_settings.scss
+++ b/cms/static/sass/views/_settings.scss
@@ -21,7 +21,7 @@ body.course.settings {
     font-size: 14px;
   }
 
-  .message-status { 
+  .message-status {
     display: none;
     @include border-top-radius(2px);
     @include box-sizing(border-box);
@@ -52,6 +52,12 @@ body.course.settings {
     }
   }
 
+  // notices - used currently for edx mktg
+  .notice-workflow {
+    margin-top: ($baseline);
+  }
+
+
   // in form - elements
   .group-settings {
     margin: 0 0 ($baseline*2) 0;
diff --git a/common/static/sass/_mixins.scss b/common/static/sass/_mixins.scss
index c3a548bbf7..c26738a1b7 100644
--- a/common/static/sass/_mixins.scss
+++ b/common/static/sass/_mixins.scss
@@ -189,3 +189,10 @@
 
   }
 }
+
+// UI archetypes - well
+.ui-well {
+  @include box-shadow(inset 0 1px 2px 1px $shadow-l1);
+  padding: ($baseline*0.75);
+}
+