@andreyshpigunov/x 0.5.10 → 0.5.12

package/index.html

@@ -19,7 +19,7 @@
   "functionName": "headerAnimation"
 }'>
   <header class="header flex aic sticky t0 px5 m:px6 l:px8 unselectable">
-    <div class="header-version nowrap">0.5.10</div>
+    <div class="header-version nowrap">0.5.12</div>
     <div class="header-logo mxa">
       <a role="button" x-scrollto="#top">
         <img src="assets/img/logo.png" alt="x" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andreyshpigunov/x",
-  "version": "0.5.10",
+  "version": "0.5.12",
   "x-js": "dist/x.js",
   "app-js": "assets/js/app.js",
   "targets": {
@@ -50,4 +50,4 @@
     "./x.css": "./dist/x.css",
     "./x.js": "./dist/x.js"
   }
-}
+}

package/src/components/x/helpers.css

@@ -105,7 +105,7 @@ All right reserved.
   .italic
   .strike
   .fs[10-19] step 1 (m,l,xl) - size in rem - 1.0, 1.1, 1.2, ..., 1.9
-  .fs[20-64] step 2 (m,l,xl) - size in rem - 2.0, 2.2, 2.4, ..., 6.4
+  .fs[20-100] step 2 (m,l,xl) - size in rem - 2.0, 2.2, 2.4, ..., 6.4
   .fw[100-900] step 100 (m,l,xl)
   .ls[0-4] (m,l,xl)
   .lh[0-9] (m,l,xl)  - values: 1.0-1.9
@@ -1094,7 +1094,7 @@ html.touch .touch-hide { display: none }
 @for $i from 10 to 19 {
   .fs$(i) { font-size: calc($(i)rem / 10) }
 }
-@for $i from 20 to 64 by 2 {
+@for $i from 20 to 100 by 2 {
   .fs$(i) { font-size: calc($(i)rem / 10) }
 }
 @for $i from 100 to 900 by 100 {
@@ -1105,7 +1105,7 @@ html.touch .touch-hide { display: none }
   @for $i from 10 to 19 {
     .m\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
-  @for $i from 20 to 64 by 2 {
+  @for $i from 20 to 100 by 2 {
     .m\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
   @for $i from 100 to 900 by 100 {
@@ -1117,7 +1117,7 @@ html.touch .touch-hide { display: none }
   @for $i from 10 to 19 {
     .l\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
-  @for $i from 20 to 64 by 2 {
+  @for $i from 20 to 100 by 2 {
     .l\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
   @for $i from 100 to 900 by 100 {
@@ -1129,7 +1129,7 @@ html.touch .touch-hide { display: none }
   @for $i from 10 to 19 {
     .xl\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
-  @for $i from 20 to 64 by 2 {
+  @for $i from 20 to 100 by 2 {
     .xl\:fs$(i) { font-size: calc($(i)rem / 10) }
   }
   @for $i from 100 to 900 by 100 {
@@ -1140,22 +1140,21 @@ html.touch .touch-hide { display: none }
 
 /* !- Letter spacing */
 @for $i from 0 to 4 {
-  .ls$(i) { letter-spacing: calc($(i)em * 0.625) }
+  .ls$(i) { letter-spacing: calc(.1em * $(i)) }
 }
-
 @media (min-width: 768px) {
   @for $i from 0 to 4 {
-    .m\:ls$(i) { letter-spacing: calc($(i)em * 0.625) }
+    .m\:ls$(i) { letter-spacing: calc(.1em * $(i)) }
   }
 }
 @media (min-width: 1024px) {
   @for $i from 0 to 4 {
-    .l\:ls$(i) { letter-spacing: calc($(i)em * 0.625) }
+    .l\:ls$(i) { letter-spacing: calc(.1em * $(i)) }
   }
 }
 @media (min-width: 1280px) {
   @for $i from 0 to 4 {
-    .xl\:ls$(i) { letter-spacing: calc($(i)em * 0.625) }
+    .xl\:ls$(i) { letter-spacing: calc(.1em * $(i)) }
   }
 }