cosmo: fixes #68, .text-state utility classes

3 files changed, 44 insertions, 0 deletions

diff --git a/cosmo/bootstrap.css b/cosmo/bootstrap.css
index 506de913..79686ee8 100644
--- a/cosmo/bootstrap.css
+++ b/cosmo/bootstrap.css
@@ -5148,6 +5148,30 @@ blockquote small {
 .muted {
   color: #bbbbbb;
 }
+.text-warning {
+  color: #ff7518;
+}
+a.text-warning:hover {
+  color: #e45c00;
+}
+.text-error {
+  color: #ff0039;
+}
+a.text-error:hover {
+  color: #cc002e;
+}
+.text-info {
+  color: #9954bb;
+}
+a.text-info:hover {
+  color: #7e3f9d;
+}
+.text-success {
+  color: #3fb618;
+}
+a.text-success:hover {
+  color: #2f8912;
+}
 .navbar .navbar-inner {
   background-image: none;
   -webkit-box-shadow: none;
diff --git a/cosmo/bootstrap.min.css b/cosmo/bootstrap.min.css
index 48014988..0402ee5a 100644
--- a/cosmo/bootstrap.min.css
+++ b/cosmo/bootstrap.min.css
@@ -860,6 +860,14 @@ h5,h6{font-size:11px;}
 blockquote{padding:10px 15px;background-color:#eeeeee;border-left-color:#bbbbbb;}blockquote.pull-right{padding:10px 15px;border-right-color:#bbbbbb;}
 blockquote small{color:#bbbbbb;}
 .muted{color:#bbbbbb;}
+.text-warning{color:#ff7518;}
+a.text-warning:hover{color:#e45c00;}
+.text-error{color:#ff0039;}
+a.text-error:hover{color:#cc002e;}
+.text-info{color:#9954bb;}
+a.text-info:hover{color:#7e3f9d;}
+.text-success{color:#3fb618;}
+a.text-success:hover{color:#2f8912;}
 .navbar .navbar-inner{background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 .navbar .brand:hover{color:#bbbbbb;}
 .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:rgba(0, 0, 0, 0.05);}
diff --git a/cosmo/bootswatch.less b/cosmo/bootswatch.less
index c5ce1225..4681c47f 100644
--- a/cosmo/bootswatch.less
+++ b/cosmo/bootswatch.less
@@ -48,6 +48,18 @@ blockquote {
 	color: @gray;
 }
 
+.text-warning        { color: @orange; }
+a.text-warning:hover { color: darken(@orange, 10%); }
+
+.text-error          { color: @red; }
+a.text-error:hover   { color: darken(@red, 10%); }
+
+.text-info           { color: @purple; }
+a.text-info:hover    { color: darken(@purple, 10%); }
+
+.text-success        { color: @green; }
+a.text-success:hover { color: darken(@green, 10%); }
+
 // SCAFFOLDING
 // -----------------------------------------------------