Update new source css

Author: mrmrs

src/css/_hovers.css

@@ -84,7 +84,7 @@
   -moz-osx-font-smoothing: grayscale;
   backface-visibility: hidden;
   transform: translateZ(0);
-  transition: transform 0.25s ease-in-out;
+  transition: transform .25s ease-in-out;
 }
 
 .grow-large:hover,
@@ -110,13 +110,21 @@
 */
 
 .shadow-hover::after {
-  box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 );
+  box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, .2 );
   opacity: 0;
-  transition: opacity 0.25s ease-in-out;
+  transition: opacity .25s ease-in-out;
 }
 
 .shadow-hover:hover::after,
 .shadow-hover:focus::after {
   opacity: 1;
 }
 
+/* Combine with classes in skins and skins-pseudo for 
+ * thousands of different transition possibilities. */
+
+.bg-animate:hover,
+.bg-animate:focus {
+  transition: background-color .15s ease-in-out; 
+}
+

src/css/_widths.css

@@ -47,16 +47,20 @@
 .w-10 {  width:  10%; }
 .w-20 {  width:  20%; }
 .w-25 {  width:  25%; }
+.w-30 {  width:  30%; }
 .w-33 {  width:  33%; }
 .w-34 {  width:  34%; }
 .w-40 {  width:  40%; }
 .w-50 {  width:  50%; }
 .w-60 {  width:  60%; }
+.w-70 {  width:  70%; }
 .w-75 {  width:  75%; }
 .w-80 {  width:  80%; }
+.w-90 {  width:  90%; }
 .w-100 { width: 100%; }
 
 .w-third { width: calc(100% / 3); }
+.w-two-thirds { width: calc(100% / 1.5); }
 .w-auto { width: auto; }
 
 @media (--breakpoint-not-small) {
@@ -68,15 +72,19 @@
   .w-10-ns { width:  10%; }
   .w-20-ns { width:  20%; }
   .w-25-ns { width:  25%; }
+  .w-30-ns { width:  30%; }
   .w-33-ns { width:  33%; }
   .w-34-ns { width:  34%; }
   .w-40-ns { width:  40%; }
   .w-50-ns { width:  50%; }
   .w-60-ns { width:  60%; }
+  .w-70-ns { width:  70%; }
   .w-75-ns { width:  75%; }
   .w-80-ns { width:  80%; }
+  .w-90-ns { width:  90%; }
   .w-100-ns { width: 100%; }
   .w-third-ns { width: calc(100% / 3); }
+  .w-two-third-ns { width: calc(100% / 1.5); }
   .w-auto-ns { width: auto; }
 }
 
@@ -89,15 +97,19 @@
   .w-10-m { width:  10%; }
   .w-20-m { width:  20%; }
   .w-25-m { width:  25%; }
+  .w-30-m { width:  30%; }
   .w-33-m { width:  33%; }
   .w-34-m { width:  34%; }
   .w-40-m { width:  40%; }
   .w-50-m { width:  50%; }
   .w-60-m { width:  60%; }
+  .w-70-m { width:  70%; }
   .w-75-m { width:  75%; }
   .w-80-m { width:  80%; }
+  .w-90-m { width:  90%; }
   .w-100-m { width: 100%; }
   .w-third-m { width: calc(100% / 3); }
+  .w-two-thirds-m { width: calc(100% / 1.5); }
   .w-auto-m {    width: auto; }
 }
 
@@ -110,14 +122,18 @@
   .w-10-l {    width:  10%; }
   .w-20-l {    width:  20%; }
   .w-25-l {    width:  25%; }
+  .w-30-l {    width:  30%; }
   .w-33-l {    width:  33%; }
   .w-34-l {    width:  34%; }
   .w-40-l {    width:  40%; }
   .w-50-l {    width:  50%; }
   .w-60-l {    width:  60%; }
+  .w-70-l {    width:  70%; }
   .w-75-l {    width:  75%; }
   .w-80-l {    width:  80%; }
+  .w-90-l {    width:  90%; }
   .w-100-l {   width: 100%; }
   .w-third-l { width: calc(100% / 3); }
+  .w-two-thirds-l { width: calc(100% / 1.5); }
   .w-auto-l {    width: auto; }
 }

src/css/tachyons.css

@@ -1,4 +1,4 @@
-/* TACHYONS v4.4.0 | https://github.com/tachyons-css/tachyons */
+/*! TACHYONS v4.5.0 | http://tachyons.io */
 
 /*
  *