Есть ли возможность использовать классы CSS начальной загрузки Twitter в Shadow Dom? - PullRequest
Новая
       16

Есть ли возможность использовать классы CSS начальной загрузки Twitter в Shadow Dom?

0 голосов
/ 29 апреля 2019

Есть ли возможность использовать Twitter начальной загрузки внутри Shadow Dom?На этом этапе основным преимуществом оказывается недостаток.

Ответы [ 2 ]

2 голосов
/ 29 апреля 2019

Просто вставьте CSS-файл Bootstrap в Shadow DOM с элементом <link href="stylesheet">: 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


customElements.define( 'c-e', class extends HTMLElement {
  constructor() {
    super()
    this.attachShadow( { mode: 'open' } )
        .innerHTML = `
          <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
          <button class="btn btn-primary">Hello</button>
        `
  }
} )
<c-e></c-e>
0 голосов
/ 29 апреля 2019

Вы можете использовать селектор ::shadow для стилизации элементов в теневом DOM, я считаю.

...