new code sample

docs/index.html

@@ -678,7 +678,7 @@
 
   <script src="lib/codemirror/core.js"></script>
   <script src="lib/codemirror/lang/css.js"></script>
-  <script src="main.js?b0aa4878c23ec"></script>
+  <script src="main.js?3683e0447f0e"></script>
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

docs/main.js

@@ -61,6 +61,29 @@
     );
   `);
 
+  if (Math.random() < .5) {
+    doodleStyle = indent(`
+			:doodle {
+				clip-path: @shape(circle);
+				background-color: #f6ffed;
+			}
+
+			clip-path: @shape(bicorn);
+
+			transform:
+				rotate(@rand(360deg))
+				scale(@rand(.5, 2.4))
+				translate(
+					@rand(-50%, 50%),
+					@rand(-50%, 50%)
+				);
+
+			background: hsla(
+				calc(5 * @index()), 70%, 60%,@rand(.8)
+			);
+    `)
+  }
+
   var doodle = document.createElement('css-doodle');
   doodle.grid = '7, 7';
   if (doodle.update) {