CHG: Split Experimentals LESS and CSS

1 files changed, 8 insertions, 0 deletions

diff --git a/docs/experimentals.html b/docs/experimentals.html
index e7aafca..9738f87 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -8,6 +8,7 @@
   <meta name="author" content="https://github.com/picturepan2/" />
   <title>Experimentals - Spectre.css</title>
   <link rel="stylesheet" href="css/spectre.css" />
+  <link rel="stylesheet" href="css/spectre-exp.css" />
   <link rel="stylesheet" href="css/docs.css" />
   <link rel="stylesheet" href="font/style.css" />
 </head>
@@ -79,6 +80,13 @@
       <a href="#sidebar-close" id="sidebar-close" class="docs-nav-clear"></a>
 
       <div class="docs-content column col-9 col-sm-12">
+        <section id="experimentals" class="container">
+          <header class="text-center"><h3>Experimentals</h3></header>
+          <section class="notes">
+            <p>The Experimentals include experimental elements and features, mostly are not yet ready for wide use. These elements and components are limited inside <code>spectre-exp.less</code> before browsers fully support them. Sometimes, there are some specific browsers targeted components.</p>
+          </section>
+        </section>
+
         <section id="progress" class="container">
           <header class="text-center"><h3>Progress</h3></header>
           <section class="notes">