@andreyshpigunov/x 0.5.11 → 0.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/app.css +1 -1
- package/cheatsheet.html +2 -1
- package/dist/x.css +1 -1
- package/index.html +1 -1
- package/package.json +2 -2
- package/src/components/x/helpers.css +7 -5
package/index.html
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"functionName": "headerAnimation"
|
|
20
20
|
}'>
|
|
21
21
|
<header class="header flex aic sticky t0 px5 m:px6 l:px8 unselectable">
|
|
22
|
-
<div class="header-version nowrap">0.5.
|
|
22
|
+
<div class="header-version nowrap">0.5.13</div>
|
|
23
23
|
<div class="header-logo mxa">
|
|
24
24
|
<a role="button" x-scrollto="#top">
|
|
25
25
|
<img src="assets/img/logo.png" alt="x" />
|
package/package.json
CHANGED
|
@@ -24,6 +24,7 @@ All right reserved.
|
|
|
24
24
|
.oh
|
|
25
25
|
.touch-show
|
|
26
26
|
.touch-hide
|
|
27
|
+
.fix
|
|
27
28
|
.rel
|
|
28
29
|
.abs
|
|
29
30
|
.ins
|
|
@@ -105,7 +106,7 @@ All right reserved.
|
|
|
105
106
|
.italic
|
|
106
107
|
.strike
|
|
107
108
|
.fs[10-19] step 1 (m,l,xl) - size in rem - 1.0, 1.1, 1.2, ..., 1.9
|
|
108
|
-
.fs[20-
|
|
109
|
+
.fs[20-100] step 2 (m,l,xl) - size in rem - 2.0, 2.2, 2.4, ..., 6.4
|
|
109
110
|
.fw[100-900] step 100 (m,l,xl)
|
|
110
111
|
.ls[0-4] (m,l,xl)
|
|
111
112
|
.lh[0-9] (m,l,xl) - values: 1.0-1.9
|
|
@@ -211,6 +212,7 @@ html.touch .touch-hide { display: none }
|
|
|
211
212
|
|
|
212
213
|
|
|
213
214
|
/* !- Position */
|
|
215
|
+
.fix { position: fixed }
|
|
214
216
|
.rel { position: relative }
|
|
215
217
|
.abs { position: absolute }
|
|
216
218
|
.ins { position: absolute; inset: 0 }
|
|
@@ -1094,7 +1096,7 @@ html.touch .touch-hide { display: none }
|
|
|
1094
1096
|
@for $i from 10 to 19 {
|
|
1095
1097
|
.fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1096
1098
|
}
|
|
1097
|
-
@for $i from 20 to
|
|
1099
|
+
@for $i from 20 to 100 by 2 {
|
|
1098
1100
|
.fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1099
1101
|
}
|
|
1100
1102
|
@for $i from 100 to 900 by 100 {
|
|
@@ -1105,7 +1107,7 @@ html.touch .touch-hide { display: none }
|
|
|
1105
1107
|
@for $i from 10 to 19 {
|
|
1106
1108
|
.m\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1107
1109
|
}
|
|
1108
|
-
@for $i from 20 to
|
|
1110
|
+
@for $i from 20 to 100 by 2 {
|
|
1109
1111
|
.m\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1110
1112
|
}
|
|
1111
1113
|
@for $i from 100 to 900 by 100 {
|
|
@@ -1117,7 +1119,7 @@ html.touch .touch-hide { display: none }
|
|
|
1117
1119
|
@for $i from 10 to 19 {
|
|
1118
1120
|
.l\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1119
1121
|
}
|
|
1120
|
-
@for $i from 20 to
|
|
1122
|
+
@for $i from 20 to 100 by 2 {
|
|
1121
1123
|
.l\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1122
1124
|
}
|
|
1123
1125
|
@for $i from 100 to 900 by 100 {
|
|
@@ -1129,7 +1131,7 @@ html.touch .touch-hide { display: none }
|
|
|
1129
1131
|
@for $i from 10 to 19 {
|
|
1130
1132
|
.xl\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1131
1133
|
}
|
|
1132
|
-
@for $i from 20 to
|
|
1134
|
+
@for $i from 20 to 100 by 2 {
|
|
1133
1135
|
.xl\:fs$(i) { font-size: calc($(i)rem / 10) }
|
|
1134
1136
|
}
|
|
1135
1137
|
@for $i from 100 to 900 by 100 {
|