Muvka

Раз родительский элемент управляет отступами, это явно свойства ( элемента ) родительского блока.
Когда возникают такие дилеммы, нужно просто задать блоку / элементу вопрос: «А кто назначил тебе это правило?» и всё становится понятно — какие-то свойства отъезжают в модификатор, какие-то — в элемент внешнего блока.

Общие стили:

.title { display: block }
.title_align_left { text-align: left }
.title_align_right { text-align: right }
.title_align_center { text-align: center }

Элемент прижат к левому краю (модификатор .title_align_left добавил для наглядности):

.card
  .card__title.title.title_align_left

— card__title „говорит“: «внутри меня лежит блок title с модификацией align в значении left»

Элемент прижат к правому краю:

.card
  .card__title.title.title_align_right

— card__title „говорит“: «внутри меня лежит блок title с модификацией align в значении right»

Элемент выровнен по центру:

.card
  .card__title.title.title_align_center

— card__title „говорит“: «внутри меня лежит блок title с модификацией align в значении center»

Элемент прижат к левому краю, но на другом брейкпоинте выравнивается по правому:

.card__title { text-align: right }
@media (min-width: 720px) {
  .card__title { text-align: left }
}

.card
  .card__title.title

— card__title „говорит“: «внутри меня лежит блок title, но я сам управляю его align»

Надеюсь, аналогия ясна.

Чужое exe приложение - никак, там все зависит от того как именно они ролики проигрывают.

Текущую дату на прошлое менял?

Ключ-значение
block_size_small
block__element_size_small

В данном случае модификатор у нас size, а его значение может быть small, large и тд

Use не имеет href, есть только xlink:href
<use xlink:href="#star" />

В общем итоге выяснилось следующее: В некоторых вопросах MS впереди планеты всей. При работе с самыми новыми устройствами от MS нужно использовать Pointer Events. Делается это примерно так:

Проверка:

// Pointer Events нужно проверить отдельно, так они совмещают в себе и мышь и тач
var is_pointer = !!window.PointerEvent;
// Отдельная проверка для "менее современных" браузеров
var is_touch = navigator.maxTouchPoints && navigator.maxTouchPoints > 0;

Все, теперь можно использовать. Примерно так:

if (is_pointer) {
    this.$handle.on("pointerdown", this.pointerDown.bind(this));
} else {
    if (is_touch) {
        this.$handle.on("touchstart", this.pointerDown.bind(this));
    } else {
        this.$handle.on("mousedown", this.pointerDown.bind(this));
    }
}

float: left для legend даст нужный эффект. тык

Как-то так:
border-image: linear-gradient( 90deg, rgb(211,0,169) 0%, rgb(255,0,60) 100%);
border-image-slice: 1;

только цвет заменить

Вы или крутите велосипед или пытаетесь обмануть яндекс, потому что в нормальных условиях он и так возвращает с разбивкой на компоненты

UPDATE 2020:

Для будущих поколений: начиная с версии WordPress 5.5.0 функция get_template_part() поддерживает третий параметр array $args. Подробнее в официальном посте.

Оригинальный ответ:

+1 к ответу, Капитан Какао. Впрочем, я использую все-таки стандартный get_template_part() для удобства, а переменные передаю через другое API - query_vars:

// В файле из которого вызываем
set_query_var( 'my_var', $my_var );
get_template_part( 'content', 'part' );

// В вызванном файле
echo $my_var;

Почему так? Для очевидности, в этом случае ты наглядно понимаешь что передаешь в темплейт.

Пришлось усердно погуглить, что бы найти решение.
А решение оказалось очень простым.
Вместо get_template_part() использовать более низкоуровневую функцию locate_template()
include (locate_template('header.php'));

Сам по себе способ не плохой, но мне кажется, что люди с экраной читалкой (те люди, которые не видят) могут плохо принять такой финт

https://www.w3.org/TR/html52/textlevel-semantics.h...

похоже на баг валидатора из-за itemprop атрибута, без него ошибок не показывает

В вашей задаче eval() не нужен, вроде бы.

Вызов событий счётчиков отличается друг от друга только названием события и именем счетчика. Как уже верно заметили в комментарии, данные в backend отправляете ajax'ом, и в обработчике вызова получаете ответ сервера.

По этому ответу бэка можно судить, прошли данные валидацию или нет. И в зависимости от этого, дергать события счетчиков:

// <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
function submitData( formData, goalName, yandex, google) {
  axios.post( '/submitform.php', formData)
  .then( function(response) {
    if (response.ok) {
      yandex.reachGoal( goalName );
      google(goalName, '...' );
    } else {
      // данные не прокатили
    }
  })
}