Add .monospace class

demo/Views/CSSView.vala

@@ -49,6 +49,11 @@ public class CSSView : DemoPage {
         };
         small.add_css_class (Granite.CssClass.SMALL);
 
+        var mono = new Gtk.Label ("\"Granite.CssClass.MONOSPACE\"") {
+            margin_bottom = 12
+        };
+        mono.add_css_class (Granite.CssClass.MONOSPACE);
+
         var card_header = new Granite.HeaderLabel ("Cards and Headers") {
             secondary_text = "\"Granite.CssClass.CARD\" and \"Granite.CssClass.CHECKERBOARD\""
         };
@@ -63,6 +68,7 @@ public class CSSView : DemoPage {
         card.append (header4);
         card.append (numeric);
         card.append (small);
+        card.append (mono);
 
         var card_checkered = new Granite.Bin () {
             child = new Gtk.Image.from_icon_name ("battery-low") {

lib/Constants.vala

@@ -285,6 +285,11 @@ namespace Granite {
          * Style class for widgets in warning state.
          */
         public const string WARNING = "warning";
+
+        /**
+         * Style class for non-terminal text that uses a monospace font.
+         */
+        public const string MONOSPACE = "monospace";
     }
 
     /**

lib/Styles/Granite/_classes.scss

@@ -43,3 +43,8 @@ paper {
     // Not 50% because that creates a squished ellipse for non-squares widgets
     border-radius: 9999px;
 }
+
+.monospace {
+    font-family: monospace;
+}
+

lib/Styles/Gtk/_classes.scss

@@ -3,3 +3,4 @@
     border-spacing: $button-spacing;
     padding: $button-spacing;
 }
+