Отправляет параметр из реагирующего компонента для изменения фона псевдокласса

Компонент React:

      const Item = ({ url }) => (
      <div className="section" id="uberuns" data={url} />);

Мне нужно заменить фоновый URL :: после

    #uberuns:after {
      content:'';
      height:100%;
      width:100%;
      background: url("http://upload.wikimedia.org/wikipedia/commons/c/c4/PM5544_with_non-PAL_signals.png");
      position:absolute;    
      background-attachment:fixed;
      background-size:cover;
      left:0;
      top:0;
      z-index:-1;
    }

Когда я включаю content: $ var, он отображает URL-адрес изображения, но не работает для фона.

    [data-line]::after { 
     $var: attr(data-line);
     content: '';
     background: attr(data-line url);
    }

Я хочу получить тот же результат, что и в примере ниже, но я использую разные изображения из компонента реакции http://jsfiddle.net/do3mw9ju/3/