@dodlhuat/basix 1.0.0
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.
- package/README.md +482 -0
- package/css/accordion.css +109 -0
- package/css/accordion.css.map +1 -0
- package/css/accordion.scss +78 -0
- package/css/alert.css +57 -0
- package/css/alert.css.map +1 -0
- package/css/alert.scss +86 -0
- package/css/button.css +69 -0
- package/css/button.css.map +1 -0
- package/css/button.scss +102 -0
- package/css/card.css +144 -0
- package/css/card.css.map +1 -0
- package/css/card.scss +66 -0
- package/css/carousel.css +118 -0
- package/css/carousel.css.map +1 -0
- package/css/carousel.scss +87 -0
- package/css/chart.css +159 -0
- package/css/chart.css.map +1 -0
- package/css/chart.scss +159 -0
- package/css/chat-bubbles.css +97 -0
- package/css/chat-bubbles.css.map +1 -0
- package/css/chat-bubbles.scss +68 -0
- package/css/checkbox.css +77 -0
- package/css/checkbox.css.map +1 -0
- package/css/checkbox.scss +55 -0
- package/css/chips.css +72 -0
- package/css/chips.css.map +1 -0
- package/css/chips.scss +52 -0
- package/css/code-viewer.css +97 -0
- package/css/code-viewer.css.map +1 -0
- package/css/code-viewer.scss +98 -0
- package/css/colors.css +63 -0
- package/css/colors.css.map +1 -0
- package/css/colors.scss +33 -0
- package/css/datepicker.css +264 -0
- package/css/datepicker.css.map +1 -0
- package/css/datepicker.scss +317 -0
- package/css/defaults.css +118 -0
- package/css/defaults.css.map +1 -0
- package/css/defaults.scss +91 -0
- package/css/dropdown.css +146 -0
- package/css/dropdown.css.map +1 -0
- package/css/dropdown.scss +137 -0
- package/css/editor.css +413 -0
- package/css/editor.scss +458 -0
- package/css/file-uploader.css +194 -0
- package/css/file-uploader.css.map +1 -0
- package/css/file-uploader.scss +195 -0
- package/css/flyout-menu.css +345 -0
- package/css/flyout-menu.css.map +1 -0
- package/css/flyout-menu.scss +355 -0
- package/css/form-builder.css +9 -0
- package/css/form-builder.css.map +1 -0
- package/css/form-builder.scss +11 -0
- package/css/form.css +130 -0
- package/css/form.css.map +1 -0
- package/css/form.scss +115 -0
- package/css/gallery.css +91 -0
- package/css/gallery.css.map +1 -0
- package/css/gallery.scss +63 -0
- package/css/grid.css +44 -0
- package/css/grid.css.map +1 -0
- package/css/grid.scss +41 -0
- package/css/guitar-chords.css +251 -0
- package/css/icons.css +327 -0
- package/css/icons.css.map +1 -0
- package/css/icons.scss +331 -0
- package/css/modal.css +97 -0
- package/css/modal.css.map +1 -0
- package/css/modal.scss +72 -0
- package/css/parameters.css +1 -0
- package/css/parameters.css.map +1 -0
- package/css/parameters.scss +4 -0
- package/css/placeholder.css +50 -0
- package/css/placeholder.css.map +1 -0
- package/css/placeholder.scss +28 -0
- package/css/progress.css +51 -0
- package/css/progress.css.map +1 -0
- package/css/progress.scss +32 -0
- package/css/properties.css +31 -0
- package/css/properties.css.map +1 -0
- package/css/properties.scss +31 -0
- package/css/push-menu.css +145 -0
- package/css/push-menu.css.map +1 -0
- package/css/push-menu.scss +127 -0
- package/css/radiobutton.css +91 -0
- package/css/radiobutton.css.map +1 -0
- package/css/radiobutton.scss +64 -0
- package/css/reset.css +46 -0
- package/css/reset.css.map +1 -0
- package/css/reset.scss +40 -0
- package/css/scrollbar.css +91 -0
- package/css/scrollbar.css.map +1 -0
- package/css/scrollbar.scss +69 -0
- package/css/spinner.css +118 -0
- package/css/spinner.css.map +1 -0
- package/css/spinner.scss +91 -0
- package/css/style.css +3735 -0
- package/css/style.css.map +1 -0
- package/css/style.min.css +1 -0
- package/css/style.scss +38 -0
- package/css/switch.css +66 -0
- package/css/switch.css.map +1 -0
- package/css/switch.scss +42 -0
- package/css/table.css +201 -0
- package/css/table.css.map +1 -0
- package/css/table.scss +178 -0
- package/css/tabs.css +135 -0
- package/css/tabs.css.map +1 -0
- package/css/tabs.scss +118 -0
- package/css/timeline.css +69 -0
- package/css/timeline.css.map +1 -0
- package/css/timeline.scss +69 -0
- package/css/timepicker.scss +72 -0
- package/css/toast.css +98 -0
- package/css/toast.css.map +1 -0
- package/css/toast.scss +81 -0
- package/css/tooltip.css +151 -0
- package/css/tooltip.css.map +1 -0
- package/css/tooltip.scss +122 -0
- package/css/tree.css +199 -0
- package/css/tree.css.map +1 -0
- package/css/tree.scss +192 -0
- package/css/typography.css +137 -0
- package/css/typography.css.map +1 -0
- package/css/typography.scss +100 -0
- package/css/virtual-dropdown.css +149 -0
- package/css/virtual-dropdown.css.map +1 -0
- package/css/virtual-dropdown.scss +142 -0
- package/fonts/MaterialSymbolsOutlined.woff2 +0 -0
- package/fonts/Outfit-VariableFont_wght.woff +0 -0
- package/fonts/Outfit-VariableFont_wght.woff2 +0 -0
- package/fonts/material-icons.woff2 +0 -0
- package/icons/activity-outline.svg +1 -0
- package/icons/alert-circle-outline.svg +1 -0
- package/icons/alert-triangle-outline.svg +1 -0
- package/icons/archive-outline.svg +1 -0
- package/icons/arrow-back-outline.svg +1 -0
- package/icons/arrow-circle-down-outline.svg +1 -0
- package/icons/arrow-circle-left-outline.svg +1 -0
- package/icons/arrow-circle-right-outline.svg +1 -0
- package/icons/arrow-circle-up-outline.svg +1 -0
- package/icons/arrow-down-outline.svg +1 -0
- package/icons/arrow-downward-outline.svg +1 -0
- package/icons/arrow-forward-outline.svg +1 -0
- package/icons/arrow-ios-back-outline.svg +1 -0
- package/icons/arrow-ios-downward-outline.svg +1 -0
- package/icons/arrow-ios-forward-outline.svg +1 -0
- package/icons/arrow-ios-upward-outline.svg +1 -0
- package/icons/arrow-left-outline.svg +1 -0
- package/icons/arrow-right-outline.svg +1 -0
- package/icons/arrow-up-outline.svg +1 -0
- package/icons/arrow-upward-outline.svg +1 -0
- package/icons/arrowhead-down-outline.svg +1 -0
- package/icons/arrowhead-left-outline.svg +1 -0
- package/icons/arrowhead-right-outline.svg +1 -0
- package/icons/arrowhead-up-outline.svg +1 -0
- package/icons/at-outline.svg +1 -0
- package/icons/attach-2-outline.svg +1 -0
- package/icons/attach-outline.svg +1 -0
- package/icons/award-outline.svg +1 -0
- package/icons/backspace-outline.svg +1 -0
- package/icons/bar-chart-2-outline.svg +1 -0
- package/icons/bar-chart-outline.svg +1 -0
- package/icons/battery-outline.svg +1 -0
- package/icons/behance-outline.svg +1 -0
- package/icons/bell-off-outline.svg +1 -0
- package/icons/bell-outline.svg +1 -0
- package/icons/bluetooth-outline.svg +1 -0
- package/icons/book-open-outline.svg +1 -0
- package/icons/book-outline.svg +1 -0
- package/icons/bookmark-outline.svg +1 -0
- package/icons/briefcase-outline.svg +1 -0
- package/icons/browser-outline.svg +1 -0
- package/icons/brush-outline.svg +1 -0
- package/icons/bulb-outline.svg +1 -0
- package/icons/calendar-outline.svg +1 -0
- package/icons/camera-outline.svg +1 -0
- package/icons/car-outline.svg +1 -0
- package/icons/cast-outline.svg +1 -0
- package/icons/charging-outline.svg +1 -0
- package/icons/checkmark-circle-2-outline.svg +1 -0
- package/icons/checkmark-circle-outline.svg +1 -0
- package/icons/checkmark-outline.svg +1 -0
- package/icons/checkmark-square-2-outline.svg +1 -0
- package/icons/checkmark-square-outline.svg +1 -0
- package/icons/chevron-down-outline.svg +1 -0
- package/icons/chevron-left-outline.svg +1 -0
- package/icons/chevron-right-outline.svg +1 -0
- package/icons/chevron-up-outline.svg +1 -0
- package/icons/clipboard-outline.svg +1 -0
- package/icons/clock-outline.svg +1 -0
- package/icons/close-circle-outline.svg +1 -0
- package/icons/close-outline.svg +1 -0
- package/icons/close-square-outline.svg +1 -0
- package/icons/cloud-download-outline.svg +1 -0
- package/icons/cloud-upload-outline.svg +1 -0
- package/icons/code-download-outline.svg +1 -0
- package/icons/code-outline.svg +1 -0
- package/icons/collapse-outline.svg +1 -0
- package/icons/color-palette-outline.svg +1 -0
- package/icons/color-picker-outline.svg +1 -0
- package/icons/compass-outline.svg +1 -0
- package/icons/copy-outline.svg +1 -0
- package/icons/corner-down-left-outline.svg +1 -0
- package/icons/corner-down-right-outline.svg +1 -0
- package/icons/corner-left-down-outline.svg +1 -0
- package/icons/corner-left-up-outline.svg +1 -0
- package/icons/corner-right-down-outline.svg +1 -0
- package/icons/corner-right-up-outline.svg +1 -0
- package/icons/corner-up-left-outline.svg +1 -0
- package/icons/corner-up-right-outline.svg +1 -0
- package/icons/credit-card-outline.svg +1 -0
- package/icons/crop-outline.svg +1 -0
- package/icons/cube-outline.svg +1 -0
- package/icons/diagonal-arrow-left-down-outline.svg +1 -0
- package/icons/diagonal-arrow-left-up-outline.svg +1 -0
- package/icons/diagonal-arrow-right-down-outline.svg +1 -0
- package/icons/diagonal-arrow-right-up-outline.svg +1 -0
- package/icons/done-all-outline.svg +1 -0
- package/icons/download-outline.svg +1 -0
- package/icons/droplet-off-outline.svg +1 -0
- package/icons/droplet-outline.svg +1 -0
- package/icons/edit-2-outline.svg +1 -0
- package/icons/edit-outline.svg +1 -0
- package/icons/email-outline.svg +1 -0
- package/icons/expand-outline.svg +1 -0
- package/icons/external-link-outline.svg +1 -0
- package/icons/eye-off-2-outline.svg +1 -0
- package/icons/eye-off-outline.svg +1 -0
- package/icons/eye-outline.svg +1 -0
- package/icons/facebook-outline.svg +1 -0
- package/icons/file-add-outline.svg +1 -0
- package/icons/file-outline.svg +1 -0
- package/icons/file-remove-outline.svg +1 -0
- package/icons/file-text-outline.svg +1 -0
- package/icons/film-outline.svg +1 -0
- package/icons/flag-outline.svg +1 -0
- package/icons/flash-off-outline.svg +1 -0
- package/icons/flash-outline.svg +1 -0
- package/icons/flip-2-outline.svg +1 -0
- package/icons/flip-outline.svg +1 -0
- package/icons/folder-add-outline.svg +1 -0
- package/icons/folder-outline.svg +1 -0
- package/icons/folder-remove-outline.svg +1 -0
- package/icons/funnel-outline.svg +1 -0
- package/icons/gift-outline.svg +1 -0
- package/icons/github-outline.svg +1 -0
- package/icons/globe-2-outline.svg +1 -0
- package/icons/globe-outline.svg +1 -0
- package/icons/google-outline.svg +1 -0
- package/icons/grid-outline.svg +1 -0
- package/icons/hard-drive-outline.svg +1 -0
- package/icons/hash-outline.svg +1 -0
- package/icons/headphones-outline.svg +1 -0
- package/icons/heart-outline.svg +1 -0
- package/icons/home-outline.svg +1 -0
- package/icons/image-outline.svg +1 -0
- package/icons/inbox-outline.svg +1 -0
- package/icons/info-outline.svg +1 -0
- package/icons/keypad-outline.svg +1 -0
- package/icons/layers-outline.svg +1 -0
- package/icons/layout-outline.svg +1 -0
- package/icons/link-2-outline.svg +1 -0
- package/icons/link-outline.svg +1 -0
- package/icons/linkedin-outline.svg +1 -0
- package/icons/list-outline.svg +1 -0
- package/icons/loader-outline.svg +1 -0
- package/icons/lock-outline.svg +1 -0
- package/icons/log-in-outline.svg +1 -0
- package/icons/log-out-outline.svg +1 -0
- package/icons/map-outline.svg +1 -0
- package/icons/maximize-outline.svg +1 -0
- package/icons/menu-2-outline.svg +1 -0
- package/icons/menu-arrow-outline.svg +1 -0
- package/icons/menu-outline.svg +1 -0
- package/icons/message-circle-outline.svg +1 -0
- package/icons/message-square-outline.svg +1 -0
- package/icons/mic-off-outline.svg +1 -0
- package/icons/mic-outline.svg +1 -0
- package/icons/minimize-outline.svg +1 -0
- package/icons/minus-circle-outline.svg +1 -0
- package/icons/minus-outline.svg +1 -0
- package/icons/minus-square-outline.svg +1 -0
- package/icons/monitor-outline.svg +1 -0
- package/icons/moon-outline.svg +1 -0
- package/icons/more-horizontal-outline.svg +1 -0
- package/icons/more-vertical-outline.svg +1 -0
- package/icons/move-outline.svg +1 -0
- package/icons/music-outline.svg +1 -0
- package/icons/navigation-2-outline.svg +1 -0
- package/icons/navigation-outline.svg +1 -0
- package/icons/npm-outline.svg +1 -0
- package/icons/options-2-outline.svg +1 -0
- package/icons/options-outline.svg +1 -0
- package/icons/pantone-outline.svg +1 -0
- package/icons/paper-plane-outline.svg +1 -0
- package/icons/pause-circle-outline.svg +1 -0
- package/icons/people-outline.svg +1 -0
- package/icons/percent-outline.svg +1 -0
- package/icons/person-add-outline.svg +1 -0
- package/icons/person-delete-outline.svg +1 -0
- package/icons/person-done-outline.svg +1 -0
- package/icons/person-outline.svg +1 -0
- package/icons/person-remove-outline.svg +1 -0
- package/icons/phone-call-outline.svg +1 -0
- package/icons/phone-missed-outline.svg +1 -0
- package/icons/phone-off-outline.svg +1 -0
- package/icons/phone-outline.svg +1 -0
- package/icons/pie-chart-outline.svg +1 -0
- package/icons/pin-outline.svg +1 -0
- package/icons/play-circle-outline.svg +1 -0
- package/icons/plus-circle-outline.svg +1 -0
- package/icons/plus-outline.svg +1 -0
- package/icons/plus-square-outline.svg +1 -0
- package/icons/power-outline.svg +1 -0
- package/icons/pricetags-outline.svg +1 -0
- package/icons/printer-outline.svg +1 -0
- package/icons/question-mark-circle-outline.svg +1 -0
- package/icons/question-mark-outline.svg +1 -0
- package/icons/radio-button-off-outline.svg +1 -0
- package/icons/radio-button-on-outline.svg +1 -0
- package/icons/radio-outline.svg +1 -0
- package/icons/recording-outline.svg +1 -0
- package/icons/refresh-outline.svg +1 -0
- package/icons/repeat-outline.svg +1 -0
- package/icons/rewind-left-outline.svg +1 -0
- package/icons/rewind-right-outline.svg +1 -0
- package/icons/save-outline.svg +1 -0
- package/icons/scissors-outline.svg +1 -0
- package/icons/search-outline.svg +1 -0
- package/icons/settings-2-outline.svg +1 -0
- package/icons/settings-outline.svg +1 -0
- package/icons/shake-outline.svg +1 -0
- package/icons/share-outline.svg +1 -0
- package/icons/shield-off-outline.svg +1 -0
- package/icons/shield-outline.svg +1 -0
- package/icons/shopping-bag-outline.svg +1 -0
- package/icons/shopping-cart-outline.svg +1 -0
- package/icons/shuffle-2-outline.svg +1 -0
- package/icons/shuffle-outline.svg +1 -0
- package/icons/skip-back-outline.svg +1 -0
- package/icons/skip-forward-outline.svg +1 -0
- package/icons/slash-outline.svg +1 -0
- package/icons/smartphone-outline.svg +1 -0
- package/icons/smiling-face-outline.svg +1 -0
- package/icons/speaker-outline.svg +1 -0
- package/icons/square-outline.svg +1 -0
- package/icons/star-outline.svg +1 -0
- package/icons/stop-circle-outline.svg +1 -0
- package/icons/sun-outline.svg +1 -0
- package/icons/swap-outline.svg +1 -0
- package/icons/sync-outline.svg +1 -0
- package/icons/text-outline.svg +1 -0
- package/icons/thermometer-minus-outline.svg +1 -0
- package/icons/thermometer-outline.svg +1 -0
- package/icons/thermometer-plus-outline.svg +1 -0
- package/icons/toggle-left-outline.svg +1 -0
- package/icons/toggle-right-outline.svg +1 -0
- package/icons/trash-2-outline.svg +1 -0
- package/icons/trash-outline.svg +1 -0
- package/icons/trending-down-outline.svg +1 -0
- package/icons/trending-up-outline.svg +1 -0
- package/icons/tv-outline.svg +1 -0
- package/icons/twitter-outline.svg +1 -0
- package/icons/umbrella-outline.svg +1 -0
- package/icons/undo-outline.svg +1 -0
- package/icons/unlock-outline.svg +1 -0
- package/icons/upload-outline.svg +1 -0
- package/icons/video-off-outline.svg +1 -0
- package/icons/video-outline.svg +1 -0
- package/icons/volume-down-outline.svg +1 -0
- package/icons/volume-mute-outline.svg +1 -0
- package/icons/volume-off-outline.svg +1 -0
- package/icons/volume-up-outline.svg +1 -0
- package/icons/wifi-off-outline.svg +1 -0
- package/icons/wifi-outline.svg +1 -0
- package/js/carousel.js +133 -0
- package/js/carousel.ts +173 -0
- package/js/chart.js +257 -0
- package/js/code-viewer.js +148 -0
- package/js/code-viewer.ts +188 -0
- package/js/datepicker.js +497 -0
- package/js/datepicker.ts +619 -0
- package/js/dropdown.js +122 -0
- package/js/dropdown.ts +180 -0
- package/js/editor.js +421 -0
- package/js/editor.ts +426 -0
- package/js/file-uploader.js +268 -0
- package/js/file-uploader.ts +350 -0
- package/js/flyout-menu.js +195 -0
- package/js/flyout-menu.ts +250 -0
- package/js/form-builder.js +107 -0
- package/js/gallery.js +177 -0
- package/js/gallery.ts +231 -0
- package/js/guitar-chords.js +268 -0
- package/js/index.js +720 -0
- package/js/index.ts +874 -0
- package/js/lazy-loader.js +121 -0
- package/js/modal.js +113 -0
- package/js/modal.ts +167 -0
- package/js/push-menu.js +101 -0
- package/js/push-menu.ts +130 -0
- package/js/request.js +51 -0
- package/js/scroll.js +27 -0
- package/js/scroll.ts +47 -0
- package/js/scrollbar.js +219 -0
- package/js/scrollbar.ts +308 -0
- package/js/select.js +158 -0
- package/js/select.ts +217 -0
- package/js/table.js +359 -0
- package/js/table.ts +453 -0
- package/js/tabs.js +225 -0
- package/js/tabs.ts +280 -0
- package/js/theme.js +194 -0
- package/js/theme.ts +225 -0
- package/js/timepicker.js +98 -0
- package/js/timepicker.ts +131 -0
- package/js/toast.js +93 -0
- package/js/toast.ts +138 -0
- package/js/tooltip.js +193 -0
- package/js/tooltip.ts +252 -0
- package/js/tree.js +162 -0
- package/js/tree.ts +218 -0
- package/js/tsconfig.json +18 -0
- package/js/utils.js +69 -0
- package/js/utils.ts +84 -0
- package/js/virtual-dropdown.js +277 -0
- package/js/virtual-dropdown.ts +366 -0
- package/package.json +38 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["properties.scss","properties.css"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF","file":"properties.css"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary-text: #1E1F24;
|
|
3
|
+
--secondary-text: #62636C;
|
|
4
|
+
--divider: #D8D9E0;
|
|
5
|
+
--accent-text: #3D63DD;
|
|
6
|
+
--error: #D64545;
|
|
7
|
+
--warning: #C28A00;
|
|
8
|
+
--success: #2E8B57;
|
|
9
|
+
--secondary-background: #E7E8EC;
|
|
10
|
+
--background: #F9F9FB;
|
|
11
|
+
--accent-color: #3D63DD;
|
|
12
|
+
--accent-color-lighten: #87A5EF;
|
|
13
|
+
--accent-color-text: #D8D9E0;
|
|
14
|
+
--disabled: #D8D9E0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-theme="dark"] {
|
|
18
|
+
--primary-text: #EEEEF0;
|
|
19
|
+
--secondary-text: #B2B3BD;
|
|
20
|
+
--divider: #393A40;
|
|
21
|
+
--accent-text: #0E496D;
|
|
22
|
+
--error: #FF6B6B;
|
|
23
|
+
--warning: #F7B500;
|
|
24
|
+
--success: #5CC689;
|
|
25
|
+
--background: #111113;
|
|
26
|
+
--secondary-background: #19191B;
|
|
27
|
+
--accent-color: #1B7BB4;
|
|
28
|
+
--accent-color-lighten: #175982;
|
|
29
|
+
--accent-color-text: #B2B3BD;
|
|
30
|
+
--disabled: #303136;
|
|
31
|
+
}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary-text: #1E1F24;
|
|
3
|
+
--secondary-text: #62636C;
|
|
4
|
+
--divider: #D8D9E0;
|
|
5
|
+
--accent-text: #3D63DD;
|
|
6
|
+
--error: #D64545;
|
|
7
|
+
--warning: #C28A00;
|
|
8
|
+
--success: #2E8B57;
|
|
9
|
+
--secondary-background: #E7E8EC;
|
|
10
|
+
--background: #F9F9FB;
|
|
11
|
+
--accent-color: #3D63DD;
|
|
12
|
+
--accent-color-lighten: #87A5EF;
|
|
13
|
+
--accent-color-text: #D8D9E0;
|
|
14
|
+
--disabled: #D8D9E0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-theme=dark] {
|
|
18
|
+
--primary-text: #EEEEF0;
|
|
19
|
+
--secondary-text: #B2B3BD;
|
|
20
|
+
--divider: #393A40;
|
|
21
|
+
--accent-text: #0E496D;
|
|
22
|
+
--error: #FF6B6B;
|
|
23
|
+
--warning: #F7B500;
|
|
24
|
+
--success: #5CC689;
|
|
25
|
+
--background: #111113;
|
|
26
|
+
--secondary-background: #19191B;
|
|
27
|
+
--accent-color: #1B7BB4;
|
|
28
|
+
--accent-color-lighten: #175982;
|
|
29
|
+
--accent-color-text: #B2B3BD;
|
|
30
|
+
--disabled: #303136;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.push-content {
|
|
34
|
+
transition: all 200ms ease-in;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
nav {
|
|
38
|
+
position: fixed;
|
|
39
|
+
top: 0;
|
|
40
|
+
left: 0;
|
|
41
|
+
width: 250px;
|
|
42
|
+
height: 100%;
|
|
43
|
+
margin: 0 0 0 -250px;
|
|
44
|
+
transition: all 200ms ease-in;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
nav ul {
|
|
48
|
+
width: 250px;
|
|
49
|
+
height: 100%;
|
|
50
|
+
padding: 0;
|
|
51
|
+
margin: 0;
|
|
52
|
+
list-style: none;
|
|
53
|
+
background: var(--primary-dark);
|
|
54
|
+
overflow: hidden;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
nav li {
|
|
58
|
+
margin: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
nav a {
|
|
62
|
+
color: var(--primary-text);
|
|
63
|
+
font-size: 1.8em;
|
|
64
|
+
text-decoration: none;
|
|
65
|
+
display: block;
|
|
66
|
+
padding: 1rem 1.5rem;
|
|
67
|
+
letter-spacing: 2px;
|
|
68
|
+
border-bottom: 1px solid var(--primary);
|
|
69
|
+
}
|
|
70
|
+
nav a:hover {
|
|
71
|
+
color: var(--accent-text);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.navigation-controls {
|
|
75
|
+
line-height: inherit;
|
|
76
|
+
}
|
|
77
|
+
.navigation-controls label {
|
|
78
|
+
display: block;
|
|
79
|
+
width: 1.5rem;
|
|
80
|
+
height: 100%;
|
|
81
|
+
color: var(--primary-text);
|
|
82
|
+
text-align: center;
|
|
83
|
+
top: 0;
|
|
84
|
+
left: 0;
|
|
85
|
+
transition: all 200ms ease-in;
|
|
86
|
+
z-index: 500;
|
|
87
|
+
}
|
|
88
|
+
.navigation-controls input[type=checkbox] {
|
|
89
|
+
display: none;
|
|
90
|
+
}
|
|
91
|
+
.navigation-controls input[type=checkbox]:checked ~ label {
|
|
92
|
+
left: 250px;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
nav.pushed {
|
|
96
|
+
margin: 0;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.push-content.pushed {
|
|
100
|
+
transform: translate3d(250px, 0, 0);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.main-header {
|
|
104
|
+
position: fixed;
|
|
105
|
+
background: var(--secondary-background);
|
|
106
|
+
width: 100%;
|
|
107
|
+
right: 0;
|
|
108
|
+
transition: width 200ms ease-in;
|
|
109
|
+
height: 3rem;
|
|
110
|
+
display: flex;
|
|
111
|
+
z-index: 2;
|
|
112
|
+
gap: 1rem;
|
|
113
|
+
border-bottom: 3px solid var(--secondary-text);
|
|
114
|
+
top: 0;
|
|
115
|
+
}
|
|
116
|
+
.main-header > div:first-child {
|
|
117
|
+
margin-left: 1rem;
|
|
118
|
+
}
|
|
119
|
+
.main-header > div:last-child {
|
|
120
|
+
margin-right: 1rem;
|
|
121
|
+
}
|
|
122
|
+
.main-header > div {
|
|
123
|
+
display: flex;
|
|
124
|
+
align-items: center;
|
|
125
|
+
line-height: 3rem;
|
|
126
|
+
}
|
|
127
|
+
.main-header .last {
|
|
128
|
+
margin-left: auto;
|
|
129
|
+
}
|
|
130
|
+
.main-header.pushed {
|
|
131
|
+
width: calc(100% - 250px);
|
|
132
|
+
}
|
|
133
|
+
.main-header .navigation-controls {
|
|
134
|
+
height: 2.5rem;
|
|
135
|
+
}
|
|
136
|
+
.main-header .navigation-controls label {
|
|
137
|
+
display: block;
|
|
138
|
+
position: relative;
|
|
139
|
+
background: initial;
|
|
140
|
+
width: inherit;
|
|
141
|
+
height: inherit;
|
|
142
|
+
}
|
|
143
|
+
.main-header .navigation-controls input[type=checkbox]:checked ~ label {
|
|
144
|
+
left: 0;
|
|
145
|
+
}/*# sourceMappingURL=push-menu.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["properties.scss","push-menu.css","push-menu.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,6BAAA;AD8BF;;AC3BA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,YAAA;EACA,oBAAA;EAIA,6BAAA;AD8BF;;AC3BA;EACE,YAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,gBAAA;EACA,+BAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,SAAA;AD8BF;;AC3BA;EACE,0BAAA;EACA,gBAAA;EACA,qBAAA;EACA,cAAA;EACA,oBAAA;EACA,mBAAA;EACA,uCAAA;AD8BF;AC5BE;EACE,yBAAA;AD8BJ;;AC1BA;EACE,oBAAA;AD6BF;AC5BE;EACE,cAAA;EACA,aAAA;EACA,YAAA;EACA,0BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,6BAAA;EACA,YAAA;AD8BJ;AC3BE;EACE,aAAA;AD6BJ;AC1BE;EACE,WAAA;AD4BJ;;ACxBA;EACE,SAAA;AD2BF;;ACxBA;EACE,mCAAA;AD2BF;;ACxBA;EACE,eAAA;EACA,uCAAA;EACA,WAAA;EACA,QAAA;EACA,+BAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,SCxFQ;EDyFR,8CAAA;EACA,MAAA;AD2BF;ACzBE;EACE,iBC7FM;AFwHV;ACxBE;EACE,kBCjGM;AF2HV;ACvBE;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;ADyBJ;ACtBE;EACE,iBAAA;ADwBJ;ACrBE;EACE,yBAAA;ADuBJ;ACpBE;EACE,cAAA;ADsBJ;ACpBI;EACE,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;ADsBN;ACnBI;EACE,OAAA;ADqBN","file":"push-menu.css"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
@use "properties";
|
|
2
|
+
@use "parameters" as *;
|
|
3
|
+
|
|
4
|
+
.push-content {
|
|
5
|
+
transition: all 200ms ease-in;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
nav {
|
|
9
|
+
position: fixed;
|
|
10
|
+
top: 0;
|
|
11
|
+
left: 0;
|
|
12
|
+
width: 250px;
|
|
13
|
+
height: 100%;
|
|
14
|
+
margin: 0 0 0 -250px;
|
|
15
|
+
transition: all 200ms ease-in;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
nav ul {
|
|
19
|
+
width: 250px;
|
|
20
|
+
height: 100%;
|
|
21
|
+
padding: 0;
|
|
22
|
+
margin: 0;
|
|
23
|
+
list-style: none;
|
|
24
|
+
background: var(--primary-dark);
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
nav li {
|
|
29
|
+
margin: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
nav a {
|
|
33
|
+
color: var(--primary-text);
|
|
34
|
+
font-size: 1.8em;
|
|
35
|
+
text-decoration: none;
|
|
36
|
+
display: block;
|
|
37
|
+
padding: $spacing calc($spacing * 1.5);
|
|
38
|
+
letter-spacing: 2px;
|
|
39
|
+
border-bottom: 1px solid var(--primary);
|
|
40
|
+
|
|
41
|
+
&:hover {
|
|
42
|
+
color: var(--accent-text);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.navigation-controls {
|
|
47
|
+
line-height: inherit;
|
|
48
|
+
label {
|
|
49
|
+
display: block;
|
|
50
|
+
width: calc($spacing * 1.5);
|
|
51
|
+
height: 100%;
|
|
52
|
+
color: var(--primary-text);
|
|
53
|
+
text-align: center;
|
|
54
|
+
top: 0;
|
|
55
|
+
left: 0;
|
|
56
|
+
transition: all 200ms ease-in;
|
|
57
|
+
z-index: 500;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
input[type="checkbox"] {
|
|
61
|
+
display: none;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
input[type="checkbox"]:checked ~ label {
|
|
65
|
+
left: 250px;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
nav.pushed {
|
|
70
|
+
margin: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.push-content.pushed {
|
|
74
|
+
transform: translate3d(250px, 0, 0);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.main-header {
|
|
78
|
+
position: fixed;
|
|
79
|
+
background: var(--secondary-background);
|
|
80
|
+
width: 100%;
|
|
81
|
+
right: 0;
|
|
82
|
+
transition: width 200ms ease-in;
|
|
83
|
+
height: calc($spacing * 3);
|
|
84
|
+
display: flex;
|
|
85
|
+
z-index: 2;
|
|
86
|
+
gap: $spacing;
|
|
87
|
+
border-bottom: 3px solid var(--secondary-text);
|
|
88
|
+
top: 0;
|
|
89
|
+
|
|
90
|
+
& > div:first-child {
|
|
91
|
+
margin-left: $spacing;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
& > div:last-child {
|
|
95
|
+
margin-right: $spacing;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
& > div {
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
line-height: calc($spacing * 3);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.last {
|
|
105
|
+
margin-left: auto;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
&.pushed {
|
|
109
|
+
width: calc(100% - 250px);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.navigation-controls {
|
|
113
|
+
height: calc($spacing * 2.5);
|
|
114
|
+
|
|
115
|
+
label {
|
|
116
|
+
display: block;
|
|
117
|
+
position: relative;
|
|
118
|
+
background: initial;
|
|
119
|
+
width: inherit;
|
|
120
|
+
height: inherit;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
input[type="checkbox"]:checked ~ label {
|
|
124
|
+
left: 0;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary-text: #1E1F24;
|
|
3
|
+
--secondary-text: #62636C;
|
|
4
|
+
--divider: #D8D9E0;
|
|
5
|
+
--accent-text: #3D63DD;
|
|
6
|
+
--error: #D64545;
|
|
7
|
+
--warning: #C28A00;
|
|
8
|
+
--success: #2E8B57;
|
|
9
|
+
--secondary-background: #E7E8EC;
|
|
10
|
+
--background: #F9F9FB;
|
|
11
|
+
--accent-color: #3D63DD;
|
|
12
|
+
--accent-color-lighten: #87A5EF;
|
|
13
|
+
--accent-color-text: #D8D9E0;
|
|
14
|
+
--disabled: #D8D9E0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-theme=dark] {
|
|
18
|
+
--primary-text: #EEEEF0;
|
|
19
|
+
--secondary-text: #B2B3BD;
|
|
20
|
+
--divider: #393A40;
|
|
21
|
+
--accent-text: #0E496D;
|
|
22
|
+
--error: #FF6B6B;
|
|
23
|
+
--warning: #F7B500;
|
|
24
|
+
--success: #5CC689;
|
|
25
|
+
--background: #111113;
|
|
26
|
+
--secondary-background: #19191B;
|
|
27
|
+
--accent-color: #1B7BB4;
|
|
28
|
+
--accent-color-lighten: #175982;
|
|
29
|
+
--accent-color-text: #B2B3BD;
|
|
30
|
+
--disabled: #303136;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.radio-button-container {
|
|
34
|
+
display: block;
|
|
35
|
+
position: relative;
|
|
36
|
+
padding-left: 2rem;
|
|
37
|
+
line-height: 25px;
|
|
38
|
+
margin-bottom: 0.5rem;
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
font-size: 18px;
|
|
41
|
+
-webkit-user-select: none;
|
|
42
|
+
-moz-user-select: none;
|
|
43
|
+
user-select: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.radio-button-container input {
|
|
47
|
+
position: absolute;
|
|
48
|
+
opacity: 0;
|
|
49
|
+
cursor: pointer;
|
|
50
|
+
width: auto;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.checkmark {
|
|
54
|
+
position: absolute;
|
|
55
|
+
top: 0;
|
|
56
|
+
left: 0;
|
|
57
|
+
height: 21px;
|
|
58
|
+
width: 21px;
|
|
59
|
+
background-color: rgba(0, 0, 0, 0);
|
|
60
|
+
border-radius: 50%;
|
|
61
|
+
border: 2px solid rgba(0, 0, 0, 0.25);
|
|
62
|
+
transition: all 0.3s;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.radio-button-container:hover input ~ .checkmark {
|
|
66
|
+
border-color: rgba(0, 0, 0, 0.5);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.radio-button-container input:checked ~ .checkmark {
|
|
70
|
+
background-color: rgba(0, 0, 0, 0);
|
|
71
|
+
border-color: var(--accent-color);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.checkmark:after {
|
|
75
|
+
content: "";
|
|
76
|
+
position: absolute;
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.radio-button-container input:checked ~ .checkmark:after {
|
|
81
|
+
display: block;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.radio-button-container .checkmark:after {
|
|
85
|
+
top: 2px;
|
|
86
|
+
left: 2px;
|
|
87
|
+
width: 13px;
|
|
88
|
+
height: 13px;
|
|
89
|
+
border-radius: 50%;
|
|
90
|
+
background: var(--accent-color);
|
|
91
|
+
}/*# sourceMappingURL=radiobutton.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["properties.scss","radiobutton.css","radiobutton.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,qBAAA;EACA,eAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,qCAAA;EACA,oBAAA;AD8BF;;AC3BA;EACE,gCAAA;AD8BF;;AC3BA;EACE,kCAAA;EACA,iCAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,kBAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,cAAA;AD8BF;;AC3BA;EACE,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,+BAAA;AD8BF","file":"radiobutton.css"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@use "properties";
|
|
2
|
+
@use "parameters" as *;
|
|
3
|
+
|
|
4
|
+
$radio-size: 1.15rem;
|
|
5
|
+
$radio-dot-size: 0.6rem;
|
|
6
|
+
|
|
7
|
+
.radio-button-container {
|
|
8
|
+
display: block;
|
|
9
|
+
position: relative;
|
|
10
|
+
padding-left: 2rem;
|
|
11
|
+
line-height: 1.6rem;
|
|
12
|
+
margin-bottom: calc($spacing / 2);
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
font-size: $spacing;
|
|
15
|
+
user-select: none;
|
|
16
|
+
|
|
17
|
+
input {
|
|
18
|
+
position: absolute;
|
|
19
|
+
opacity: 0;
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
|
|
22
|
+
&:checked ~ .checkmark {
|
|
23
|
+
border-color: var(--accent-color);
|
|
24
|
+
|
|
25
|
+
&::after {
|
|
26
|
+
display: block;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&:focus-visible ~ .checkmark {
|
|
31
|
+
outline: 2px solid var(--accent-color);
|
|
32
|
+
outline-offset: 2px;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&:hover input ~ .checkmark {
|
|
37
|
+
border-color: var(--secondary-text);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.checkmark {
|
|
41
|
+
position: absolute;
|
|
42
|
+
top: 0;
|
|
43
|
+
left: 0;
|
|
44
|
+
height: $radio-size;
|
|
45
|
+
width: $radio-size;
|
|
46
|
+
background-color: transparent;
|
|
47
|
+
border-radius: 50%;
|
|
48
|
+
border: 2px solid var(--divider);
|
|
49
|
+
transition: border-color 0.2s ease;
|
|
50
|
+
|
|
51
|
+
&::after {
|
|
52
|
+
content: "";
|
|
53
|
+
position: absolute;
|
|
54
|
+
display: none;
|
|
55
|
+
top: 50%;
|
|
56
|
+
left: 50%;
|
|
57
|
+
transform: translate(-50%, -50%);
|
|
58
|
+
width: $radio-dot-size;
|
|
59
|
+
height: $radio-dot-size;
|
|
60
|
+
border-radius: 50%;
|
|
61
|
+
background: var(--accent-color);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
package/css/reset.css
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
html, body, div, span, applet, object, iframe,
|
|
2
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
3
|
+
a, abbr, acronym, address, big, cite, code,
|
|
4
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
5
|
+
small, strike, strong, sub, sup, tt, var,
|
|
6
|
+
b, u, i, center,
|
|
7
|
+
dl, dt, dd, ol, ul, li,
|
|
8
|
+
fieldset, form, label, legend,
|
|
9
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
10
|
+
article, aside, canvas, details, embed,
|
|
11
|
+
figure, figcaption, footer, header, hgroup,
|
|
12
|
+
menu, nav, output, ruby, section, summary,
|
|
13
|
+
time, mark, audio, video {
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
border: 0;
|
|
17
|
+
font: inherit;
|
|
18
|
+
vertical-align: baseline;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
article, aside, details, figcaption, figure,
|
|
22
|
+
footer, header, hgroup, menu, nav, section {
|
|
23
|
+
display: block;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
body {
|
|
27
|
+
line-height: 1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
ol, ul {
|
|
31
|
+
list-style: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
blockquote, q {
|
|
35
|
+
quotes: none;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
blockquote:before, blockquote:after,
|
|
39
|
+
q:before, q:after {
|
|
40
|
+
content: none;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
table {
|
|
44
|
+
border-collapse: collapse;
|
|
45
|
+
border-spacing: 0;
|
|
46
|
+
}/*# sourceMappingURL=reset.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["reset.scss","reset.css"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;EAaE,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACCF;;ADCA;;EAEE,cAAA;ACEF;;ADAA;EACE,cAAA;ACGF;;ADDA;EACE,gBAAA;ACIF;;ADFA;EACE,YAAA;ACKF;;ADHA;;EAEE,aAAA;ACMF;;ADJA;EACE,yBAAA;EACA,iBAAA;ACOF","file":"reset.css"}
|
package/css/reset.scss
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
html, body, div, span, applet, object, iframe,
|
|
2
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
3
|
+
a, abbr, acronym, address, big, cite, code,
|
|
4
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
5
|
+
small, strike, strong, sub, sup, tt, var,
|
|
6
|
+
b, u, i, center,
|
|
7
|
+
dl, dt, dd, ol, ul, li,
|
|
8
|
+
fieldset, form, label, legend,
|
|
9
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
10
|
+
article, aside, canvas, details, embed,
|
|
11
|
+
figure, figcaption, footer, header, hgroup,
|
|
12
|
+
menu, nav, output, ruby, section, summary,
|
|
13
|
+
time, mark, audio, video {
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
border: 0;
|
|
17
|
+
font: inherit;
|
|
18
|
+
vertical-align: baseline;
|
|
19
|
+
}
|
|
20
|
+
article, aside, details, figcaption, figure,
|
|
21
|
+
footer, header, hgroup, menu, nav, section {
|
|
22
|
+
display: block;
|
|
23
|
+
}
|
|
24
|
+
body {
|
|
25
|
+
line-height: 1;
|
|
26
|
+
}
|
|
27
|
+
ol, ul {
|
|
28
|
+
list-style: none;
|
|
29
|
+
}
|
|
30
|
+
blockquote, q {
|
|
31
|
+
quotes: none;
|
|
32
|
+
}
|
|
33
|
+
blockquote::before, blockquote::after,
|
|
34
|
+
q::before, q::after {
|
|
35
|
+
content: none;
|
|
36
|
+
}
|
|
37
|
+
table {
|
|
38
|
+
border-collapse: collapse;
|
|
39
|
+
border-spacing: 0;
|
|
40
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary-text: #1E1F24;
|
|
3
|
+
--secondary-text: #62636C;
|
|
4
|
+
--divider: #D8D9E0;
|
|
5
|
+
--accent-text: #3D63DD;
|
|
6
|
+
--error: #D64545;
|
|
7
|
+
--warning: #C28A00;
|
|
8
|
+
--success: #2E8B57;
|
|
9
|
+
--secondary-background: #E7E8EC;
|
|
10
|
+
--background: #F9F9FB;
|
|
11
|
+
--accent-color: #3D63DD;
|
|
12
|
+
--accent-color-lighten: #87A5EF;
|
|
13
|
+
--accent-color-text: #D8D9E0;
|
|
14
|
+
--disabled: #D8D9E0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-theme=dark] {
|
|
18
|
+
--primary-text: #EEEEF0;
|
|
19
|
+
--secondary-text: #B2B3BD;
|
|
20
|
+
--divider: #393A40;
|
|
21
|
+
--accent-text: #0E496D;
|
|
22
|
+
--error: #FF6B6B;
|
|
23
|
+
--warning: #F7B500;
|
|
24
|
+
--success: #5CC689;
|
|
25
|
+
--background: #111113;
|
|
26
|
+
--secondary-background: #19191B;
|
|
27
|
+
--accent-color: #1B7BB4;
|
|
28
|
+
--accent-color-lighten: #175982;
|
|
29
|
+
--accent-color-text: #B2B3BD;
|
|
30
|
+
--disabled: #303136;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:root {
|
|
34
|
+
--track-width: 12px;
|
|
35
|
+
--track-radius: 8px;
|
|
36
|
+
--thumb-min: 28px;
|
|
37
|
+
--track-gap: 8px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.scroll-container {
|
|
41
|
+
position: relative;
|
|
42
|
+
background: var(--secondary-background);
|
|
43
|
+
border-radius: 8px;
|
|
44
|
+
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
}
|
|
47
|
+
.scroll-container .viewport {
|
|
48
|
+
height: 100%;
|
|
49
|
+
width: 100%;
|
|
50
|
+
overflow: auto;
|
|
51
|
+
padding-right: calc(var(--track-width) + var(--track-gap));
|
|
52
|
+
box-sizing: content-box;
|
|
53
|
+
}
|
|
54
|
+
.scroll-container .viewport .content {
|
|
55
|
+
margin: 0;
|
|
56
|
+
}
|
|
57
|
+
.scroll-container .viewport::-webkit-scrollbar {
|
|
58
|
+
width: 0;
|
|
59
|
+
height: 0;
|
|
60
|
+
}
|
|
61
|
+
.scroll-container .viewport {
|
|
62
|
+
scrollbar-width: none;
|
|
63
|
+
-ms-overflow-style: none;
|
|
64
|
+
}
|
|
65
|
+
.scroll-container .scrollbar {
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 8px;
|
|
68
|
+
right: 8px;
|
|
69
|
+
bottom: 8px;
|
|
70
|
+
width: var(--track-width);
|
|
71
|
+
pointer-events: none;
|
|
72
|
+
}
|
|
73
|
+
.scroll-container .track {
|
|
74
|
+
position: relative;
|
|
75
|
+
height: 100%;
|
|
76
|
+
border-radius: var(--track-radius);
|
|
77
|
+
width: 100%;
|
|
78
|
+
pointer-events: auto;
|
|
79
|
+
}
|
|
80
|
+
.scroll-container .thumb {
|
|
81
|
+
position: absolute;
|
|
82
|
+
left: 2px;
|
|
83
|
+
right: 2px;
|
|
84
|
+
top: 0px;
|
|
85
|
+
height: 40px;
|
|
86
|
+
border-radius: calc(var(--track-radius) - 2px);
|
|
87
|
+
background: var(--secondary-text);
|
|
88
|
+
cursor: pointer;
|
|
89
|
+
pointer-events: auto;
|
|
90
|
+
touch-action: none;
|
|
91
|
+
}/*# sourceMappingURL=scrollbar.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["properties.scss","scrollbar.css","scrollbar.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC5BA;EACE,mBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;AD+BF;;AC5BA;EACE,kBAAA;EACA,uCAAA;EACA,kBAAA;EACA,0CAAA;EACA,gBAAA;AD+BF;AC7BE;EACE,YAAA;EACA,WAAA;EACA,cAAA;EACA,0DAAA;EACA,uBAAA;AD+BJ;AC7BI;EACE,SAAA;AD+BN;AC3BE;EACE,QAAA;EACA,SAAA;AD6BJ;AC1BE;EACE,qBAAA;EACA,wBAAA;AD4BJ;ACzBE;EACE,kBAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,yBAAA;EACA,oBAAA;AD2BJ;ACxBE;EACE,kBAAA;EACA,YAAA;EACA,kCAAA;EACA,WAAA;EACA,oBAAA;AD0BJ;ACvBE;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,8CAAA;EACA,iCAAA;EACA,eAAA;EACA,oBAAA;EACA,kBAAA;ADyBJ","file":"scrollbar.css"}
|