💄 move scss to less

.gitignore

@@ -5,7 +5,6 @@ lib/
 coverage/
 tmp/
 .DS_Store
-*.scss.d.ts
 .idea
 yarn-error.log
 dll/

src/browser/content/index.tsx

@@ -1,6 +1,6 @@
 import * as QRCode from 'qrcode';
 import * as Readability from '@web-clipper/readability';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import AreaSelector from '@web-clipper/area-selector';
 import Highlighter from '@web-clipper/highlight';
 import plugins from '@web-clipper/turndown';

src/components/ImageHostingSelect.tsx

@@ -1,7 +1,7 @@
 import { ImageHostingWithMeta } from './../common/hooks/useFilterImageHostingServices';
 import Select, { SelectProps } from 'antd/lib/select';
 import React, { forwardRef } from 'react';
-import styles from './ImageHostingSelect.scss';
+import styles from './ImageHostingSelect.less';
 import ImageHostingSelectOption from 'components/imageHostingSelectOption';
 
 export const ImageHostingSelect: React.FC<{

src/components/accountItem/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Icon } from 'antd';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { FormattedMessage } from 'react-intl';
 import IconFont from '../IconFont';
 

src/components/container/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { Icon } from 'antd';
 
 export default class Container extends React.Component {

src/components/imageHostingSelectOption/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { List, Avatar } from 'antd';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { FormattedMessage } from 'react-intl';
 import IconFont from '../IconFont';
 

src/components/imagehostingListItem/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { List, Avatar } from 'antd';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { FormattedMessage } from 'react-intl';
 import IconFont from '../IconFont';
 

src/components/section/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Divider } from 'antd';
-import styles from './index.scss';
+import styles from './index.less';
 import classNames from 'classnames';
 
 interface Props {

src/components/userItem/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import IconAvatar from '@/components/avatar';
 
 interface UserItemProps {

src/pages/plugin/ImageEditor.tsx

@@ -5,7 +5,7 @@ import { SerializedExtensionWithId } from '@web-clipper/extensions';
 import { EditorContainer } from 'components/container';
 import { isUndefined } from 'common/object';
 import { GlobalStore, ImageClipperData } from '@/common/types';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 
 const mapStateToProps = ({ clipper: { clipperData } }: GlobalStore) => {
   return {

src/pages/preference/account/index.tsx

@@ -9,7 +9,7 @@ import { Icon, Button, Form, Row, Col } from 'antd';
 import { bindActionCreators, Dispatch } from 'redux';
 import { connect } from 'dva';
 import AccountItem from '../../../components/accountItem';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import EditAccountModal from './modal/editAccountModal';
 import { FormComponentProps } from 'antd/lib/form';
 import CreateAccountModal from './modal/createAccountModal';

src/pages/preference/account/modal/createAccountModal.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Form, Modal, Select, Icon, Divider } from 'antd';
 import { FormComponentProps } from 'antd/lib/form';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { ImageHostingServiceMeta, BUILT_IN_IMAGE_HOSTING_ID } from 'common/backend';
 import { UserPreferenceStore, ImageHosting } from '@/common/types';
 import { FormattedMessage } from 'react-intl';

src/pages/preference/account/modal/editAccountModal.tsx

@@ -1,7 +1,7 @@
 import React, { useLayoutEffect, useMemo } from 'react';
 import { Form, Modal, Select, Icon } from 'antd';
 import { FormComponentProps } from 'antd/lib/form';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import { ImageHostingServiceMeta } from 'common/backend';
 import { AccountPreference, UserPreferenceStore, ImageHosting } from '@/common/types';
 import { FormattedMessage } from 'react-intl';

src/pages/preference/extensions/locale.tsx

@@ -11,7 +11,7 @@ import {
 } from '@/actions/extension';
 import { FormattedMessage } from 'react-intl';
 import ExtensionCard from '@/components/ExtensionCard';
-import styles from './index.scss';
+import styles from './index.less';
 import { SerializedExtensionWithId, ExtensionType } from '@web-clipper/extensions';
 import IconFont from '@/components/IconFont';
 

src/pages/preference/extensions/remote.tsx

@@ -13,7 +13,7 @@ import {
 import useFilterExtensions from '@/common/hooks/useFilterExtensions';
 import { FormattedMessage } from 'react-intl';
 import ExtensionCard from '@/components/ExtensionCard';
-import styles from './index.scss';
+import styles from './index.less';
 import { installRemoteExtension } from '@/actions/extension';
 import { hasUpdate } from '@/common/version';
 import Container from 'typedi';

src/pages/preference/imageHosting/index.tsx

@@ -6,7 +6,7 @@ import {
 } from 'pageActions/userPreference';
 import { bindActionCreators, Dispatch } from 'redux';
 import { connect } from 'dva';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import AddImageHosting from './form/addImageHosting';
 import { FormComponentProps } from 'antd/lib/form';
 import ImageHostingListItem from 'components/imagehostingListItem';

src/pages/preference/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as styles from './index.scss';
+import * as styles from './index.less';
 import Account from './account';
 import ImageHosting from './imageHosting';
 import Extensions from './extensions';

src/vendor/global.d.ts

@@ -1,4 +1,3 @@
-declare module '*.scss';
 declare module '*.less';
 declare module '*.png';
 declare module '@web-clipper/readability';