add righ colomn in 12-14 screens
This commit is contained in:
@@ -39,7 +39,7 @@ ul.wp-block-list li{
|
||||
}
|
||||
|
||||
.news-list-picture{
|
||||
/** height: 21rem !important;*/
|
||||
height: 21rem !important;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -88,7 +88,8 @@ ul.wp-block-list li{
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1439px) {
|
||||
/** @media (max-width: 1439px) { */
|
||||
@media (min-width: 768px) and (max-width: 1024px) {
|
||||
.content {
|
||||
grid-template-columns: 36.4rem 1fr;
|
||||
grid-template-areas:
|
||||
@@ -101,6 +102,7 @@ ul.wp-block-list li{
|
||||
'middle middle'
|
||||
'right right';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
@@ -23,6 +23,16 @@
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.article-interview-wrapper__rfo{
|
||||
/* flex: 0 0 auto; Запрещаем растягивание и сжатие */
|
||||
background-color: white;
|
||||
border: 6px solid white;
|
||||
padding-top: 22px;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.article-item-rfo{
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
@@ -32,11 +42,10 @@
|
||||
|
||||
|
||||
/* МАСКА через встроенный data URI */
|
||||
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387 409"><path fill-rule="evenodd" clip-rule="evenodd" d="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" fill="black"/></svg>');
|
||||
-webkit-mask-image: var(--article-item-mask);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: cover;
|
||||
|
||||
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387 409"><path fill-rule="evenodd" clip-rule="evenodd" d="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" fill="black"/></svg>');
|
||||
mask-image: var(--article-item-mask);
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: cover;
|
||||
}
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
--seryy: #c4d3d9;
|
||||
--2: #f1f3eb;
|
||||
--tekst: #2f2f2f;
|
||||
--article-item-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387 409"><path fill-rule="evenodd" clip-rule="evenodd" d="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" fill="black"/></svg>');
|
||||
}
|
||||
|
||||
.header-rfo {
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
// Извлекаем параметры
|
||||
$category = isset($args['category']) ? $args['category'] : 'rfo';
|
||||
$title = isset($args['title']) ? $args['title'] : 'РФО';
|
||||
$wrapper = isset($args['wrapper']) ? $args['wrapper'] : 'article-item-wrapper__rfo';
|
||||
$style = isset($args['style']) ? $args['style'] : 0;
|
||||
$posts_count = isset($args['posts_count']) ? $args['posts_count'] : 1;
|
||||
?>
|
||||
@@ -28,7 +29,7 @@ $posts_count = isset($args['posts_count']) ? $args['posts_count'] : 1;
|
||||
|
||||
if ($query->have_posts()) : ?>
|
||||
|
||||
<div class="article-item-wrapper__rfo">
|
||||
<div class="<?=$wrapper?>">
|
||||
<div class="land-cart-title">
|
||||
<div class="land-cart-title__text"><?php echo esc_html($title); ?></div>
|
||||
<div class="land-cart-title__arrow"></div>
|
||||
|
||||
@@ -6,8 +6,9 @@
|
||||
|
||||
<?php get_template_part('rfo/category-end', null, [
|
||||
'category' => 'opinion', // slug рубрики
|
||||
'style' => '',
|
||||
'title' => 'Интервью'
|
||||
'wrapper' => 'article-interview-wrapper__rfo',
|
||||
'style' => '',
|
||||
'title' => 'Интервью'
|
||||
]);?>
|
||||
|
||||
<?php get_template_part('rfo/category-end', null, [
|
||||
|
||||
Reference in New Issue
Block a user