sccoreui 1.0.9 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/components/auto-complete/auto-complete.js +11 -0
  2. package/dist/components/avatar/avatar-group.js +4 -0
  3. package/dist/components/avatar/avatar.js +4 -0
  4. package/dist/components/badge/badge.js +4 -0
  5. package/dist/components/calendar/calendar.js +4 -0
  6. package/dist/components/card/card.js +4 -0
  7. package/dist/components/checkbox/checkbox.js +11 -0
  8. package/dist/components/data-table/column.js +4 -0
  9. package/dist/components/data-table/data-table.js +4 -0
  10. package/dist/components/data-table/paginator.js +4 -0
  11. package/dist/components/dialogs/confirm-dialog.js +4 -0
  12. package/dist/components/dialogs/confirm-popup.js +4 -0
  13. package/dist/components/dialogs/dialog.js +4 -0
  14. package/dist/components/file-upload/file-upload.js +4 -0
  15. package/dist/components/image/image.js +4 -0
  16. package/dist/components/multi-select/multi-select.js +4 -0
  17. package/dist/components/password/password.js +4 -0
  18. package/dist/components/radio-button/radio-button.js +4 -0
  19. package/dist/components/side-panel/side-panel.js +4 -0
  20. package/dist/components/tab-menu/menu-item.js +2 -0
  21. package/dist/components/tab-menu/tab-menu.js +4 -0
  22. package/dist/components/tabview/tabview.js +6 -0
  23. package/dist/components/tooltip/tooltip.js +4 -0
  24. package/dist/components/utils/classnames.js +4 -0
  25. package/dist/index.js +48 -1
  26. package/dist/types/components/auto-complete/auto-complete.d.ts +4 -0
  27. package/dist/types/components/avatar/avatar-group.d.ts +2 -0
  28. package/dist/types/components/avatar/avatar.d.ts +2 -0
  29. package/dist/types/components/badge/badge.d.ts +2 -0
  30. package/dist/types/components/calendar/calendar.d.ts +2 -0
  31. package/dist/types/components/card/card.d.ts +2 -0
  32. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  33. package/dist/types/components/data-table/column.d.ts +2 -0
  34. package/dist/types/components/data-table/data-table.d.ts +2 -0
  35. package/dist/types/components/data-table/paginator.d.ts +2 -0
  36. package/dist/types/components/dialogs/confirm-dialog.d.ts +2 -0
  37. package/dist/types/components/dialogs/confirm-popup.d.ts +2 -0
  38. package/dist/types/components/dialogs/dialog.d.ts +2 -0
  39. package/dist/types/components/file-upload/file-upload.d.ts +2 -0
  40. package/dist/types/components/image/image.d.ts +2 -0
  41. package/dist/types/components/multi-select/multi-select.d.ts +2 -0
  42. package/dist/types/components/password/password.d.ts +2 -0
  43. package/dist/types/components/radio-button/radio-button.d.ts +2 -0
  44. package/dist/types/components/side-panel/side-panel.d.ts +2 -0
  45. package/dist/types/components/tab-menu/menu-item.d.ts +2 -0
  46. package/dist/types/components/tab-menu/tab-menu.d.ts +2 -0
  47. package/dist/types/components/tabview/tabview.d.ts +2 -0
  48. package/dist/types/components/tooltip/tooltip.d.ts +2 -0
  49. package/dist/types/components/utils/classnames.d.ts +2 -0
  50. package/dist/types/index.d.ts +24 -0
  51. package/package.json +1 -1
  52. package/dist/App.scss +0 -61
  53. package/dist/assets/flex.css +0 -20970
  54. package/dist/assets/fonts/Lato-Black.ttf +0 -0
  55. package/dist/assets/fonts/Lato-Bold.ttf +0 -0
  56. package/dist/assets/fonts/Lato-Light.ttf +0 -0
  57. package/dist/assets/fonts/Lato-Regular.ttf +0 -0
  58. package/dist/assets/fonts/Lato-Thin.ttf +0 -0
  59. package/dist/assets/fonts/primeicons.eot +0 -0
  60. package/dist/assets/fonts/primeicons.svg +0 -292
  61. package/dist/assets/fonts/primeicons.ttf +0 -0
  62. package/dist/assets/fonts/primeicons.woff +0 -0
  63. package/dist/assets/fonts/primeicons.woff2 +0 -0
  64. package/dist/assets/sccoreicons.css +0 -1104
  65. package/dist/assets/sccoreui.css +0 -7916
  66. package/dist/assets/svg/add.svg +0 -3
  67. package/dist/assets/svg/back-button.svg +0 -3
  68. package/dist/assets/svg/check.svg +0 -3
  69. package/dist/assets/svg/close.svg +0 -3
  70. package/dist/assets/svg/delete.svg +0 -3
  71. package/dist/assets/svg/done_all.svg +0 -3
  72. package/dist/assets/svg/down_arrow.svg +0 -3
  73. package/dist/assets/svg/edit.svg +0 -3
  74. package/dist/assets/svg/info.svg +0 -3
  75. package/dist/assets/svg/input-info.svg +0 -0
  76. package/dist/assets/svg/remove.svg +0 -3
  77. package/dist/assets/svg/sort-down-arrow.svg +0 -3
  78. package/dist/assets/svg/sort-up-arrow.svg +0 -8
  79. package/dist/assets/theme.css +0 -6291
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.AutoCompleteComponent = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const react_1 = tslib_1.__importDefault(require("react"));
6
+ const autocomplete_1 = require("primereact/autocomplete");
7
+ const AutoCompleteComponent = () => {
8
+ return (react_1.default.createElement("div", null, "auto-complete"));
9
+ };
10
+ exports.AutoCompleteComponent = AutoCompleteComponent;
11
+ exports.default = autocomplete_1.AutoComplete;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const avatargroup_1 = require("primereact/avatargroup");
4
+ exports.default = avatargroup_1.AvatarGroup;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const avatar_1 = require("primereact/avatar");
4
+ exports.default = avatar_1.Avatar;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const badge_1 = require("primereact/badge");
4
+ exports.default = badge_1.Badge;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const calendar_1 = require("primereact/calendar");
4
+ exports.default = calendar_1.Calendar;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const card_1 = require("primereact/card");
4
+ exports.default = card_1.Card;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CheckboxComponent = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const react_1 = tslib_1.__importDefault(require("react"));
6
+ const checkbox_1 = require("primereact/checkbox");
7
+ const CheckboxComponent = () => {
8
+ return (react_1.default.createElement("div", null, "checkbox"));
9
+ };
10
+ exports.CheckboxComponent = CheckboxComponent;
11
+ exports.default = checkbox_1.Checkbox;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const column_1 = require("primereact/column");
4
+ exports.default = column_1.Column;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const datatable_1 = require("primereact/datatable");
4
+ exports.default = datatable_1.DataTable;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const paginator_1 = require("primereact/paginator");
4
+ exports.default = paginator_1.Paginator;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const confirmdialog_1 = require("primereact/confirmdialog");
4
+ exports.default = confirmdialog_1.ConfirmDialog;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const confirmpopup_1 = require("primereact/confirmpopup");
4
+ exports.default = confirmpopup_1.ConfirmPopup;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const dialog_1 = require("primereact/dialog");
4
+ exports.default = dialog_1.Dialog;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const fileupload_1 = require("primereact/fileupload");
4
+ exports.default = fileupload_1.FileUpload;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const image_1 = require("primereact/image");
4
+ exports.default = image_1.Image;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const multiselect_1 = require("primereact/multiselect");
4
+ exports.default = multiselect_1.MultiSelect;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const password_1 = require("primereact/password");
4
+ exports.default = password_1.Password;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const radiobutton_1 = require("primereact/radiobutton");
4
+ exports.default = radiobutton_1.RadioButton;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const sidebar_1 = require("primereact/sidebar");
4
+ exports.default = sidebar_1.Sidebar;
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tabmenu_1 = require("primereact/tabmenu");
4
+ exports.default = tabmenu_1.TabMenu;
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TabPanel = exports.TabView = void 0;
4
+ const tabview_1 = require("primereact/tabview");
5
+ Object.defineProperty(exports, "TabView", { enumerable: true, get: function () { return tabview_1.TabView; } });
6
+ Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabview_1.TabPanel; } });
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tooltip_1 = require("primereact/tooltip");
4
+ exports.default = tooltip_1.Tooltip;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const utils_1 = require("primereact/utils");
4
+ exports.default = utils_1.classNames;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
3
+ exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -17,4 +17,51 @@ Object.defineProperty(exports, "Accordion", { enumerable: true, get: function ()
17
17
  Object.defineProperty(exports, "AccordionTab", { enumerable: true, get: function () { return accordion_1.AccordionTab; } });
18
18
  var color_picker_1 = require("./components/color-picker/color-picker");
19
19
  Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return tslib_1.__importDefault(color_picker_1).default; } });
20
+ var auto_complete_1 = require("./components/auto-complete/auto-complete");
21
+ Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return tslib_1.__importDefault(auto_complete_1).default; } });
22
+ var checkbox_1 = require("./components/checkbox/checkbox");
23
+ Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return tslib_1.__importDefault(checkbox_1).default; } });
24
+ var data_table_1 = require("./components/data-table/data-table");
25
+ Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return tslib_1.__importDefault(data_table_1).default; } });
26
+ var data_table_2 = require("./components/data-table/data-table");
27
+ Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return tslib_1.__importDefault(data_table_2).default; } });
28
+ var side_panel_1 = require("./components/side-panel/side-panel");
29
+ Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return tslib_1.__importDefault(side_panel_1).default; } });
30
+ var tabview_1 = require("./components/tabview/tabview");
31
+ Object.defineProperty(exports, "TabView", { enumerable: true, get: function () { return tabview_1.TabView; } });
32
+ Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabview_1.TabPanel; } });
33
+ var tab_menu_1 = require("./components/tab-menu/tab-menu");
34
+ Object.defineProperty(exports, "TabMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(tab_menu_1).default; } });
35
+ var file_upload_1 = require("./components/file-upload/file-upload");
36
+ Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return tslib_1.__importDefault(file_upload_1).default; } });
37
+ var multi_select_1 = require("./components/multi-select/multi-select");
38
+ Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return tslib_1.__importDefault(multi_select_1).default; } });
39
+ var data_table_3 = require("./components/data-table/data-table");
40
+ Object.defineProperty(exports, "Paginator", { enumerable: true, get: function () { return tslib_1.__importDefault(data_table_3).default; } });
41
+ var classnames_1 = require("./components/utils/classnames");
42
+ Object.defineProperty(exports, "classNames", { enumerable: true, get: function () { return tslib_1.__importDefault(classnames_1).default; } });
43
+ var avatar_1 = require("./components/avatar/avatar");
44
+ Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return tslib_1.__importDefault(avatar_1).default; } });
45
+ var avatar_group_1 = require("./components/avatar/avatar-group");
46
+ Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return tslib_1.__importDefault(avatar_group_1).default; } });
47
+ var image_1 = require("./components/image/image");
48
+ Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return tslib_1.__importDefault(image_1).default; } });
49
+ var calendar_1 = require("./components/calendar/calendar");
50
+ Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return tslib_1.__importDefault(calendar_1).default; } });
51
+ var tooltip_1 = require("./components/tooltip/tooltip");
52
+ Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tslib_1.__importDefault(tooltip_1).default; } });
53
+ var badge_1 = require("./components/badge/badge");
54
+ Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return tslib_1.__importDefault(badge_1).default; } });
55
+ var radio_button_1 = require("./components/radio-button/radio-button");
56
+ Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return tslib_1.__importDefault(radio_button_1).default; } });
57
+ var confirm_dialog_1 = require("./components/dialogs/confirm-dialog");
58
+ Object.defineProperty(exports, "ConfirmDialog", { enumerable: true, get: function () { return tslib_1.__importDefault(confirm_dialog_1).default; } });
59
+ var confirm_popup_1 = require("./components/dialogs/confirm-popup");
60
+ Object.defineProperty(exports, "confirmPopup", { enumerable: true, get: function () { return tslib_1.__importDefault(confirm_popup_1).default; } });
61
+ var password_1 = require("./components/password/password");
62
+ Object.defineProperty(exports, "Password", { enumerable: true, get: function () { return tslib_1.__importDefault(password_1).default; } });
63
+ var dialog_1 = require("./components/dialogs/dialog");
64
+ Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return tslib_1.__importDefault(dialog_1).default; } });
65
+ var card_1 = require("./components/card/card");
66
+ Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return tslib_1.__importDefault(card_1).default; } });
20
67
  client_1.default.createRoot(document.getElementById('root')).render(react_1.default.createElement(App_1.default, null));
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { AutoComplete } from 'primereact/autocomplete';
3
+ export declare const AutoCompleteComponent: () => React.JSX.Element;
4
+ export default AutoComplete;
@@ -0,0 +1,2 @@
1
+ import { AvatarGroup } from 'primereact/avatargroup';
2
+ export default AvatarGroup;
@@ -0,0 +1,2 @@
1
+ import { Avatar } from 'primereact/avatar';
2
+ export default Avatar;
@@ -0,0 +1,2 @@
1
+ import { Badge } from 'primereact/badge';
2
+ export default Badge;
@@ -0,0 +1,2 @@
1
+ import { Calendar } from 'primereact/calendar';
2
+ export default Calendar;
@@ -0,0 +1,2 @@
1
+ import { Card } from 'primereact/card';
2
+ export default Card;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { Checkbox } from 'primereact/checkbox';
3
+ export declare const CheckboxComponent: () => React.JSX.Element;
4
+ export default Checkbox;
@@ -0,0 +1,2 @@
1
+ import { Column } from 'primereact/column';
2
+ export default Column;
@@ -0,0 +1,2 @@
1
+ import { DataTable } from 'primereact/datatable';
2
+ export default DataTable;
@@ -0,0 +1,2 @@
1
+ import { Paginator } from 'primereact/paginator';
2
+ export default Paginator;
@@ -0,0 +1,2 @@
1
+ import { ConfirmDialog } from 'primereact/confirmdialog';
2
+ export default ConfirmDialog;
@@ -0,0 +1,2 @@
1
+ import { ConfirmPopup } from 'primereact/confirmpopup';
2
+ export default ConfirmPopup;
@@ -0,0 +1,2 @@
1
+ import { Dialog } from 'primereact/dialog';
2
+ export default Dialog;
@@ -0,0 +1,2 @@
1
+ import { FileUpload } from 'primereact/fileupload';
2
+ export default FileUpload;
@@ -0,0 +1,2 @@
1
+ import { Image } from 'primereact/image';
2
+ export default Image;
@@ -0,0 +1,2 @@
1
+ import { MultiSelect } from 'primereact/multiselect';
2
+ export default MultiSelect;
@@ -0,0 +1,2 @@
1
+ import { Password } from 'primereact/password';
2
+ export default Password;
@@ -0,0 +1,2 @@
1
+ import { RadioButton } from 'primereact/radiobutton';
2
+ export default RadioButton;
@@ -0,0 +1,2 @@
1
+ import { Sidebar } from 'primereact/sidebar';
2
+ export default Sidebar;
@@ -0,0 +1,2 @@
1
+ import { MenuItem } from 'primereact/menuitem';
2
+ export default MenuItem;
@@ -0,0 +1,2 @@
1
+ import { TabMenu } from 'primereact/tabmenu';
2
+ export default TabMenu;
@@ -0,0 +1,2 @@
1
+ import { TabView, TabPanel } from 'primereact/tabview';
2
+ export { TabView, TabPanel };
@@ -0,0 +1,2 @@
1
+ import { Tooltip } from 'primereact/tooltip';
2
+ export default Tooltip;
@@ -0,0 +1,2 @@
1
+ import { classNames } from 'primereact/utils';
2
+ export default classNames;
@@ -4,4 +4,28 @@ export { default as Dropdown } from './components/dropdown/dropdown';
4
4
  export { default as InputText } from './components/input/input';
5
5
  export { Accordion, AccordionTab } from './components/accordion/accordion';
6
6
  export { default as ColorPicker } from './components/color-picker/color-picker';
7
+ export { default as AutoComplete } from './components/auto-complete/auto-complete';
8
+ export { default as Checkbox } from './components/checkbox/checkbox';
9
+ export { default as DataTable } from './components/data-table/data-table';
10
+ export { default as Column } from './components/data-table/data-table';
11
+ export { default as Sidebar } from './components/side-panel/side-panel';
12
+ export { TabView, TabPanel } from './components/tabview/tabview';
13
+ export { default as TabMenu } from './components/tab-menu/tab-menu';
14
+ export { default as MenuItem } from './components/tab-menu/menu-item';
15
+ export { default as FileUpload } from './components/file-upload/file-upload';
16
+ export { default as MultiSelect } from './components/multi-select/multi-select';
17
+ export { default as Paginator } from './components/data-table/data-table';
18
+ export { default as classNames } from './components/utils/classnames';
19
+ export { default as Avatar } from './components/avatar/avatar';
20
+ export { default as AvatarGroup } from './components/avatar/avatar-group';
21
+ export { default as Image } from './components/image/image';
22
+ export { default as Calendar } from './components/calendar/calendar';
23
+ export { default as Tooltip } from './components/tooltip/tooltip';
24
+ export { default as Badge } from './components/badge/badge';
25
+ export { default as RadioButton } from './components/radio-button/radio-button';
26
+ export { default as ConfirmDialog } from './components/dialogs/confirm-dialog';
27
+ export { default as confirmPopup } from './components/dialogs/confirm-popup';
28
+ export { default as Password } from './components/password/password';
29
+ export { default as Dialog } from './components/dialogs/dialog';
30
+ export { default as Card } from './components/card/card';
7
31
  export type { DropdownChangeEvent };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "1.0.9",
3
+ "version": "1.1.1",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/dist/App.scss DELETED
@@ -1,61 +0,0 @@
1
- @import url('./assets/theme.css');
2
- @import url('./assets/sccoreui.css');
3
- @import url('./assets/sccoreicons.css');
4
- @import url('./assets/flex.css');
5
-
6
- :root {
7
- --fw-600: 600;
8
- --fw-400: 400;
9
- --fs-24: 24px;
10
- --fs-18: 18px;
11
- --fs-16: 16px;
12
- --lh:24px;
13
- --fs-14:14px;
14
- --grey-bg:#101828;
15
- --border-none: border-none;
16
- }
17
-
18
- @font-face {
19
- font-family: 'Lato-400';
20
- font-weight: 400;
21
- src: url('./assets/fonts/Lato-Regular.ttf') format('truetype');
22
- }
23
-
24
- @font-face {
25
- font-family: 'Lato-600';
26
- font-weight: 600;
27
- src: url('./assets/fonts/Lato-Regular.ttf') format('truetype');
28
- }
29
-
30
-
31
- body {
32
- margin: 0;
33
- font-family: 'Lato-400', sans-serif;
34
- -webkit-font-smoothing: antialiased;
35
- -moz-osx-font-smoothing: grayscale;
36
- line-height: var(--lh);
37
- }
38
-
39
- code {
40
- font-family: 'Lato-400', monospace;
41
- }
42
-
43
- h1 {
44
- font-size: var(--fs-24);
45
- font-weight: var(--fw-600);
46
- }
47
-
48
- h2 {
49
- font-size: var(--fs-18);
50
- font-weight: var(--fw-600);
51
- }
52
-
53
- h3 {
54
- font-size: var(--fs-16);
55
- font-weight: var(--fw-400);
56
- }
57
-
58
- // p {
59
- // font-size: var(--fs-16);
60
- // font-weight: var(--fw-400);
61
- // }