Merge pull request #536 from picturepan2/0.5.7 v0.5.7

0.5.7

8 files changed, 73 insertions, 9 deletions

diff --git a/docs/utilities/colors.html b/docs/utilities/colors.html
index 5b9c244..5ffb964 100644
--- a/docs/utilities/colors.html
+++ b/docs/utilities/colors.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Color utilities are used for changing colors for text, link and background. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/colors.html">
+    <meta property="og:title" content="Color utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Color utilities are used for changing colors for text, link and background. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/cursors.html b/docs/utilities/cursors.html
index 66f8902..77c2378 100644
--- a/docs/utilities/cursors.html
+++ b/docs/utilities/cursors.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Cursor utilities specify which mouse cursor to display when mouseover. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/cursors.html">
+    <meta property="og:title" content="Cursor utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Cursor utilities specify which mouse cursor to display when mouseover. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/display.html b/docs/utilities/display.html
index 10410cc..3624f6c 100644
--- a/docs/utilities/display.html
+++ b/docs/utilities/display.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Display utilities are used for display and hidden things. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/display.html">
+    <meta property="og:title" content="Display utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Display utilities are used for display and hidden things. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/divider.html b/docs/utilities/divider.html
index 79300f5..43a1c2b 100644
--- a/docs/utilities/divider.html
+++ b/docs/utilities/divider.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="The Divider is used for separating elements. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/divider.html">
+    <meta property="og:title" content="Divider - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="The Divider is used for separating elements. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
@@ -203,7 +211,7 @@
                 <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
               </div>
             </div>
-            <p>A Divider is used for separating elements.</p>
+            <p>The Divider is used for separating elements.</p>
             <div class="docs-demo columns">
               <div class="column">
                 <div class="divider"></div>
diff --git a/docs/utilities/loading.html b/docs/utilities/loading.html
index 370a062..9b418a4 100644
--- a/docs/utilities/loading.html
+++ b/docs/utilities/loading.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Loading indicator is used for loading or updating. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/loading.html">
+    <meta property="og:title" content="Loading - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Loading indicator is used for loading or updating. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/position.html b/docs/utilities/position.html
index 82aaecd..f2b77e2 100644
--- a/docs/utilities/position.html
+++ b/docs/utilities/position.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/position.html">
+    <meta property="og:title" content="Position utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/shapes.html b/docs/utilities/shapes.html
index 4726a34..b0aef78 100644
--- a/docs/utilities/shapes.html
+++ b/docs/utilities/shapes.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Shape utilities are used for changing element shapes. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/shapes.html">
+    <meta property="og:title" content="Shape utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Shape utilities are used for changing element shapes. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>
diff --git a/docs/utilities/text.html b/docs/utilities/text.html
index 26def7f..41e159b 100644
--- a/docs/utilities/text.html
+++ b/docs/utilities/text.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Text utilities are used for text alignment, styles and overflow things. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/utilities/text.html">
+    <meta property="og:title" content="Text utilities - Utilities - Spectre.css CSS Framework">
+    <meta property="og:description" content="Text utilities are used for text alignment, styles and overflow things. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -160,6 +166,8 @@
               <label class="accordion-header c-hand" for="accordion-experimentals">Experimentals</label>
               <div class="accordion-body">
                 <ul class="menu menu-nav">
+                  <li class="menu-item"><a href="../experimentals/viewer-360.html">360-Degree Viewer</a>
+                  </li>
                   <li class="menu-item"><a href="../experimentals/autocomplete.html">Autocomplete</a>
                   </li>
                   <li class="menu-item"><a href="../experimentals/calendars.html">Calendars</a>