@limetech/lime-elements 38.23.1 → 38.23.2
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/CHANGELOG.md +9 -0
- package/dist/cjs/limel-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-color-picker-palette.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker-palette.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js.map +1 -1
- package/dist/collection/components/action-bar/action-bar-item/action-bar-item.css +10 -0
- package/dist/collection/components/action-bar/action-bar.css +10 -0
- package/dist/collection/components/badge/badge.css +10 -0
- package/dist/collection/components/breadcrumbs/breadcrumbs.css +10 -0
- package/dist/collection/components/button/button.css +10 -0
- package/dist/collection/components/button-group/button-group.css +10 -0
- package/dist/collection/components/card/card.css +10 -0
- package/dist/collection/components/chart/chart.css +20 -0
- package/dist/collection/components/checkbox/checkbox.css +10 -0
- package/dist/collection/components/chip/chip.css +11 -1
- package/dist/collection/components/chip-set/chip-set.css +20 -0
- package/dist/collection/components/circular-progress/circular-progress.css +10 -0
- package/dist/collection/components/code-editor/code-editor.css +10 -0
- package/dist/collection/components/collapsible-section/collapsible-section.css +10 -0
- package/dist/collection/components/color-picker/color-picker-palette.css +21 -2
- package/dist/collection/components/color-picker/color-picker.css +11 -2
- package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css +10 -0
- package/dist/collection/components/dialog/dialog.css +10 -0
- package/dist/collection/components/dock/dock-button/dock-button.css +10 -0
- package/dist/collection/components/dock/dock.css +10 -0
- package/dist/collection/components/file/file.css +10 -0
- package/dist/collection/components/file-viewer/file-viewer.css +10 -0
- package/dist/collection/components/form/form.css +10 -0
- package/dist/collection/components/header/header.css +10 -0
- package/dist/collection/components/help/help.css +10 -0
- package/dist/collection/components/help/limel-help-content.css +10 -0
- package/dist/collection/components/icon-button/icon-button.css +10 -0
- package/dist/collection/components/info-tile/info-tile.css +10 -0
- package/dist/collection/components/input-field/input-field.css +10 -0
- package/dist/collection/components/list/list.css +50 -0
- package/dist/collection/components/markdown/markdown.css +10 -0
- package/dist/collection/components/menu-list/menu-list.css +50 -0
- package/dist/collection/components/notched-outline/notched-outline.css +10 -0
- package/dist/collection/components/popover-surface/popover-surface.css +10 -0
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +10 -0
- package/dist/collection/components/select/select.css +20 -0
- package/dist/collection/components/shortcut/shortcut.css +10 -0
- package/dist/collection/components/slider/slider.css +10 -0
- package/dist/collection/components/split-button/split-button.css +10 -0
- package/dist/collection/components/switch/switch.css +10 -0
- package/dist/collection/components/tab-bar/tab-bar.css +10 -0
- package/dist/collection/components/table/table.css +40 -0
- package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css +11 -1
- package/dist/collection/components/text-editor/text-editor.css +10 -0
- package/dist/collection/style/mixins.scss +54 -0
- package/dist/esm/limel-chip_2.entry.js +1 -1
- package/dist/esm/limel-chip_2.entry.js.map +1 -1
- package/dist/esm/limel-color-picker-palette.entry.js +1 -1
- package/dist/esm/limel-color-picker-palette.entry.js.map +1 -1
- package/dist/esm/limel-color-picker.entry.js +1 -1
- package/dist/esm/limel-color-picker.entry.js.map +1 -1
- package/dist/esm/limel-info-tile.entry.js +1 -1
- package/dist/esm/limel-info-tile.entry.js.map +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-51f9673e.entry.js → p-63f2f6b8.entry.js} +2 -2
- package/dist/lime-elements/{p-51f9673e.entry.js.map → p-63f2f6b8.entry.js.map} +1 -1
- package/dist/lime-elements/{p-9fd87a37.entry.js → p-9abbe61a.entry.js} +2 -2
- package/dist/lime-elements/{p-9fd87a37.entry.js.map → p-9abbe61a.entry.js.map} +1 -1
- package/dist/lime-elements/p-bc5bbdf6.entry.js +2 -0
- package/dist/lime-elements/p-bc5bbdf6.entry.js.map +1 -0
- package/dist/lime-elements/p-d7e93894.entry.js +2 -0
- package/dist/lime-elements/p-d7e93894.entry.js.map +1 -0
- package/dist/lime-elements/p-e6245ef7.entry.js +2 -0
- package/dist/lime-elements/{p-128eed56.entry.js.map → p-e6245ef7.entry.js.map} +1 -1
- package/dist/lime-elements/style/mixins.scss +54 -0
- package/dist/scss/mixins.scss +54 -0
- package/package.json +1 -1
- package/dist/lime-elements/p-128eed56.entry.js +0 -2
- package/dist/lime-elements/p-6b1426df.entry.js +0 -2
- package/dist/lime-elements/p-6b1426df.entry.js.map +0 -1
- package/dist/lime-elements/p-76483b4b.entry.js +0 -2
- package/dist/lime-elements/p-76483b4b.entry.js.map +0 -1
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -580,6 +590,16 @@ limel-spinner {
|
|
|
580
590
|
* to enable you to truncate a piece of text,
|
|
581
591
|
* after a certain number of lines.
|
|
582
592
|
*/
|
|
593
|
+
/**
|
|
594
|
+
* This mixin will add a chessboard background pattern,
|
|
595
|
+
* typically used to visualize transparency.
|
|
596
|
+
*/
|
|
597
|
+
/**
|
|
598
|
+
* Make a container resizable by the user.
|
|
599
|
+
* This is used in the documentations and examples
|
|
600
|
+
* of some components, to demonstrate how the component
|
|
601
|
+
* behaves in a resizable container.
|
|
602
|
+
*/
|
|
583
603
|
/**
|
|
584
604
|
* The breakpoints below are used to create responsive designs
|
|
585
605
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -216,7 +226,7 @@
|
|
|
216
226
|
}
|
|
217
227
|
|
|
218
228
|
:host(limel-chip[invalid]) .chip {
|
|
219
|
-
background: url("data:image/svg+xml;charset=
|
|
229
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%208%208%27%20style%3D%27fill-rule%3Aevenodd%3B%27%3E%3Cpath%20fill%3D%27rgba(186%2C186%2C192%2C0.16)%27%20d%3D%27M0%200h4v4H0zM4%204h4v4H4z%27%2F%3E%3C%2Fsvg%3E");
|
|
220
230
|
background-size: 0.5rem;
|
|
221
231
|
background-color: rgb(var(--color-red-default));
|
|
222
232
|
}
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -1796,6 +1806,16 @@ limel-chip.can-be-removed {
|
|
|
1796
1806
|
* to enable you to truncate a piece of text,
|
|
1797
1807
|
* after a certain number of lines.
|
|
1798
1808
|
*/
|
|
1809
|
+
/**
|
|
1810
|
+
* This mixin will add a chessboard background pattern,
|
|
1811
|
+
* typically used to visualize transparency.
|
|
1812
|
+
*/
|
|
1813
|
+
/**
|
|
1814
|
+
* Make a container resizable by the user.
|
|
1815
|
+
* This is used in the documentations and examples
|
|
1816
|
+
* of some components, to demonstrate how the component
|
|
1817
|
+
* behaves in a resizable container.
|
|
1818
|
+
*/
|
|
1799
1819
|
/**
|
|
1800
1820
|
* The breakpoints below are used to create responsive designs
|
|
1801
1821
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -503,6 +503,16 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
503
503
|
* to enable you to truncate a piece of text,
|
|
504
504
|
* after a certain number of lines.
|
|
505
505
|
*/
|
|
506
|
+
/**
|
|
507
|
+
* This mixin will add a chessboard background pattern,
|
|
508
|
+
* typically used to visualize transparency.
|
|
509
|
+
*/
|
|
510
|
+
/**
|
|
511
|
+
* Make a container resizable by the user.
|
|
512
|
+
* This is used in the documentations and examples
|
|
513
|
+
* of some components, to demonstrate how the component
|
|
514
|
+
* behaves in a resizable container.
|
|
515
|
+
*/
|
|
506
516
|
/**
|
|
507
517
|
* The breakpoints below are used to create responsive designs
|
|
508
518
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -609,6 +609,16 @@
|
|
|
609
609
|
* to enable you to truncate a piece of text,
|
|
610
610
|
* after a certain number of lines.
|
|
611
611
|
*/
|
|
612
|
+
/**
|
|
613
|
+
* This mixin will add a chessboard background pattern,
|
|
614
|
+
* typically used to visualize transparency.
|
|
615
|
+
*/
|
|
616
|
+
/**
|
|
617
|
+
* Make a container resizable by the user.
|
|
618
|
+
* This is used in the documentations and examples
|
|
619
|
+
* of some components, to demonstrate how the component
|
|
620
|
+
* behaves in a resizable container.
|
|
621
|
+
*/
|
|
612
622
|
/**
|
|
613
623
|
* The breakpoints below are used to create responsive designs
|
|
614
624
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -683,6 +693,16 @@
|
|
|
683
693
|
* to enable you to truncate a piece of text,
|
|
684
694
|
* after a certain number of lines.
|
|
685
695
|
*/
|
|
696
|
+
/**
|
|
697
|
+
* This mixin will add a chessboard background pattern,
|
|
698
|
+
* typically used to visualize transparency.
|
|
699
|
+
*/
|
|
700
|
+
/**
|
|
701
|
+
* Make a container resizable by the user.
|
|
702
|
+
* This is used in the documentations and examples
|
|
703
|
+
* of some components, to demonstrate how the component
|
|
704
|
+
* behaves in a resizable container.
|
|
705
|
+
*/
|
|
686
706
|
/**
|
|
687
707
|
* The breakpoints below are used to create responsive designs
|
|
688
708
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -745,7 +765,6 @@
|
|
|
745
765
|
:host {
|
|
746
766
|
position: relative;
|
|
747
767
|
--popover-surface-width: 50rem;
|
|
748
|
-
--color-picker-default-background: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");
|
|
749
768
|
}
|
|
750
769
|
|
|
751
770
|
.color-picker {
|
|
@@ -815,7 +834,7 @@
|
|
|
815
834
|
}
|
|
816
835
|
.chosen-color-preview:before,
|
|
817
836
|
.picker-trigger:before {
|
|
818
|
-
background:
|
|
837
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%208%208%27%20style%3D%27fill-rule%3Aevenodd%3B%27%3E%3Cpath%20fill%3D%27rgba(186%2C186%2C192%2C0.16)%27%20d%3D%27M0%200h4v4H0zM4%204h4v4H4z%27%2F%3E%3C%2Fsvg%3E");
|
|
819
838
|
background-size: 0.5rem;
|
|
820
839
|
z-index: 0;
|
|
821
840
|
}
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -119,7 +129,6 @@
|
|
|
119
129
|
:host {
|
|
120
130
|
position: relative;
|
|
121
131
|
--popover-surface-width: 50rem;
|
|
122
|
-
--color-picker-default-background: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");
|
|
123
132
|
}
|
|
124
133
|
|
|
125
134
|
.color-picker {
|
|
@@ -189,7 +198,7 @@
|
|
|
189
198
|
}
|
|
190
199
|
.chosen-color-preview:before,
|
|
191
200
|
.picker-trigger:before {
|
|
192
|
-
background:
|
|
201
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%208%208%27%20style%3D%27fill-rule%3Aevenodd%3B%27%3E%3Cpath%20fill%3D%27rgba(186%2C186%2C192%2C0.16)%27%20d%3D%27M0%200h4v4H0zM4%204h4v4H4z%27%2F%3E%3C%2Fsvg%3E");
|
|
193
202
|
background-size: 0.5rem;
|
|
194
203
|
z-index: 0;
|
|
195
204
|
}
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -297,6 +297,16 @@ limel-code-editor {
|
|
|
297
297
|
* to enable you to truncate a piece of text,
|
|
298
298
|
* after a certain number of lines.
|
|
299
299
|
*/
|
|
300
|
+
/**
|
|
301
|
+
* This mixin will add a chessboard background pattern,
|
|
302
|
+
* typically used to visualize transparency.
|
|
303
|
+
*/
|
|
304
|
+
/**
|
|
305
|
+
* Make a container resizable by the user.
|
|
306
|
+
* This is used in the documentations and examples
|
|
307
|
+
* of some components, to demonstrate how the component
|
|
308
|
+
* behaves in a resizable container.
|
|
309
|
+
*/
|
|
300
310
|
/**
|
|
301
311
|
* The breakpoints below are used to create responsive designs
|
|
302
312
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
* to enable you to truncate a piece of text,
|
|
58
58
|
* after a certain number of lines.
|
|
59
59
|
*/
|
|
60
|
+
/**
|
|
61
|
+
* This mixin will add a chessboard background pattern,
|
|
62
|
+
* typically used to visualize transparency.
|
|
63
|
+
*/
|
|
64
|
+
/**
|
|
65
|
+
* Make a container resizable by the user.
|
|
66
|
+
* This is used in the documentations and examples
|
|
67
|
+
* of some components, to demonstrate how the component
|
|
68
|
+
* behaves in a resizable container.
|
|
69
|
+
*/
|
|
60
70
|
/**
|
|
61
71
|
* The breakpoints below are used to create responsive designs
|
|
62
72
|
* in Lime's products. Therefore, they are here to get distributed
|
|
@@ -63,6 +63,16 @@
|
|
|
63
63
|
* to enable you to truncate a piece of text,
|
|
64
64
|
* after a certain number of lines.
|
|
65
65
|
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin will add a chessboard background pattern,
|
|
68
|
+
* typically used to visualize transparency.
|
|
69
|
+
*/
|
|
70
|
+
/**
|
|
71
|
+
* Make a container resizable by the user.
|
|
72
|
+
* This is used in the documentations and examples
|
|
73
|
+
* of some components, to demonstrate how the component
|
|
74
|
+
* behaves in a resizable container.
|
|
75
|
+
*/
|
|
66
76
|
/**
|
|
67
77
|
* The breakpoints below are used to create responsive designs
|
|
68
78
|
* in Lime's products. Therefore, they are here to get distributed
|