@andreyshpigunov/x 0.4.3 → 0.4.4
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/dist/x.css +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/src/components/x/flex.css +0 -4
- package/src/components/x/grid.css +0 -4
- package/src/components/x/helpers.css +15 -5
- package/src/css/x.css +2 -2
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.4.
|
|
22
|
+
<div class="header-version nowrap">0.4.4</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
|
@@ -30,10 +30,6 @@ All right reserved.
|
|
|
30
30
|
*/
|
|
31
31
|
|
|
32
32
|
.flex { display: flex }
|
|
33
|
-
@media (min-width: 640px) { .s\:flex { display: flex } }
|
|
34
|
-
@media (min-width: 768px) { .m\:flex { display: flex } }
|
|
35
|
-
@media (min-width: 1024px) { .l\:flex { display: flex } }
|
|
36
|
-
@media (min-width: 1280px) { .xl\:flex { display: flex } }
|
|
37
33
|
|
|
38
34
|
[class*=flex] {
|
|
39
35
|
/* Columns */
|
|
@@ -14,10 +14,6 @@ All right reserved.
|
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
16
|
.grid { display: grid }
|
|
17
|
-
@media (min-width: 640px) { .s\:grid { display: grid } }
|
|
18
|
-
@media (min-width: 768px) { .m\:grid { display: grid } }
|
|
19
|
-
@media (min-width: 1024px) { .l\:grid { display: grid } }
|
|
20
|
-
@media (min-width: 1280px) { .xl\:grid { display: grid } }
|
|
21
17
|
|
|
22
18
|
[class*=grid] {
|
|
23
19
|
width: 100%;
|
|
@@ -479,6 +479,13 @@ html.touch .touch-hide { display: none }
|
|
|
479
479
|
}
|
|
480
480
|
|
|
481
481
|
|
|
482
|
+
/* !- Display */
|
|
483
|
+
.block { display: block }
|
|
484
|
+
.inline { display: inline }
|
|
485
|
+
.inline-block { display: inline-block }
|
|
486
|
+
.table { display: table }
|
|
487
|
+
|
|
488
|
+
|
|
482
489
|
/* !- Hidden */
|
|
483
490
|
.hidden,
|
|
484
491
|
.hidden-next + * { display: none }
|
|
@@ -502,34 +509,37 @@ html.touch .touch-hide { display: none }
|
|
|
502
509
|
|
|
503
510
|
|
|
504
511
|
/* !- Display */
|
|
505
|
-
.block { display: block }
|
|
506
|
-
.inline { display: inline }
|
|
507
|
-
.inline-block { display: inline-block }
|
|
508
|
-
.table { display: table }
|
|
509
|
-
|
|
510
512
|
@media (min-width: 640px) {
|
|
511
513
|
.s\:block { display: block }
|
|
512
514
|
.s\:inline { display: inline }
|
|
513
515
|
.s\:inline-block { display: inline-block }
|
|
514
516
|
.s\:table { display: table }
|
|
517
|
+
.s\:flex { display: flex }
|
|
518
|
+
.s\:grid { display: grid }
|
|
515
519
|
}
|
|
516
520
|
@media (min-width: 768px) {
|
|
517
521
|
.m\:block { display: block }
|
|
518
522
|
.m\:inline { display: inline }
|
|
519
523
|
.m\:inline-block { display: inline-block }
|
|
520
524
|
.m\:table { display: table }
|
|
525
|
+
.m\:flex { display: flex }
|
|
526
|
+
.m\:grid { display: grid }
|
|
521
527
|
}
|
|
522
528
|
@media (min-width: 1024px) {
|
|
523
529
|
.l\:block { display: block }
|
|
524
530
|
.l\:inline { display: inline }
|
|
525
531
|
.l\:inline-block { display: inline-block }
|
|
526
532
|
.l\:table { display: table }
|
|
533
|
+
.l\:flex { display: flex }
|
|
534
|
+
.l\:grid { display: grid }
|
|
527
535
|
}
|
|
528
536
|
@media (min-width: 1280px) {
|
|
529
537
|
.xl\:block { display: block }
|
|
530
538
|
.xl\:inline { display: inline }
|
|
531
539
|
.xl\:inline-block { display: inline-block }
|
|
532
540
|
.xl\:table { display: table }
|
|
541
|
+
.xl\:flex { display: flex }
|
|
542
|
+
.xl\:grid { display: grid }
|
|
533
543
|
}
|
|
534
544
|
|
|
535
545
|
|
package/src/css/x.css
CHANGED
|
@@ -10,6 +10,8 @@ All right reserved.
|
|
|
10
10
|
@import "../components/x/reset.css";
|
|
11
11
|
@import "../components/x/space.css";
|
|
12
12
|
@import "../components/x/links.css";
|
|
13
|
+
@import "../components/x/grid.css";
|
|
14
|
+
@import "../components/x/flex.css";
|
|
13
15
|
@import "../components/x/flow.css";
|
|
14
16
|
@import "../components/x/form.css";
|
|
15
17
|
@import "../components/x/buttons.css";
|
|
@@ -23,8 +25,6 @@ All right reserved.
|
|
|
23
25
|
@import "../components/x/icons.css";
|
|
24
26
|
@import "../components/x/typo.css";
|
|
25
27
|
@import "../components/x/helpers.css";
|
|
26
|
-
@import "../components/x/grid.css";
|
|
27
|
-
@import "../components/x/flex.css";
|
|
28
28
|
@import "../components/x/colors.css";
|
|
29
29
|
|
|
30
30
|
/*
|