From d0d1313b4abed3a2a0a0e50f4b1d60793bfa6229 Mon Sep 17 00:00:00 2001
From: Cody Clark <codyclark@google.com>
Date: Fri, 4 Aug 2017 14:54:22 -0700
Subject: [PATCH] Update callouts.css

---
 css/callouts.css | 51 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/css/callouts.css b/css/callouts.css
index f3f34bbaee..d6a39e80ab 100644
--- a/css/callouts.css
+++ b/css/callouts.css
@@ -1,3 +1,4 @@
+/* Callouts */
 .caution, .note, .warning {
     padding: 20px;
     margin: 20px 0;
@@ -17,3 +18,53 @@
 .warning {
     border-left-color: #d9534f;
 }
+
+/* Feature States */
+
+.beta, .stable, .alpha, .deprecated {
+    margin-top: 20px;
+    padding: 15px;
+    background-color: #fafafa;
+    border: 1px solid transparent;
+    border-radius:4px;
+}
+
+.beta::before, .stable::before, .alpha::before, .deprecated::before {
+    font-weight: bold;
+}  
+
+.beta {    
+    color: #31708f;
+    border-color: #bce8f1;
+}
+
+.beta::before { 
+    content: "Feature State: Beta";
+}
+
+.stable {    
+    color: #3c763d;
+    border-color: #d6e9c6;
+}
+
+.stable::before { 
+    content: "Feature State: Stable";
+}
+
+.alpha {    
+    color: #8a6d3b;
+    border-color: #faebcc;
+}
+
+.alpha::before { 
+    content: "Feature State: Alpha";
+}
+
+.deprecated {    
+    color: #a94442;
+    border-color: #ebccd1;
+}
+
+.deprecated::before { 
+    content: "⛔ Feature State: Deprecated";
+}