<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: how to include the CSS for custom widgets when using arcgis-js-cli? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-include-the-css-for-custom-widgets-when/m-p/554094#M51688</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;answering my own question...&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It seems the solution is to add a line like the following to src/css/main.scss:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;@import "../widgets/Mywidget/styles/Mywidget"&lt;/DIV&gt;&lt;DIV&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 27 Jun 2019 16:34:44 GMT</pubDate>
    <dc:creator>JohnCartwright3</dc:creator>
    <dc:date>2019-06-27T16:34:44Z</dc:date>
    <item>
      <title>how to include the CSS for custom widgets when using arcgis-js-cli?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-include-the-css-for-custom-widgets-when/m-p/554093#M51687</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello All,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I've got a simple 4.x application that I've scaffolded out using the &lt;A href="https://github.com/Esri/arcgis-js-cli"&gt;@arcgis/cli&lt;/A&gt;.&amp;nbsp; I've created a custom widget using the "arcgis widget mywidget" command and it sets up directory structure for the widget like:&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-family: 'courier new', courier, monospace;"&gt;widgets/Mywidget/styles/Mywidget.scss&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-family: 'courier new', courier, monospace;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;My problem is that I can't find out to get the scss file for the custom widget to be included in the build so the styles are picked up.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Can anyone offer a suggestion?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;--john&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 27 Jun 2019 15:58:16 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-include-the-css-for-custom-widgets-when/m-p/554093#M51687</guid>
      <dc:creator>JohnCartwright3</dc:creator>
      <dc:date>2019-06-27T15:58:16Z</dc:date>
    </item>
    <item>
      <title>Re: how to include the CSS for custom widgets when using arcgis-js-cli?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-include-the-css-for-custom-widgets-when/m-p/554094#M51688</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;answering my own question...&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;It seems the solution is to add a line like the following to src/css/main.scss:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;@import "../widgets/Mywidget/styles/Mywidget"&lt;/DIV&gt;&lt;DIV&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 27 Jun 2019 16:34:44 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-include-the-css-for-custom-widgets-when/m-p/554094#M51688</guid>
      <dc:creator>JohnCartwright3</dc:creator>
      <dc:date>2019-06-27T16:34:44Z</dc:date>
    </item>
  </channel>
</rss>

