Merge pull request #551 from picturepan2/0.5.8 v0.5.8

0.5.8

1 files changed, 82 insertions, 59 deletions

diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css
index 62b49e8..0da650f 100644
--- a/docs/dist/spectre-rtl.css
+++ b/docs/dist/spectre-rtl.css
@@ -1,5 +1,5 @@
 /*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre */
-/*! Spectre.css v0.5.7 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */
 /* Manually forked from Normalize.css */
 /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 /** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
@@ -391,7 +391,7 @@ kbd {
   border-radius: .1rem;
   color: #fff;
   font-size: .7rem; 
-  line-height: 1.2;
+  line-height: 1.25;
   padding: .1rem .2rem;
 }
 
@@ -1014,7 +1014,7 @@ textarea.form-input.input-sm {
   display: block;
   line-height: 1.2rem;
   margin: .2rem 0;
-  min-height: 1.2rem;
+  min-height: 1.4rem;
   padding: .1rem .4rem .1rem 1.2rem;
   position: relative;
 }
@@ -1369,7 +1369,7 @@ input.disabled + .form-icon {
   border-radius: .1rem;
   color: #455060;
   display: inline-block; 
-  line-height: 1.2;
+  line-height: 1.25;
   padding: .1rem .2rem;
 }
 
@@ -1409,7 +1409,7 @@ code {
   border-radius: .1rem;
   color: #d73e48;
   font-size: 85%; 
-  line-height: 1.2;
+  line-height: 1.25;
   padding: .1rem .2rem;
 }
 
@@ -1585,7 +1585,8 @@ video.video-responsive::before {
 .column.col-4,
 .column.col-3,
 .column.col-2,
-.column.col-1 {
+.column.col-1,
+.column.col-auto {
   -ms-flex: none;
   flex: none;
 }
@@ -1670,7 +1671,8 @@ video.video-responsive::before {
   .col-xl-4,
   .col-xl-3,
   .col-xl-2,
-  .col-xl-1 {
+  .col-xl-1,
+  .col-xl-auto {
     -ms-flex: none;
     flex: none;
   }
@@ -1710,6 +1712,9 @@ video.video-responsive::before {
   .col-xl-1 {
     width: 8.33333333%;
   }
+  .col-xl-auto {
+    width: auto;
+  }
   .hide-xl {
     display: none !important;
   }
@@ -1730,7 +1735,8 @@ video.video-responsive::before {
   .col-lg-4,
   .col-lg-3,
   .col-lg-2,
-  .col-lg-1 {
+  .col-lg-1,
+  .col-lg-auto {
     -ms-flex: none;
     flex: none;
   }
@@ -1770,6 +1776,9 @@ video.video-responsive::before {
   .col-lg-1 {
     width: 8.33333333%;
   }
+  .col-lg-auto {
+    width: auto;
+  }
   .hide-lg {
     display: none !important;
   }
@@ -1790,7 +1799,8 @@ video.video-responsive::before {
   .col-md-4,
   .col-md-3,
   .col-md-2,
-  .col-md-1 {
+  .col-md-1,
+  .col-md-auto {
     -ms-flex: none;
     flex: none;
   }
@@ -1830,6 +1840,9 @@ video.video-responsive::before {
   .col-md-1 {
     width: 8.33333333%;
   }
+  .col-md-auto {
+    width: auto;
+  }
   .hide-md {
     display: none !important;
   }
@@ -1850,7 +1863,8 @@ video.video-responsive::before {
   .col-sm-4,
   .col-sm-3,
   .col-sm-2,
-  .col-sm-1 {
+  .col-sm-1,
+  .col-sm-auto {
     -ms-flex: none;
     flex: none;
   }
@@ -1890,6 +1904,9 @@ video.video-responsive::before {
   .col-sm-1 {
     width: 8.33333333%;
   }
+  .col-sm-auto {
+    width: auto;
+  }
   .hide-sm {
     display: none !important;
   }
@@ -1910,7 +1927,8 @@ video.video-responsive::before {
   .col-xs-4,
   .col-xs-3,
   .col-xs-2,
-  .col-xs-1 {
+  .col-xs-1,
+  .col-xs-auto {
     -ms-flex: none;
     flex: none;
   }
@@ -1950,6 +1968,9 @@ video.video-responsive::before {
   .col-xs-1 {
     width: 8.33333333%;
   }
+  .col-xs-auto {
+    width: auto;
+  }
   .hide-xs {
     display: none !important;
   }
@@ -2447,11 +2468,8 @@ summary.accordion-header::-webkit-details-marker {
 .menu .menu-item {
   margin-top: 0;
   padding: 0 .4rem;
+  position: relative;
   text-decoration: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 
 .menu .menu-item > a {
@@ -2486,12 +2504,18 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .menu .menu-badge {
-  float: right;
-  padding: .2rem 0;
+  align-items: center;
+  display: flex;
+  display: -ms-flexbox;
+  -ms-flex-align: center;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
 }
 
-.menu .menu-badge .btn {
-  margin-top: -.1rem;
+.menu .menu-badge .label {
+  margin-right: .4rem;
 }
 
 .modal {
@@ -3326,7 +3350,7 @@ a.text-error:visited {
 }
 
 .divider {
-  border-top: .05rem solid #dadee4;
+  border-top: .05rem solid #f1f3f5;
   height: .05rem;
   margin: .4rem 0;
 }
@@ -3694,7 +3718,7 @@ a.text-error:visited {
   word-wrap: break-word;
 }
 
-/*! Spectre.css Experimentals v0.5.7 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */
 .form-autocomplete {
   position: relative;
 }
@@ -4761,147 +4785,147 @@ a.text-error:visited {
   flex-direction: column;
 }
 
-.viewer-360 .viewer-slider[value="1"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="1"] + .viewer-image {
   background-position-y: 0;
 }
 
-.viewer-360 .viewer-slider[value="2"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="2"] + .viewer-image {
   background-position-y: 2.8571428571%;
 }
 
-.viewer-360 .viewer-slider[value="3"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="3"] + .viewer-image {
   background-position-y: 5.7142857143%;
 }
 
-.viewer-360 .viewer-slider[value="4"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="4"] + .viewer-image {
   background-position-y: 8.5714285714%;
 }
 
-.viewer-360 .viewer-slider[value="5"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="5"] + .viewer-image {
   background-position-y: 11.4285714286%;
 }
 
-.viewer-360 .viewer-slider[value="6"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="6"] + .viewer-image {
   background-position-y: 14.2857142857%;
 }
 
-.viewer-360 .viewer-slider[value="7"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="7"] + .viewer-image {
   background-position-y: 17.1428571429%;
 }
 
-.viewer-360 .viewer-slider[value="8"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="8"] + .viewer-image {
   background-position-y: 20%;
 }
 
-.viewer-360 .viewer-slider[value="9"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="9"] + .viewer-image {
   background-position-y: 22.8571428571%;
 }
 
-.viewer-360 .viewer-slider[value="10"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="10"] + .viewer-image {
   background-position-y: 25.7142857143%;
 }
 
-.viewer-360 .viewer-slider[value="11"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="11"] + .viewer-image {
   background-position-y: 28.5714285714%;
 }
 
-.viewer-360 .viewer-slider[value="12"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="12"] + .viewer-image {
   background-position-y: 31.4285714286%;
 }
 
-.viewer-360 .viewer-slider[value="13"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="13"] + .viewer-image {
   background-position-y: 34.2857142857%;
 }
 
-.viewer-360 .viewer-slider[value="14"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="14"] + .viewer-image {
   background-position-y: 37.1428571429%;
 }
 
-.viewer-360 .viewer-slider[value="15"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="15"] + .viewer-image {
   background-position-y: 40%;
 }
 
-.viewer-360 .viewer-slider[value="16"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="16"] + .viewer-image {
   background-position-y: 42.8571428571%;
 }
 
-.viewer-360 .viewer-slider[value="17"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="17"] + .viewer-image {
   background-position-y: 45.7142857143%;
 }
 
-.viewer-360 .viewer-slider[value="18"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="18"] + .viewer-image {
   background-position-y: 48.5714285714%;
 }
 
-.viewer-360 .viewer-slider[value="19"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="19"] + .viewer-image {
   background-position-y: 51.4285714286%;
 }
 
-.viewer-360 .viewer-slider[value="20"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="20"] + .viewer-image {
   background-position-y: 54.2857142857%;
 }
 
-.viewer-360 .viewer-slider[value="21"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="21"] + .viewer-image {
   background-position-y: 57.1428571429%;
 }
 
-.viewer-360 .viewer-slider[value="22"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="22"] + .viewer-image {
   background-position-y: 60%;
 }
 
-.viewer-360 .viewer-slider[value="23"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="23"] + .viewer-image {
   background-position-y: 62.8571428571%;
 }
 
-.viewer-360 .viewer-slider[value="24"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="24"] + .viewer-image {
   background-position-y: 65.7142857143%;
 }
 
-.viewer-360 .viewer-slider[value="25"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="25"] + .viewer-image {
   background-position-y: 68.5714285714%;
 }
 
-.viewer-360 .viewer-slider[value="26"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="26"] + .viewer-image {
   background-position-y: 71.4285714286%;
 }
 
-.viewer-360 .viewer-slider[value="27"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="27"] + .viewer-image {
   background-position-y: 74.2857142857%;
 }
 
-.viewer-360 .viewer-slider[value="28"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="28"] + .viewer-image {
   background-position-y: 77.1428571429%;
 }
 
-.viewer-360 .viewer-slider[value="29"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="29"] + .viewer-image {
   background-position-y: 80%;
 }
 
-.viewer-360 .viewer-slider[value="30"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="30"] + .viewer-image {
   background-position-y: 82.8571428571%;
 }
 
-.viewer-360 .viewer-slider[value="31"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="31"] + .viewer-image {
   background-position-y: 85.7142857143%;
 }
 
-.viewer-360 .viewer-slider[value="32"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="32"] + .viewer-image {
   background-position-y: 88.5714285714%;
 }
 
-.viewer-360 .viewer-slider[value="33"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="33"] + .viewer-image {
   background-position-y: 91.4285714286%;
 }
 
-.viewer-360 .viewer-slider[value="34"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="34"] + .viewer-image {
   background-position-y: 94.2857142857%;
 }
 
-.viewer-360 .viewer-slider[value="35"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="35"] + .viewer-image {
   background-position-y: 97.1428571429%;
 }
 
-.viewer-360 .viewer-slider[value="36"] + .viewer-image {
+.viewer-360 .viewer-slider[max="36"][value="36"] + .viewer-image {
   background-position-y: 100%;
 }
 
@@ -4918,7 +4942,6 @@ a.text-error:visited {
   background-repeat: no-repeat;
   background-size: 100%;
   -ms-flex-order: 1;
-  height: 9rem;
+  max-width: 100%;
   order: 1;
-  width: 24rem;
 }
\ No newline at end of file