@doyourjob/gravity-ui-page-constructor 5.31.241 → 5.31.243
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/build/cjs/blocks/HeaderMinify/Button/Button.css +9 -7
- package/build/cjs/blocks/HeaderMinify/HeaderMinify.css +20 -12
- package/build/cjs/blocks/HeaderMinify/HeaderMinify.js +2 -6
- package/build/cjs/text-transform/config.js +1 -1
- package/build/esm/blocks/HeaderMinify/Button/Button.css +9 -7
- package/build/esm/blocks/HeaderMinify/HeaderMinify.css +20 -12
- package/build/esm/blocks/HeaderMinify/HeaderMinify.js +3 -7
- package/build/esm/text-transform/config.js +1 -1
- package/package.json +1 -1
- package/server/text-transform/config.js +1 -1
- package/widget/index.js +1 -1
|
@@ -4,25 +4,27 @@ unpredictable css rules order in build */
|
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
7
|
-
padding: 0
|
|
7
|
+
padding: 0 24px;
|
|
8
8
|
border-radius: 16px;
|
|
9
9
|
background: #001a2b;
|
|
10
10
|
color: #ffffff;
|
|
11
|
-
height:
|
|
12
|
-
font-size:
|
|
13
|
-
line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
|
|
11
|
+
height: 44px;
|
|
12
|
+
font-size: 15px;
|
|
14
13
|
font-weight: 500;
|
|
15
|
-
letter-spacing: 1%;
|
|
16
14
|
text-decoration: none;
|
|
17
15
|
transition: opacity 0.3s ease;
|
|
18
16
|
}
|
|
19
17
|
.pc-header-minify-button_outline {
|
|
20
|
-
background:
|
|
21
|
-
border: 2px solid #001a2b;
|
|
18
|
+
background: rgba(5, 43, 66, 0.05);
|
|
22
19
|
color: #001a2b;
|
|
23
20
|
}
|
|
24
21
|
@media (hover: hover) and (pointer: fine) {
|
|
25
22
|
.pc-header-minify-button:hover {
|
|
26
23
|
opacity: 0.8;
|
|
27
24
|
}
|
|
25
|
+
}
|
|
26
|
+
@media (max-width: 577px) {
|
|
27
|
+
.pc-header-minify-button {
|
|
28
|
+
padding: 0 20px;
|
|
29
|
+
}
|
|
28
30
|
}
|
|
@@ -18,31 +18,39 @@ unpredictable css rules order in build */
|
|
|
18
18
|
height: 100%;
|
|
19
19
|
}
|
|
20
20
|
.pc-header-minify-block__container {
|
|
21
|
-
padding-top:
|
|
22
|
-
padding-bottom:
|
|
21
|
+
padding-top: 150px;
|
|
22
|
+
padding-bottom: 168px;
|
|
23
23
|
}
|
|
24
24
|
.pc-header-minify-block__title {
|
|
25
|
-
font-size:
|
|
26
|
-
line-height:
|
|
25
|
+
font-size: 94px;
|
|
26
|
+
line-height: 80%;
|
|
27
|
+
font-weight: 700;
|
|
28
|
+
letter-spacing: -2%;
|
|
27
29
|
margin: 0;
|
|
28
30
|
position: relative;
|
|
29
|
-
margin-bottom:
|
|
31
|
+
margin-bottom: 32px;
|
|
30
32
|
}
|
|
31
33
|
@media (max-width: 577px) {
|
|
32
34
|
.pc-header-minify-block__title {
|
|
33
|
-
font-size:
|
|
34
|
-
line-height:
|
|
35
|
+
font-size: 36px;
|
|
36
|
+
line-height: 40px;
|
|
37
|
+
margin-bottom: 16px;
|
|
35
38
|
}
|
|
36
39
|
}
|
|
37
40
|
.pc-header-minify-block__description {
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
line-height: 28px;
|
|
43
|
+
font-weight: 600;
|
|
38
44
|
position: relative;
|
|
39
45
|
margin-bottom: 32px;
|
|
40
|
-
opacity: 0.8;
|
|
41
46
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
@media (max-width: 577px) {
|
|
48
|
+
.pc-header-minify-block__description {
|
|
49
|
+
font-size: 17px;
|
|
50
|
+
line-height: 24px;
|
|
51
|
+
font-weight: 400;
|
|
52
|
+
margin-bottom: 16px;
|
|
53
|
+
}
|
|
46
54
|
}
|
|
47
55
|
.pc-header-minify-block__buttons {
|
|
48
56
|
display: flex;
|
|
@@ -9,10 +9,7 @@ const grid_1 = require("../../grid");
|
|
|
9
9
|
const utils_2 = require("../../utils");
|
|
10
10
|
const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
|
|
11
11
|
const b = (0, utils_2.block)('header-minify-block');
|
|
12
|
-
const colSizes = { all: 12, md:
|
|
13
|
-
const modifiers = {
|
|
14
|
-
constructor: true,
|
|
15
|
-
};
|
|
12
|
+
const colSizes = { all: 12, md: 9 };
|
|
16
13
|
const HeaderMinifyBlock = (props) => {
|
|
17
14
|
const { title, description, buttons, video, headerSpace } = props;
|
|
18
15
|
return (react_1.default.createElement("header", { className: b({ ['header-space']: headerSpace }) },
|
|
@@ -26,8 +23,7 @@ const HeaderMinifyBlock = (props) => {
|
|
|
26
23
|
react_1.default.createElement(grid_1.Col, { sizes: colSizes },
|
|
27
24
|
react_1.default.createElement("h1", { className: b('title') },
|
|
28
25
|
react_1.default.createElement(components_1.HTML, null, title)),
|
|
29
|
-
description &&
|
|
30
|
-
react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: modifiers }))),
|
|
26
|
+
description && react_1.default.createElement(components_1.HTML, { className: b('description') }, description),
|
|
31
27
|
(buttons === null || buttons === void 0 ? void 0 : buttons.length) ? (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button, index) => (react_1.default.createElement(Button_1.default, Object.assign({ key: index }, button)))))) : null)))));
|
|
32
28
|
};
|
|
33
29
|
exports.HeaderMinifyBlock = HeaderMinifyBlock;
|
|
@@ -4,25 +4,27 @@ unpredictable css rules order in build */
|
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
7
|
-
padding: 0
|
|
7
|
+
padding: 0 24px;
|
|
8
8
|
border-radius: 16px;
|
|
9
9
|
background: #001a2b;
|
|
10
10
|
color: #ffffff;
|
|
11
|
-
height:
|
|
12
|
-
font-size:
|
|
13
|
-
line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
|
|
11
|
+
height: 44px;
|
|
12
|
+
font-size: 15px;
|
|
14
13
|
font-weight: 500;
|
|
15
|
-
letter-spacing: 1%;
|
|
16
14
|
text-decoration: none;
|
|
17
15
|
transition: opacity 0.3s ease;
|
|
18
16
|
}
|
|
19
17
|
.pc-header-minify-button_outline {
|
|
20
|
-
background:
|
|
21
|
-
border: 2px solid #001a2b;
|
|
18
|
+
background: rgba(5, 43, 66, 0.05);
|
|
22
19
|
color: #001a2b;
|
|
23
20
|
}
|
|
24
21
|
@media (hover: hover) and (pointer: fine) {
|
|
25
22
|
.pc-header-minify-button:hover {
|
|
26
23
|
opacity: 0.8;
|
|
27
24
|
}
|
|
25
|
+
}
|
|
26
|
+
@media (max-width: 577px) {
|
|
27
|
+
.pc-header-minify-button {
|
|
28
|
+
padding: 0 20px;
|
|
29
|
+
}
|
|
28
30
|
}
|
|
@@ -18,31 +18,39 @@ unpredictable css rules order in build */
|
|
|
18
18
|
height: 100%;
|
|
19
19
|
}
|
|
20
20
|
.pc-header-minify-block__container {
|
|
21
|
-
padding-top:
|
|
22
|
-
padding-bottom:
|
|
21
|
+
padding-top: 150px;
|
|
22
|
+
padding-bottom: 168px;
|
|
23
23
|
}
|
|
24
24
|
.pc-header-minify-block__title {
|
|
25
|
-
font-size:
|
|
26
|
-
line-height:
|
|
25
|
+
font-size: 94px;
|
|
26
|
+
line-height: 80%;
|
|
27
|
+
font-weight: 700;
|
|
28
|
+
letter-spacing: -2%;
|
|
27
29
|
margin: 0;
|
|
28
30
|
position: relative;
|
|
29
|
-
margin-bottom:
|
|
31
|
+
margin-bottom: 32px;
|
|
30
32
|
}
|
|
31
33
|
@media (max-width: 577px) {
|
|
32
34
|
.pc-header-minify-block__title {
|
|
33
|
-
font-size:
|
|
34
|
-
line-height:
|
|
35
|
+
font-size: 36px;
|
|
36
|
+
line-height: 40px;
|
|
37
|
+
margin-bottom: 16px;
|
|
35
38
|
}
|
|
36
39
|
}
|
|
37
40
|
.pc-header-minify-block__description {
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
line-height: 28px;
|
|
43
|
+
font-weight: 600;
|
|
38
44
|
position: relative;
|
|
39
45
|
margin-bottom: 32px;
|
|
40
|
-
opacity: 0.8;
|
|
41
46
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
@media (max-width: 577px) {
|
|
48
|
+
.pc-header-minify-block__description {
|
|
49
|
+
font-size: 17px;
|
|
50
|
+
line-height: 24px;
|
|
51
|
+
font-weight: 400;
|
|
52
|
+
margin-bottom: 16px;
|
|
53
|
+
}
|
|
46
54
|
}
|
|
47
55
|
.pc-header-minify-block__buttons {
|
|
48
56
|
display: flex;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { HTML
|
|
2
|
+
import { HTML } from '../../components';
|
|
3
3
|
import { parseVideoType } from '../../components/Media/Video/utils';
|
|
4
4
|
import { Col, Grid, Row } from '../../grid';
|
|
5
5
|
import { block } from '../../utils';
|
|
6
6
|
import Button from './Button/Button';
|
|
7
7
|
import './HeaderMinify.css';
|
|
8
8
|
const b = block('header-minify-block');
|
|
9
|
-
const colSizes = { all: 12, md:
|
|
10
|
-
const modifiers = {
|
|
11
|
-
constructor: true,
|
|
12
|
-
};
|
|
9
|
+
const colSizes = { all: 12, md: 9 };
|
|
13
10
|
export const HeaderMinifyBlock = (props) => {
|
|
14
11
|
const { title, description, buttons, video, headerSpace } = props;
|
|
15
12
|
return (React.createElement("header", { className: b({ ['header-space']: headerSpace }) },
|
|
@@ -23,8 +20,7 @@ export const HeaderMinifyBlock = (props) => {
|
|
|
23
20
|
React.createElement(Col, { sizes: colSizes },
|
|
24
21
|
React.createElement("h1", { className: b('title') },
|
|
25
22
|
React.createElement(HTML, null, title)),
|
|
26
|
-
description &&
|
|
27
|
-
React.createElement(YFMWrapper, { content: description, modifiers: modifiers }))),
|
|
23
|
+
description && React.createElement(HTML, { className: b('description') }, description),
|
|
28
24
|
(buttons === null || buttons === void 0 ? void 0 : buttons.length) ? (React.createElement("div", { className: b('buttons') }, buttons.map((button, index) => (React.createElement(Button, Object.assign({ key: index }, button)))))) : null)))));
|
|
29
25
|
};
|
|
30
26
|
export default HeaderMinifyBlock;
|
package/package.json
CHANGED