style: add "warning" style similar to .info but has a red border
authorTimothy Gu <timothygu99@gmail.com>
Mon, 1 Sep 2014 02:53:30 +0000 (19:53 -0700)
committerMichael Niedermayer <michaelni@gmx.at>
Mon, 1 Sep 2014 10:12:17 +0000 (12:12 +0200)
Signed-off-by: Timothy Gu <timothygu99@gmail.com>
src/less/style.less

index 6a26684..0c9ea03 100644 (file)
@@ -15,6 +15,7 @@
 @Cseconddarkdark: darken(@Cseconddark, 10%);
 @Csecondlight: lighten(@Csecond, 15%);
 @Csecondlightlight: lighten(@Csecondlight, 20%);
+@Cwarning: #ae4c4c;
 
 // ************************************************************************* //
 // SIZES
@@ -180,17 +181,24 @@ a.well {
     }
 }
 
-.info {
+.info, .warning {
     margin: 10px;
     padding: 10px;
     background-color: @Cmainlight;
-    border-left: 10px @Csecond solid;
     color: @Cinvert;
     code {
        background-color: @Cmain;
     }
 }
 
+.info {
+    border-left: 10px @Csecond solid;
+}
+
+.warning {
+    border-left: 10px @Cwarning solid;
+}
+
 .with-icon {
     padding: 30px;
     .pull-left {