Ограничений/правил нет, но главное, чтобы не пересекались названия с другими. Сам могу порекомендовать начинать заголовок с X-Data. И смысл понятен, и конфликтов заголовков не будет.
Сергей Коприков: А все-таки сайт какой - полностью для мобильных устройств, или и туда, и туда? И css-стили как - отдельно для мобильных и для десктопа, или все в кучу?
Сергей Коприков:
1. Все редактировать не буду, но примерно: https://jsfiddle.net/Ivanq/yaw054xo/
То есть я поставил все значения в rem, и теперь, меняя font-size у html, можно менять размер для всего. Например, с помощью @media-запросов можно менять размер в зависимости от экрана или устройства.
2. Если сайт только для мобильных устройств, можно увеличить активные элементы - кнопки, ссылки (правда, если увеличивать ссылки, может пригодиться увеличить текст). Например, может ругаться на textarea (возможно).
Andranik: Смотрите как надо понимать - в квадратных скобках указаны все возможные символы (в вашем начальном варианте [12] - либо 1, либо 2, [12111212] - либо 1, либо 2, либо 1, либо 1, ... ). Плюс обозначает повторение 1 и более раз ([1234567890]+ - любая цифра, любая цифра, опять любая цифра, ...). Также есть звездочка - повторение 0 и более раз.