title: CSS with LeafLet
body: <p>I use Angular 6 and Leaflet.I don't understand why can't define my css in my component... That is my code : </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="custom-popup" id="frugalmap"&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.custom-popup .leaflet-popup-content-wrapper {
      background:#2c3e50;
      color:#fff;
      font-size:160px;
      line-height:24px;
      border-radius: 0px;
  }
  
  .custom-popup .leaflet-popup-content-wrapper a {
      color:rgba(255,255,255,0.1);
  }
  
  .custom-popup .leaflet-popup-tip-container {
      width:30px;
      height:15px;
  }
  
  .custom-popup .leaflet-popup-tip {
      background: transparent;
      border: none;
      box-shadow: none;
  }
  </code></pre>
  
  <p>TS</p>
  
  <pre><code>var customPopup = "&lt;h4&gt;CHU Nantes&lt;/h4&gt;" 
  var customOptions = {'className' : 'custom' }
  var CHUNantes= L.marker([47.21082, -1.55446], {icon: myIcon}).bindPopup(customPopup,customOptions).on('mouseover', function (e) { this.openPopup();});
  </code></pre>