Move assets css files to sass

src/components/actionSheet/actionSheet.js

@@ -5,7 +5,7 @@ import dom from '../../scripts/dom';
 import '../../elements/emby-button/emby-button';
 import './actionSheet.css';
 import 'material-design-icons-iconfont';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../components/listview/listview.css';
 
 function getOffsets(elems) {

src/components/dialogHelper/dialogHelper.js

@@ -5,7 +5,7 @@ import layoutManager from '../layoutManager';
 import inputManager from '../../scripts/inputManager';
 import dom from '../../scripts/dom';
 import './dialoghelper.css';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 
 /* eslint-disable indent */
 

src/components/favoriteitems.js

@@ -5,7 +5,7 @@ import { appHost } from './apphost';
 import imageLoader from './images/imageLoader';
 import globalize from '../scripts/globalize';
 import layoutManager from './layoutManager';
-import '../assets/css/scrollstyles.css';
+import '../assets/css/scrollstyles.scss';
 import '../elements/emby-itemscontainer/emby-itemscontainer';
 
 /* eslint-disable indent */

src/components/guide/guide.js

@@ -16,7 +16,7 @@ import dom from '../../scripts/dom';
 import './guide.css';
 import './programs.css';
 import 'material-design-icons-iconfont';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-programcell/emby-programcell';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';

src/components/recordingcreator/recordingeditor.js

@@ -4,7 +4,7 @@ import globalize from '../../scripts/globalize';
 import layoutManager from '../layoutManager';
 import loading from '../loading/loading';
 import scrollHelper from '../../scripts/scrollHelper';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-collapse/emby-collapse';
 import '../../elements/emby-input/emby-input';

src/components/recordingcreator/seriesrecordingeditor.js

@@ -4,7 +4,7 @@ import layoutManager from '../layoutManager';
 import loading from '../loading/loading';
 import scrollHelper from '../../scripts/scrollHelper';
 import datetime from '../../scripts/datetime';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-checkbox/emby-checkbox';
 import '../../elements/emby-input/emby-input';

src/controllers/itemDetails/index.js

@@ -18,7 +18,7 @@ import libraryMenu from '../../scripts/libraryMenu';
 import globalize from '../../scripts/globalize';
 import browser from '../../scripts/browser';
 import { playbackManager } from '../../components/playback/playbackmanager';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-itemscontainer/emby-itemscontainer';
 import '../../elements/emby-checkbox/emby-checkbox';
 import '../../elements/emby-button/emby-button';

src/controllers/livetv/livetvsuggested.js

@@ -6,7 +6,7 @@ import globalize from '../../scripts/globalize';
 import * as mainTabsManager from '../../components/maintabsmanager';
 import cardBuilder from '../../components/cardbuilder/cardBuilder';
 import imageLoader from '../../components/images/imageLoader';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-itemscontainer/emby-itemscontainer';
 import '../../elements/emby-tabs/emby-tabs';
 import '../../elements/emby-button/emby-button';

src/controllers/music/musicrecommended.js

@@ -9,7 +9,7 @@ import imageLoader from '../../components/images/imageLoader';
 import libraryMenu from '../../scripts/libraryMenu';
 import * as mainTabsManager from '../../components/maintabsmanager';
 import globalize from '../../scripts/globalize';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-itemscontainer/emby-itemscontainer';
 import '../../elements/emby-tabs/emby-tabs';
 import '../../elements/emby-button/emby-button';

src/controllers/playback/video/index.js

@@ -13,10 +13,10 @@ import { appHost } from '../../../components/apphost';
 import layoutManager from '../../../components/layoutManager';
 import * as userSettings from '../../../scripts/settings/userSettings';
 import keyboardnavigation from '../../../scripts/keyboardNavigation';
-import '../../../assets/css/scrollstyles.css';
+import '../../../assets/css/scrollstyles.scss';
 import '../../../elements/emby-slider/emby-slider';
 import '../../../elements/emby-button/paper-icon-button-light';
-import '../../../assets/css/videoosd.css';
+import '../../../assets/css/videoosd.scss';
 import ServerConnections from '../../../components/ServerConnections';
 import shell from '../../../scripts/shell';
 import SubtitleSync from '../../../components/subtitlesync/subtitlesync';

src/controllers/shows/tvrecommended.js

@@ -10,7 +10,7 @@ import cardBuilder from '../../components/cardbuilder/cardBuilder';
 import { playbackManager } from '../../components/playback/playbackmanager';
 import * as mainTabsManager from '../../components/maintabsmanager';
 import globalize from '../../scripts/globalize';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-itemscontainer/emby-itemscontainer';
 import '../../elements/emby-button/emby-button';
 import Dashboard from '../../scripts/clientUtils';

src/controllers/shows/tvupcoming.js

@@ -4,7 +4,7 @@ import datetime from '../../scripts/datetime';
 import cardBuilder from '../../components/cardbuilder/cardBuilder';
 import imageLoader from '../../components/images/imageLoader';
 import globalize from '../../scripts/globalize';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 import '../../elements/emby-itemscontainer/emby-itemscontainer';
 
 /* eslint-disable indent */

src/controllers/wizard/user/index.js

@@ -1,6 +1,6 @@
 import loading from '../../../components/loading/loading';
 import globalize from '../../../scripts/globalize';
-import '../../../assets/css/dashboard.css';
+import '../../../assets/css/dashboard.scss';
 import '../../../elements/emby-input/emby-input';
 import '../../../elements/emby-button/emby-button';
 import Dashboard from '../../../scripts/clientUtils';

src/elements/emby-tabs/emby-tabs.js

@@ -4,7 +4,7 @@ import scroller from '../../libraries/scroller';
 import browser from '../../scripts/browser';
 import focusManager from '../../components/focusManager';
 import './emby-tabs.css';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 
 /* eslint-disable indent */
     const EmbyTabs = Object.create(HTMLDivElement.prototype);

src/libraries/navdrawer/navdrawer.js

@@ -6,7 +6,7 @@
 import browser from '../../scripts/browser';
 import dom from '../../scripts/dom';
 import './navdrawer.css';
-import '../../assets/css/scrollstyles.css';
+import '../../assets/css/scrollstyles.scss';
 
 export function NavigationDrawer(options) {
     function getTouches(e) {

src/libraries/scroller.js

@@ -7,7 +7,7 @@ import layoutManager from '../components/layoutManager';
 import dom from '../scripts/dom';
 import focusManager from '../components/focusManager';
 import ResizeObserver from 'resize-observer-polyfill';
-import '../assets/css/scrollstyles.css';
+import '../assets/css/scrollstyles.scss';
 
 /**
 * Return type of the value.

src/scripts/editorsidebar.js

@@ -307,7 +307,7 @@ import Dashboard from './clientUtils';
         updateEditorNode(this, item);
     }).on('pagebeforeshow', '.metadataEditorPage', function () {
         /* eslint-disable-next-line  @babel/no-unused-expressions */
-        import('../assets/css/metadataeditor.css');
+        import('../assets/css/metadataeditor.scss');
     }).on('pagebeforeshow', '.metadataEditorPage', function () {
         const page = this;
         Dashboard.getCurrentUser().then(function (user) {

src/scripts/libraryMenu.js

@@ -13,7 +13,7 @@ import globalize from './globalize';
 import imageHelper from './imagehelper';
 import '../elements/emby-button/paper-icon-button-light';
 import 'material-design-icons-iconfont';
-import '../assets/css/scrollstyles.css';
+import '../assets/css/scrollstyles.scss';
 import '../assets/css/flexstyles.scss';
 import Dashboard, { pageClassOn } from './clientUtils';
 import ServerConnections from '../components/ServerConnections';

src/scripts/routes.js

@@ -9,7 +9,7 @@ import '../elements/emby-checkbox/emby-checkbox';
 import '../elements/emby-slider/emby-slider';
 import '../assets/css/livetv.scss';
 import '../components/listview/listview.css';
-import '../assets/css/dashboard.css';
+import '../assets/css/dashboard.scss';
 import '../assets/css/detailtable.scss';
 import { appRouter } from '../components/appRouter';
 

src/scripts/scrollHelper.js

@@ -1,6 +1,6 @@
 import focusManager from '../components/focusManager';
 import dom from './dom';
-import '../assets/css/scrollstyles.css';
+import '../assets/css/scrollstyles.scss';
 
 function getBoundingClientRect(elem) {
     // Support: BlackBerry 5, iOS 3 (original iPhone)

src/scripts/site.js

@@ -118,7 +118,7 @@ function onGlobalizeInit() {
         import('../assets/css/fonts.scss');
     }
 
-    import('../assets/css/librarybrowser.css');
+    import('../assets/css/librarybrowser.scss');
 
     loadPlugins().then(function () {
         initSyncPlay();