diff --git a/content-post-rfo.php b/content-post-rfo.php index 7eae6d3..a115b26 100644 --- a/content-post-rfo.php +++ b/content-post-rfo.php @@ -1,7 +1,6 @@
-
+
+ + + + + +
- + - -
-
- -
- +
+
+
-
-
Подробнее
+ +
+
+
Подробнее
+ - -
+
- +
\ No newline at end of file diff --git a/content-short-rfo.php b/content-short-rfo.php new file mode 100644 index 0000000..0855f73 --- /dev/null +++ b/content-short-rfo.php @@ -0,0 +1,41 @@ + + + + +
+ + +
+
+ + + + + +
+
+
+ + +
+
+
+ + + +
+
+ + + + +
\ No newline at end of file diff --git a/frontend/src/global.css b/frontend/src/global.css index a4c3edf..95e3d5b 100644 --- a/frontend/src/global.css +++ b/frontend/src/global.css @@ -10,6 +10,10 @@ --second-family: "Unbounded", sans-serif; } +*, *::before, *::after { + box-sizing: border-box; +} + html { font-size: 10px; } diff --git a/frontend/src/main.js b/frontend/src/main.js index 181c565..08e116e 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -31,6 +31,7 @@ import './styles/rfo/social.css'; import './styles/rfo/article.css'; import './styles/rfo/breadcrumbs.css'; import './styles/rfo/landing.css'; +import './styles/rfo/interview.css'; diff --git a/frontend/src/styles/rfo/article.css b/frontend/src/styles/rfo/article.css index 459e1e1..1f208e6 100644 --- a/frontend/src/styles/rfo/article.css +++ b/frontend/src/styles/rfo/article.css @@ -23,6 +23,7 @@ border-style: solid; /* Общий стиль для всех сторон */ border-color: white; /* Общий цвет */ border-radius: 14px; + overflow: hidden; } .article-short-wrapper__rfo{ @@ -32,21 +33,23 @@ border-style: solid; /* Общий стиль для всех сторон */ border-color: white; /* Общий цвет */ border-radius: 14px; + width: 100%; } .article-item-rfo{ position: relative; height: 409px; - width: 397px; + width: 390px; background: #f1f3eb; /* пример фона */ - /* clip-path: path('M8.79428 0L378.205 0C383.042 0 386.999 3.9499 386.999 8.77793V34.6476V374.353V400.222C386.999 405.05 383.042 409 378.205 409H225.707C219.54 409 218.385 405.144 215.499 400.222L209.392 389.805C207.382 386.378 203.127 383.509 199.559 383.13H8.79426C3.95665 383.13 0 379.181 0 374.352V8.77756C0 3.94952 3.95667 0 8.79428 0Z');*/ - -webkit-mask-image: var(--article-item-mask); + clip-path: path('M6.79428 0L380.205 0C385.042 0 388.999 3.9499 388.999 8.77793V34.6476V374.353V400.222C388.999 405.05 385.042 409 380.205 409H227.707C221.54 409 220.385 405.144 217.499 400.222L211.392 389.805C209.382 386.378 205.127 383.509 201.559 383.13H6.79426C1.95665 383.13 -2 379.181 -2 374.352V8.77756C-2 3.94952 1.95667 0 6.79428 0Z'); /** -webkit-mask-image: var(--article-item-mask); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; mask-image: var(--article-item-mask); mask-repeat: no-repeat; - mask-size: cover; + mask-size: cover;**/ + + } .article-short-rfo{ @@ -65,6 +68,7 @@ clip-path: inset(0 round 10px); Скругление углов (поддержка хуже) */ } + .item-rfo-zh{ fill: var(--zheltyy); background: var(--zheltyy); diff --git a/frontend/src/styles/rfo/interview.css b/frontend/src/styles/rfo/interview.css new file mode 100644 index 0000000..c7f8b3c --- /dev/null +++ b/frontend/src/styles/rfo/interview.css @@ -0,0 +1,42 @@ +.rfo-stack { + position: relative; + width: 100%; + max-width: 373px; + height: 280px; + overflow: hidden; + margin: 0 auto; + } + + .rfo-svg-bg { + position: absolute; + inset: 0; + z-index: 1; + pointer-events: none; + background: url("data:image/svg+xml;utf8,") no-repeat center / 100% 100%; + } + + .rfo-stack-img { + position: relative; + z-index: 2; + height: 210px; + overflow: hidden; + border-radius: 10px; + } + + .rfo-stack-img picture, + .rfo-stack-img img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + } + + @media (max-width: 480px) { + .rfo-stack { + height: 340px; + } + .rfo-stack-img { + height: 250px; + } + } + diff --git a/frontend/src/styles/rfo/landing.css b/frontend/src/styles/rfo/landing.css index 1fe9d1b..9e2bb0b 100644 --- a/frontend/src/styles/rfo/landing.css +++ b/frontend/src/styles/rfo/landing.css @@ -20,7 +20,7 @@ .land-cart-title{ display: flex; - padding: 2px 12px; + padding: 12px 12px; } @@ -112,6 +112,7 @@ } + @media (min-width: 768px) and (max-width: 1024px) { diff --git a/rfo/category-end.php b/rfo/category-end.php index dbc6fd5..9c8e3d2 100644 --- a/rfo/category-end.php +++ b/rfo/category-end.php @@ -20,9 +20,11 @@ if ( $style == 'short' ){ $wrapper = 'article-short-wrapper__rfo'; $color_style = 'article-short-rfo'; $short = true; + $template = 'short-rfo'; } else { $short = false; $wrapper = 'article-item-wrapper__rfo'; + $template = 'post-rfo'; if ($style == '') { $color_style = 'article-item-rfo'; } else { @@ -47,10 +49,11 @@ $posts_count = isset($args['posts_count']) ? $args['posts_count'] : 1; if ($query->have_posts()) : ?> have_posts()) : $query->the_post(); ?> - $color_style, 'title' => $title, + 'title_link' => get_category_link(get_category_by_slug($category)), 'has_video' => $has_video ]);?> diff --git a/rfo/landing.php b/rfo/landing.php index 513701f..70bc03f 100644 --- a/rfo/landing.php +++ b/rfo/landing.php @@ -14,7 +14,8 @@ 'fumigation', // slug рубрики 'style' => 'item-rfo-zh', - 'title' => 'Фумигация' + 'title' => 'Фумигация', + 'has_video' => false ]);?>