CSS attr() для целых чисел: как лучше это решить? ⇐ Html

[Anonymous]

Шаблон PHP:

Код: Выделить всё

  class="el"
data-spacetop=""
data-spaceleft=""
data-spacetopmobile=""
data-spaceleftmobile="">

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

 .el {
padding-top: attr(data-spacetop) px;
padding-left: attr(data-spaceleft) px;
}

@media screen and (max-width:600px) {
.el {
padding-top: attr(data-spacetopmobile) px;
padding-left: attr(data-spaceleftmobile) px;
}
}

Если бы это сработало, было бы просто замечательно. К сожалению, это не так, хотя проект W3C существует уже давно (https://caniuse.com/#feat=css3-attr).

Как бы вы решили эту проблему? К сожалению, встроенные медиа-запросы также не поддерживаются.

Подробнее здесь: https://stackoverflow.com/questions/486 ... solve-this