xdevelx

:root {
  --transition-duration: 2s;
  --animation-duration: 5s;
}

div {
  width: 100px;
  height: 100px;
  background: red;
  opacity: 0;
  transition: opacity var(--transition-duration);
  will-change: transform, opacity;
}
div:hover {
  animation: mymove var(--animation-duration) var(--transition-duration)
    infinite;
  opacity: 1;
}

@keyframes mymove {
  to {
    transform: translateX(200px);
  }
}

:nth-child(5n + 1),
:nth-child(5n + 4) {
}

:nth-child(5n + 2),
:nth-child(5n) {
}

.spoiler-link--active::before {
  transform: rotate(90deg);
}

const str = '«Брат Волк» Мишель Пейвер';
const { groups: { name, author } } = str.match(/«(?<name>[^»]*)»\s(?<author>.*)$/);
console.log(name); // Брат Волк
console.log(author); // Мишель Пейвер

remove_action( 'template_redirect', 'wp_shortlink_header', 11 );

remove_action( 'wp_head', 'wp_shortlink_wp_head' );

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, browserSync.reload);
}));

add_action(
    'publish_post',
    function() {
        $args = [
            'numberposts' => -1,
            'fields'      => 'ids',
        ];

        $posts = get_posts( $args );

        if ( $posts && count( $posts ) >= 100 ) {
            foreach ( $posts as $post ) {
                wp_delete_post( $post, true );
            }
        }
    }
);

function capitalize(str) {
  return str.split(/\s+/).map((word) => word[0].toUpperCase() + word.substring(1)).join(' ');
}

label:has(+ .field-error) {
  border: 2px solid red;
}

Если просто вставить SVG на страницу и не задавать ему никакие размеры, он отобразится размером 300px на 150px, что не поместилось — обрежется

<svg width="18" height="19"><use xlink:href="#exit"></use></svg>

.sidebar-mini:not(.sidebar-collapse) .nav-treeview .nav-link {
  margin-left: 1rem;
  width: calc(250px - 2rem);
}

const arrInput = (consentCheckbox === null)
  ? [!mailArr.length, !inputEmptyArr.length]
  : [!mailArr.length, !inputEmptyArr.length, consentCheckbox.checked];

btnSubmite.classList.toggle('valid-success', arrInput.every((x) => x === true));