diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.scss similarity index 100% rename from src/assets/css/dashboard.css rename to src/assets/css/dashboard.scss diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.scss similarity index 100% rename from src/assets/css/librarybrowser.css rename to src/assets/css/librarybrowser.scss diff --git a/src/assets/css/metadataeditor.css b/src/assets/css/metadataeditor.scss similarity index 100% rename from src/assets/css/metadataeditor.css rename to src/assets/css/metadataeditor.scss diff --git a/src/assets/css/scrollstyles.css b/src/assets/css/scrollstyles.scss similarity index 100% rename from src/assets/css/scrollstyles.css rename to src/assets/css/scrollstyles.scss diff --git a/src/assets/css/videoosd.css b/src/assets/css/videoosd.scss similarity index 100% rename from src/assets/css/videoosd.css rename to src/assets/css/videoosd.scss diff --git a/src/components/actionSheet/actionSheet.js b/src/components/actionSheet/actionSheet.js index 85df1b2c60..7ff0d9ec3e 100644 --- a/src/components/actionSheet/actionSheet.js +++ b/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) { diff --git a/src/components/dialogHelper/dialogHelper.js b/src/components/dialogHelper/dialogHelper.js index c29649cd0e..9f6e4fbd17 100644 --- a/src/components/dialogHelper/dialogHelper.js +++ b/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 */ diff --git a/src/components/favoriteitems.js b/src/components/favoriteitems.js index 46a415b042..372060d97c 100644 --- a/src/components/favoriteitems.js +++ b/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 */ diff --git a/src/components/guide/guide.js b/src/components/guide/guide.js index 2bc2e966b0..fbdf43b09d 100644 --- a/src/components/guide/guide.js +++ b/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'; diff --git a/src/components/recordingcreator/recordingeditor.js b/src/components/recordingcreator/recordingeditor.js index 8ebb3c966e..84c0c20ce1 100644 --- a/src/components/recordingcreator/recordingeditor.js +++ b/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'; diff --git a/src/components/recordingcreator/seriesrecordingeditor.js b/src/components/recordingcreator/seriesrecordingeditor.js index 0014a9343e..5ef150c298 100644 --- a/src/components/recordingcreator/seriesrecordingeditor.js +++ b/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'; diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js index ccc13d8d1d..4f0454af83 100644 --- a/src/controllers/itemDetails/index.js +++ b/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'; diff --git a/src/controllers/livetv/livetvsuggested.js b/src/controllers/livetv/livetvsuggested.js index e9a19a78c2..37a8adcd78 100644 --- a/src/controllers/livetv/livetvsuggested.js +++ b/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'; diff --git a/src/controllers/music/musicrecommended.js b/src/controllers/music/musicrecommended.js index 10bbaae7db..fdfa2cf6da 100644 --- a/src/controllers/music/musicrecommended.js +++ b/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'; diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js index fbe4dcf956..d74bc103e7 100644 --- a/src/controllers/playback/video/index.js +++ b/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'; diff --git a/src/controllers/shows/tvrecommended.js b/src/controllers/shows/tvrecommended.js index 494702a722..8d8f0fc82d 100644 --- a/src/controllers/shows/tvrecommended.js +++ b/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'; diff --git a/src/controllers/shows/tvupcoming.js b/src/controllers/shows/tvupcoming.js index 052323faea..0c1be00a18 100644 --- a/src/controllers/shows/tvupcoming.js +++ b/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 */ diff --git a/src/controllers/wizard/user/index.js b/src/controllers/wizard/user/index.js index 03566ac7ee..693b3e02d7 100644 --- a/src/controllers/wizard/user/index.js +++ b/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'; diff --git a/src/elements/emby-tabs/emby-tabs.js b/src/elements/emby-tabs/emby-tabs.js index ebe46f9165..6f7eec28aa 100644 --- a/src/elements/emby-tabs/emby-tabs.js +++ b/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); diff --git a/src/libraries/navdrawer/navdrawer.js b/src/libraries/navdrawer/navdrawer.js index 214d86a02c..0b7677787c 100644 --- a/src/libraries/navdrawer/navdrawer.js +++ b/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) { diff --git a/src/libraries/scroller.js b/src/libraries/scroller.js index f2baf51572..b438f7daae 100644 --- a/src/libraries/scroller.js +++ b/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. diff --git a/src/scripts/editorsidebar.js b/src/scripts/editorsidebar.js index 1132e6fa17..1ac9df9f7c 100644 --- a/src/scripts/editorsidebar.js +++ b/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) { diff --git a/src/scripts/libraryMenu.js b/src/scripts/libraryMenu.js index 91b0775a8c..c9ad29ddff 100644 --- a/src/scripts/libraryMenu.js +++ b/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'; diff --git a/src/scripts/routes.js b/src/scripts/routes.js index cc653b0edf..7f611371a7 100644 --- a/src/scripts/routes.js +++ b/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'; diff --git a/src/scripts/scrollHelper.js b/src/scripts/scrollHelper.js index 633216dcf8..6c281539a6 100644 --- a/src/scripts/scrollHelper.js +++ b/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) diff --git a/src/scripts/site.js b/src/scripts/site.js index 30e3aaa07d..7569c64f28 100644 --- a/src/scripts/site.js +++ b/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();