From 756cfdb1a79bee908f8e5e951d53c0fa9012303d Mon Sep 17 00:00:00 2001
From: yuanchuan <yuanchuan23@gmail.com>
Date: Wed, 31 May 2017 23:45:51 +0800
Subject: [PATCH] new code sample

---
 docs/index.html |  2 +-
 docs/main.js    | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index fe1e34d..37ba577 100644
--- a/docs/index.html
+++ b/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),
diff --git a/docs/main.js b/docs/main.js
index 84521a3..48be14a 100644
--- a/docs/main.js
+++ b/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) {