swipeleft
и swiperight
, из которых создавать события клика на .lb-next
и .lb-prev
, соответственно. Перед этим не забываем проверить, что устройство мобильное, и скрыть кнопки на мобильных в CSS. html
, body
и .burger-menu
height: 100%
. Далее устанавливаем для .burger-menu
overflow-y: auto;
либо overflow-y: scroll;
, чтобы контент не прыгал туда-сюда. .li_block {
display: flex;
justify-content: space-between;
}
grid
..li_block {
display: grid;
grid-template-columns: auto calc(100% / 3);
justify-items: stretch;
}
linear-gradient()
не проблема.fill="currentColor"
и меняем цвет (color
) при :hover
на родительском элементе.<div class="card"><!-- На этом :hover -->
<div class="text"><!-- Текст с карточки --></div>
<svg fill="currentColor" ...>...</svg>
</div>
.news__operation-date
и .news__operation-name
в div.news__operation-main
, которому задать следующее..news__operation-main {
display: block;
}
@media (min-width: 768px) {
.news__operation-main {
display: flex;
}
}
.container {
border: 1px solid red;
width: 200px;
font-weight: 700;
font-size: 24px;
padding: 0 0 5px 0;
background: gray;
}
.container * {
display: inline;
}
.container span {
margin-right: 6px;
width: 32px;
height: 24px;
background: #FFFFFF;
border-radius: 10px;
font-size: 20px;
align-items: center;
justify-content: center;
color: #000000;
display: inline-flex;
}
<div class="rov">
<div class="colmd12">
<section>
<?php
$comments = get_comments(array(
"status" => "approve",
));
$args = array('class' => 'mr-3',);
foreach ($comments as $comment) {
?>
<div class="media mb-3">
<?php echo get_avatar($comment->author_email, 64, null, null, $args); ?>
<div class="media-body">
<h5 class="mt-0"><?php echo $comment->comment_author; ?></h5>
<?php comment_date('j-n-Y'); ?>
<div class="comment"><?php echo $comment->comment_content; ?></div>
</div>
</div>
<?php } ?>
</section>
</div>
</div>
get_comments
.