@gravity-ui/blog-constructor 3.1.1 → 3.2.0-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/build/cjs/blocks/CTA/CTA.css +47 -27
  2. package/build/esm/blocks/CTA/CTA.css +47 -27
  3. package/package.json +4 -1
package/build/cjs/blocks/CTA/CTA.css CHANGED
@@ -11,46 +11,66 @@
11
11
  }
12
12
  .bc-cta__button {
13
13
  display: flex;
14
- padding-bottom: 16px;
14
+ padding-bottom: 0px;
15
+ }
16
+ .bc-cta__button_layout {
17
+ width: 100%;
18
+ max-width: 100%;
19
+ margin-right: 0px;
20
+ }
21
+ .bc-cta__button_layout_2 {
22
+ width: calc(50% - (16px / 2));
23
+ max-width: 50%;
24
+ margin-right: 16px;
25
+ }
26
+ .bc-cta__button_layout_2:nth-child(2n) {
27
+ margin-right: 0px;
28
+ }
29
+ .bc-cta__button_layout_3 {
30
+ width: calc(33.3333333333% - (32px / 3));
31
+ margin-right: 16px;
32
+ }
33
+ .bc-cta__button_layout_3:nth-child(3n) {
34
+ margin-right: 0px;
35
+ }
36
+ .bc-cta__button_layout_4 {
37
+ width: calc(25% - (48px / 4));
38
+ max-width: 50%;
39
+ margin-right: 16px;
40
+ }
41
+ .bc-cta__button_layout_4:nth-child(4n) {
42
+ margin-right: 0px;
15
43
  }
16
44
  .bc-cta__content {
17
45
  display: flex;
18
- flex-direction: column;
46
+ flex-direction: row;
19
47
  }
20
- @media (min-width: 577px) {
48
+ @media (max-width: 769px) {
21
49
  .bc-cta__content {
22
- display: flex;
23
- flex-direction: row;
50
+ flex-wrap: wrap;
24
51
  }
25
52
  .bc-cta__button {
26
- padding-bottom: 0px;
27
- }
28
- .bc-cta__button_layout {
29
- width: 100%;
30
- max-width: 100%;
31
- margin-right: 0px;
53
+ padding-bottom: 16px;
32
54
  }
33
- .bc-cta__button_layout_2 {
55
+ .bc-cta__button_layout_1, .bc-cta__button_layout_2, .bc-cta__button_layout_3, .bc-cta__button_layout_4 {
34
56
  width: calc(50% - (16px / 2));
35
- max-width: 50%;
57
+ max-width: 100%;
36
58
  margin-right: 16px;
59
+ flex-grow: 1;
37
60
  }
38
- .bc-cta__button_layout_2:nth-child(2n) {
39
- margin-right: 0px;
61
+ .bc-cta__button_layout_1:nth-child(2n), .bc-cta__button_layout_2:nth-child(2n), .bc-cta__button_layout_3:nth-child(2n), .bc-cta__button_layout_4:nth-child(2n) {
62
+ margin-right: 0;
40
63
  }
41
- .bc-cta__button_layout_3 {
42
- width: calc(33.3333333333% - (32px / 3));
43
- margin-right: 16px;
44
- }
45
- .bc-cta__button_layout_3:nth-child(3n) {
46
- margin-right: 0px;
64
+ }
65
+ @media (max-width: 577px) {
66
+ .bc-cta__content {
67
+ flex-direction: column;
47
68
  }
48
- .bc-cta__button_layout_4 {
49
- width: calc(25% - (48px / 4));
50
- max-width: 50%;
51
- margin-right: 16px;
69
+ .bc-cta__button {
70
+ padding-bottom: 16px;
52
71
  }
53
- .bc-cta__button_layout_4:nth-child(4n) {
54
- margin-right: 0px;
72
+ .bc-cta__button_layout_1, .bc-cta__button_layout_2, .bc-cta__button_layout_3, .bc-cta__button_layout_4 {
73
+ width: 100%;
74
+ max-width: 100%;
55
75
  }
56
76
  }
package/build/esm/blocks/CTA/CTA.css CHANGED
@@ -11,46 +11,66 @@
11
11
  }
12
12
  .bc-cta__button {
13
13
  display: flex;
14
- padding-bottom: 16px;
14
+ padding-bottom: 0px;
15
+ }
16
+ .bc-cta__button_layout {
17
+ width: 100%;
18
+ max-width: 100%;
19
+ margin-right: 0px;
20
+ }
21
+ .bc-cta__button_layout_2 {
22
+ width: calc(50% - (16px / 2));
23
+ max-width: 50%;
24
+ margin-right: 16px;
25
+ }
26
+ .bc-cta__button_layout_2:nth-child(2n) {
27
+ margin-right: 0px;
28
+ }
29
+ .bc-cta__button_layout_3 {
30
+ width: calc(33.3333333333% - (32px / 3));
31
+ margin-right: 16px;
32
+ }
33
+ .bc-cta__button_layout_3:nth-child(3n) {
34
+ margin-right: 0px;
35
+ }
36
+ .bc-cta__button_layout_4 {
37
+ width: calc(25% - (48px / 4));
38
+ max-width: 50%;
39
+ margin-right: 16px;
40
+ }
41
+ .bc-cta__button_layout_4:nth-child(4n) {
42
+ margin-right: 0px;
15
43
  }
16
44
  .bc-cta__content {
17
45
  display: flex;
18
- flex-direction: column;
46
+ flex-direction: row;
19
47
  }
20
- @media (min-width: 577px) {
48
+ @media (max-width: 769px) {
21
49
  .bc-cta__content {
22
- display: flex;
23
- flex-direction: row;
50
+ flex-wrap: wrap;
24
51
  }
25
52
  .bc-cta__button {
26
- padding-bottom: 0px;
27
- }
28
- .bc-cta__button_layout {
29
- width: 100%;
30
- max-width: 100%;
31
- margin-right: 0px;
53
+ padding-bottom: 16px;
32
54
  }
33
- .bc-cta__button_layout_2 {
55
+ .bc-cta__button_layout_1, .bc-cta__button_layout_2, .bc-cta__button_layout_3, .bc-cta__button_layout_4 {
34
56
  width: calc(50% - (16px / 2));
35
- max-width: 50%;
57
+ max-width: 100%;
36
58
  margin-right: 16px;
59
+ flex-grow: 1;
37
60
  }
38
- .bc-cta__button_layout_2:nth-child(2n) {
39
- margin-right: 0px;
61
+ .bc-cta__button_layout_1:nth-child(2n), .bc-cta__button_layout_2:nth-child(2n), .bc-cta__button_layout_3:nth-child(2n), .bc-cta__button_layout_4:nth-child(2n) {
62
+ margin-right: 0;
40
63
  }
41
- .bc-cta__button_layout_3 {
42
- width: calc(33.3333333333% - (32px / 3));
43
- margin-right: 16px;
44
- }
45
- .bc-cta__button_layout_3:nth-child(3n) {
46
- margin-right: 0px;
64
+ }
65
+ @media (max-width: 577px) {
66
+ .bc-cta__content {
67
+ flex-direction: column;
47
68
  }
48
- .bc-cta__button_layout_4 {
49
- width: calc(25% - (48px / 4));
50
- max-width: 50%;
51
- margin-right: 16px;
69
+ .bc-cta__button {
70
+ padding-bottom: 16px;
52
71
  }
53
- .bc-cta__button_layout_4:nth-child(4n) {
54
- margin-right: 0px;
72
+ .bc-cta__button_layout_1, .bc-cta__button_layout_2, .bc-cta__button_layout_3, .bc-cta__button_layout_4 {
73
+ width: 100%;
74
+ max-width: 100%;
55
75
  }
56
76
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "3.1.1",
3
+ "version": "3.2.0-alpha.0",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -141,5 +141,8 @@
141
141
  "*.{json,yaml,yml,md}": [
142
142
  "prettier --write"
143
143
  ]
144
+ },
145
+ "publishConfig": {
146
+ "tag": "alpha"
144
147
  }
145
148
  }