updating textarea font to monospace

chrisdavidmills · chrisdavidmills · commit 127ee2ce23f9 · 2017-12-13T17:54:27.000-06:00
diff --git a/flexbox/alignment/align-content-column.html b/flexbox/alignment/align-content-column.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/align-content.html b/flexbox/alignment/align-content.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/align-items.html b/flexbox/alignment/align-items.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/align-self-column.html b/flexbox/alignment/align-self-column.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/align-self.html b/flexbox/alignment/align-self.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/auto-margins.html b/flexbox/alignment/auto-margins.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/intro.html b/flexbox/alignment/intro.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/justify-content-column.html b/flexbox/alignment/justify-content-column.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/justify-content-reverse.html b/flexbox/alignment/justify-content-reverse.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/justify-content-writing-mode.html b/flexbox/alignment/justify-content-writing-mode.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/alignment/justify-content.html b/flexbox/alignment/justify-content.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/align-items.html b/flexbox/basics/align-items.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/flex-direction.html b/flexbox/basics/flex-direction.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/flex-flow.html b/flexbox/basics/flex-flow.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/flex-properties.html b/flexbox/basics/flex-properties.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/flex-shorthands.html b/flexbox/basics/flex-shorthands.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/flex-wrap.html b/flexbox/basics/flex-wrap.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/justify-content.html b/flexbox/basics/justify-content.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/basics/simple-example.html b/flexbox/basics/simple-example.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       height: 160px;
diff --git a/flexbox/basics/the-flex-container.html b/flexbox/basics/the-flex-container.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       height: 160px;
diff --git a/flexbox/order/flex-direction.html b/flexbox/order/flex-direction.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
@@ -90,7 +91,7 @@
       <div><a href="#">Three</a></div>
     </div>
   </section>
- 
+
   <textarea class="playable-css">
         .box {
           display: flex;
diff --git a/flexbox/order/negative-order.html b/flexbox/order/negative-order.html
@@ -14,6 +14,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/order/order.html b/flexbox/order/order.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/order/usecase-order.html b/flexbox/order/usecase-order.html
@@ -14,6 +14,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-basis.html b/flexbox/ratios/flex-basis.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-grow-ratios.html b/flexbox/ratios/flex-grow-ratios.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-grow.html b/flexbox/ratios/flex-grow.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-shrink-min-content.html b/flexbox/ratios/flex-shrink-min-content.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-shrink-ratios.html b/flexbox/ratios/flex-shrink-ratios.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/flex-shrink.html b/flexbox/ratios/flex-shrink.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/ratios/min-max-content.html b/flexbox/ratios/min-max-content.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/relationship/display-contents.html b/flexbox/relationship/display-contents.html
@@ -17,6 +17,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/relationship/flex-layout.html b/flexbox/relationship/flex-layout.html
@@ -17,6 +17,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/relationship/floats.html b/flexbox/relationship/floats.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/relationship/grid-layout.html b/flexbox/relationship/grid-layout.html
@@ -17,6 +17,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/relationship/writing-modes.html b/flexbox/relationship/writing-modes.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/use-cases/cards.html b/flexbox/use-cases/cards.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/use-cases/center.html b/flexbox/use-cases/center.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
diff --git a/flexbox/use-cases/input-button.html b/flexbox/use-cases/input-button.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
@@ -72,11 +73,11 @@
         line-height: 1;
     }
     .wrapper input[type="text"] {
-        background-color: rgba(96, 139, 168,.5); 
+        background-color: rgba(96, 139, 168,.5);
         border-right: 1px solid rgb(96, 139, 168);
     }
     .wrapper input[type="submit"] {
-        background-color: rgba(96, 139, 168,1); 
+        background-color: rgba(96, 139, 168,1);
         color: #fff;
     }
   </style>
@@ -87,7 +88,7 @@
 
 .wrapper input[type="text"] {
   flex: 1 1 auto;
-}  
+}
   </style>
 </head>
 
diff --git a/flexbox/use-cases/label-input-button.html b/flexbox/use-cases/label-input-button.html
@@ -13,6 +13,7 @@
     }
 
     textarea {
+      font-family: monospace;
       display: block;
       margin-bottom: 10px;
       background-color: #F4F7F8;
@@ -73,27 +74,27 @@
         line-height: 1;
     }
     .wrapper > input[type="text"] {
-        background-color: rgba(96, 139, 168,.5); 
+        background-color: rgba(96, 139, 168,.5);
         border-right: 1px solid rgb(96, 139, 168);
     }
     .wrapper input[type="submit"] {
-        background-color: rgba(96, 139, 168,1); 
+        background-color: rgba(96, 139, 168,1);
         color: #fff;
     }
     .wrapper label {
-      background-color: #666; 
+      background-color: #666;
         color: #fff;
     }
   </style>
   <style class="editable">
   .wrapper {
   display: flex;
-  
+
 }
 
 .wrapper input[type="text"] {
   flex: 1 1 auto;
-}  
+}
   </style>
 </head>
 
@@ -106,7 +107,7 @@
   <textarea class="playable-css">
 .wrapper {
   display: flex;
-  
+
 }
 
 .wrapper input[type="text"] {
diff --git a/flexbox/use-cases/media-flipped.html b/flexbox/use-cases/media-flipped.html
diff --git a/flexbox/use-cases/media.html b/flexbox/use-cases/media.html
diff --git a/flexbox/use-cases/navigation-flex.html b/flexbox/use-cases/navigation-flex.html
diff --git a/flexbox/use-cases/navigation.html b/flexbox/use-cases/navigation.html
diff --git a/flexbox/use-cases/split-navigation.html b/flexbox/use-cases/split-navigation.html
diff --git a/flexbox/wrapping/column-wrap.html b/flexbox/wrapping/column-wrap.html
diff --git a/flexbox/wrapping/flex-grid.html b/flexbox/wrapping/flex-grid.html
diff --git a/flexbox/wrapping/gaps.html b/flexbox/wrapping/gaps.html
diff --git a/flexbox/wrapping/grid-example.html b/flexbox/wrapping/grid-example.html
diff --git a/flexbox/wrapping/row-reverse-wrap.html b/flexbox/wrapping/row-reverse-wrap.html
diff --git a/flexbox/wrapping/row-wrap.html b/flexbox/wrapping/row-wrap.html
diff --git a/flexbox/wrapping/visibility-collapse.html b/flexbox/wrapping/visibility-collapse.html
diff --git a/flexbox/wrapping/wrapped-visibility-collapse.html b/flexbox/wrapping/wrapped-visibility-collapse.html

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`textarea {`
	`16`	`+ font-family: monospace;`
`16`	`17`	`display: block;`
`17`	`18`	`margin-bottom: 10px;`
`18`	`19`	`background-color: #F4F7F8;`