fomantic-ui-sass 2.7.8 → 2.8.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +83 -29
- data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +59 -41
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +3 -3
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/api.js +1 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +103 -27
- data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
- data/app/assets/javascripts/semantic-ui/dropdown.js +93 -71
- data/app/assets/javascripts/semantic-ui/form.js +69 -22
- data/app/assets/javascripts/semantic-ui/modal.js +104 -33
- data/app/assets/javascripts/semantic-ui/popup.js +10 -10
- data/app/assets/javascripts/semantic-ui/progress.js +10 -8
- data/app/assets/javascripts/semantic-ui/rating.js +35 -6
- data/app/assets/javascripts/semantic-ui/search.js +2 -2
- data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
- data/app/assets/javascripts/semantic-ui/slider.js +78 -29
- data/app/assets/javascripts/semantic-ui/tab.js +1 -1
- data/app/assets/javascripts/semantic-ui/toast.js +398 -122
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +779 -142
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +101 -145
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1009 -208
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12309 -0
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +105 -34
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +211 -62
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +39 -39
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +15 -124
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +30 -30
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +183 -111
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +128 -30
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +105 -79
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
- data/fomantic-ui-sass.gemspec +2 -2
- data/lib/fomantic-ui-sass.rb +2 -2
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/spec/dummy/app/assets/config/manifest.js +0 -0
- metadata +12 -9
@@ -173,8 +173,8 @@
|
|
173
173
|
}
|
174
174
|
|
175
175
|
/*-------------------
|
176
|
-
|
177
|
-
--------------------*/
|
176
|
+
Disabled
|
177
|
+
--------------------*/
|
178
178
|
|
179
179
|
.ui.buttons .disabled.button:not(.basic),
|
180
180
|
.ui.disabled.button,
|
@@ -201,8 +201,8 @@
|
|
201
201
|
|
202
202
|
|
203
203
|
/*-------------------
|
204
|
-
|
205
|
-
--------------------*/
|
204
|
+
Animated
|
205
|
+
--------------------*/
|
206
206
|
|
207
207
|
.ui.animated.button {
|
208
208
|
position: relative;
|
@@ -320,8 +320,8 @@
|
|
320
320
|
}
|
321
321
|
|
322
322
|
/*-------------------
|
323
|
-
|
324
|
-
--------------------*/
|
323
|
+
Inverted
|
324
|
+
--------------------*/
|
325
325
|
|
326
326
|
.ui.inverted.button {
|
327
327
|
-webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
|
@@ -373,8 +373,8 @@
|
|
373
373
|
}
|
374
374
|
|
375
375
|
/*-------------------
|
376
|
-
|
377
|
-
--------------------*/
|
376
|
+
Labeled Button
|
377
|
+
--------------------*/
|
378
378
|
|
379
379
|
.ui.labeled.button:not(.icon) {
|
380
380
|
display: -webkit-inline-box;
|
@@ -433,8 +433,8 @@
|
|
433
433
|
}
|
434
434
|
|
435
435
|
/*-------------------
|
436
|
-
|
437
|
-
--------------------*/
|
436
|
+
Social
|
437
|
+
--------------------*/
|
438
438
|
|
439
439
|
|
440
440
|
/* Facebook */
|
@@ -653,8 +653,8 @@
|
|
653
653
|
|
654
654
|
|
655
655
|
/*-------------------
|
656
|
-
|
657
|
-
--------------------*/
|
656
|
+
Floated
|
657
|
+
--------------------*/
|
658
658
|
|
659
659
|
.ui[class*="left floated"].buttons,
|
660
660
|
.ui[class*="left floated"].button {
|
@@ -670,8 +670,8 @@
|
|
670
670
|
}
|
671
671
|
|
672
672
|
/*-------------------
|
673
|
-
|
674
|
-
--------------------*/
|
673
|
+
Compact
|
674
|
+
--------------------*/
|
675
675
|
|
676
676
|
.ui.compact.buttons .button,
|
677
677
|
.ui.compact.button {
|
@@ -694,91 +694,61 @@
|
|
694
694
|
Sizes
|
695
695
|
--------------------*/
|
696
696
|
|
697
|
+
.ui.buttons .button,
|
698
|
+
.ui.buttons .or,
|
699
|
+
.ui.button {
|
700
|
+
font-size: 1rem;
|
701
|
+
}
|
702
|
+
.ui.mini.buttons .dropdown,
|
703
|
+
.ui.mini.buttons .dropdown .menu > .item,
|
697
704
|
.ui.mini.buttons .button,
|
698
705
|
.ui.mini.buttons .or,
|
699
706
|
.ui.ui.ui.ui.mini.button {
|
700
707
|
font-size: 0.78571429rem;
|
701
708
|
}
|
709
|
+
.ui.tiny.buttons .dropdown,
|
710
|
+
.ui.tiny.buttons .dropdown .menu > .item,
|
702
711
|
.ui.tiny.buttons .button,
|
703
712
|
.ui.tiny.buttons .or,
|
704
713
|
.ui.ui.ui.ui.tiny.button {
|
705
714
|
font-size: 0.85714286rem;
|
706
715
|
}
|
716
|
+
.ui.small.buttons .dropdown,
|
717
|
+
.ui.small.buttons .dropdown .menu > .item,
|
707
718
|
.ui.small.buttons .button,
|
708
719
|
.ui.small.buttons .or,
|
709
720
|
.ui.ui.ui.ui.small.button {
|
710
721
|
font-size: 0.92857143rem;
|
711
722
|
}
|
712
|
-
.ui.buttons .
|
713
|
-
.ui.buttons .
|
714
|
-
.ui.button {
|
715
|
-
font-size: 1rem;
|
716
|
-
}
|
723
|
+
.ui.large.buttons .dropdown,
|
724
|
+
.ui.large.buttons .dropdown .menu > .item,
|
717
725
|
.ui.large.buttons .button,
|
718
726
|
.ui.large.buttons .or,
|
719
727
|
.ui.ui.ui.ui.large.button {
|
720
728
|
font-size: 1.14285714rem;
|
721
729
|
}
|
730
|
+
.ui.big.buttons .dropdown,
|
731
|
+
.ui.big.buttons .dropdown .menu > .item,
|
722
732
|
.ui.big.buttons .button,
|
723
733
|
.ui.big.buttons .or,
|
724
734
|
.ui.ui.ui.ui.big.button {
|
725
735
|
font-size: 1.28571429rem;
|
726
736
|
}
|
737
|
+
.ui.huge.buttons .dropdown,
|
738
|
+
.ui.huge.buttons .dropdown .menu > .item,
|
727
739
|
.ui.huge.buttons .button,
|
728
740
|
.ui.huge.buttons .or,
|
729
741
|
.ui.ui.ui.ui.huge.button {
|
730
742
|
font-size: 1.42857143rem;
|
731
743
|
}
|
744
|
+
.ui.massive.buttons .dropdown,
|
745
|
+
.ui.massive.buttons .dropdown .menu > .item,
|
732
746
|
.ui.massive.buttons .button,
|
733
747
|
.ui.massive.buttons .or,
|
734
748
|
.ui.ui.ui.ui.massive.button {
|
735
749
|
font-size: 1.71428571rem;
|
736
750
|
}
|
737
751
|
|
738
|
-
/* Dropdown coupled buttons sizes */
|
739
|
-
.ui.mini.buttons .dropdown {
|
740
|
-
font-size: 0.78571429rem;
|
741
|
-
}
|
742
|
-
.ui.mini.buttons .dropdown .menu > .item {
|
743
|
-
font-size: 0.78571429rem;
|
744
|
-
}
|
745
|
-
.ui.tiny.buttons .dropdown {
|
746
|
-
font-size: 0.85714286rem;
|
747
|
-
}
|
748
|
-
.ui.tiny.buttons .dropdown .menu > .item {
|
749
|
-
font-size: 0.85714286rem;
|
750
|
-
}
|
751
|
-
.ui.small.buttons .dropdown {
|
752
|
-
font-size: 0.92857143rem;
|
753
|
-
}
|
754
|
-
.ui.small.buttons .dropdown .menu > .item {
|
755
|
-
font-size: 0.92857143rem;
|
756
|
-
}
|
757
|
-
.ui.large.buttons .dropdown {
|
758
|
-
font-size: 1.14285714rem;
|
759
|
-
}
|
760
|
-
.ui.large.buttons .dropdown .menu > .item {
|
761
|
-
font-size: 1.14285714rem;
|
762
|
-
}
|
763
|
-
.ui.big.buttons .dropdown {
|
764
|
-
font-size: 1.28571429rem;
|
765
|
-
}
|
766
|
-
.ui.big.buttons .dropdown .menu > .item {
|
767
|
-
font-size: 1.28571429rem;
|
768
|
-
}
|
769
|
-
.ui.huge.buttons .dropdown {
|
770
|
-
font-size: 1.42857143rem;
|
771
|
-
}
|
772
|
-
.ui.huge.buttons .dropdown .menu > .item {
|
773
|
-
font-size: 1.42857143rem;
|
774
|
-
}
|
775
|
-
.ui.massive.buttons .dropdown {
|
776
|
-
font-size: 1.71428571rem;
|
777
|
-
}
|
778
|
-
.ui.massive.buttons .dropdown .menu > .item {
|
779
|
-
font-size: 1.71428571rem;
|
780
|
-
}
|
781
|
-
|
782
752
|
/*--------------
|
783
753
|
Icon Only
|
784
754
|
---------------*/
|
@@ -795,8 +765,8 @@
|
|
795
765
|
}
|
796
766
|
|
797
767
|
/*-------------------
|
798
|
-
|
799
|
-
--------------------*/
|
768
|
+
Basic
|
769
|
+
--------------------*/
|
800
770
|
|
801
771
|
.ui.basic.buttons .button,
|
802
772
|
.ui.basic.button {
|
@@ -923,8 +893,8 @@
|
|
923
893
|
}
|
924
894
|
|
925
895
|
/*-------------------
|
926
|
-
|
927
|
-
--------------------*/
|
896
|
+
Tertiary
|
897
|
+
--------------------*/
|
928
898
|
|
929
899
|
|
930
900
|
/* Overline Mixin */
|
@@ -960,8 +930,8 @@
|
|
960
930
|
}
|
961
931
|
|
962
932
|
/*--------------
|
963
|
-
|
964
|
-
---------------*/
|
933
|
+
Labeled Icon
|
934
|
+
---------------*/
|
965
935
|
|
966
936
|
.ui.labeled.icon.buttons .button,
|
967
937
|
.ui.labeled.icon.button {
|
@@ -1044,8 +1014,8 @@
|
|
1044
1014
|
}
|
1045
1015
|
|
1046
1016
|
/*--------------
|
1047
|
-
|
1048
|
-
---------------*/
|
1017
|
+
Toggle
|
1018
|
+
---------------*/
|
1049
1019
|
|
1050
1020
|
|
1051
1021
|
/* Toggle (Modifies active state to give affordances) */
|
@@ -1065,8 +1035,8 @@
|
|
1065
1035
|
}
|
1066
1036
|
|
1067
1037
|
/*--------------
|
1068
|
-
|
1069
|
-
---------------*/
|
1038
|
+
Circular
|
1039
|
+
---------------*/
|
1070
1040
|
|
1071
1041
|
.ui.circular.button {
|
1072
1042
|
border-radius: 10em;
|
@@ -1077,8 +1047,8 @@
|
|
1077
1047
|
}
|
1078
1048
|
|
1079
1049
|
/*-------------------
|
1080
|
-
|
1081
|
-
--------------------*/
|
1050
|
+
Or Buttons
|
1051
|
+
--------------------*/
|
1082
1052
|
|
1083
1053
|
.ui.buttons .or {
|
1084
1054
|
position: relative;
|
@@ -1119,8 +1089,8 @@
|
|
1119
1089
|
}
|
1120
1090
|
|
1121
1091
|
/*-------------------
|
1122
|
-
|
1123
|
-
--------------------*/
|
1092
|
+
Attached
|
1093
|
+
--------------------*/
|
1124
1094
|
|
1125
1095
|
|
1126
1096
|
/* Singular */
|
@@ -1235,8 +1205,8 @@
|
|
1235
1205
|
}
|
1236
1206
|
|
1237
1207
|
/*-------------------
|
1238
|
-
|
1239
|
-
--------------------*/
|
1208
|
+
Fluid
|
1209
|
+
--------------------*/
|
1240
1210
|
|
1241
1211
|
.ui.fluid.buttons,
|
1242
1212
|
.ui.fluid.button {
|
@@ -4305,8 +4275,8 @@
|
|
4305
4275
|
|
4306
4276
|
|
4307
4277
|
/*******************************
|
4308
|
-
|
4309
|
-
*******************************/
|
4278
|
+
Groups
|
4279
|
+
*******************************/
|
4310
4280
|
|
4311
4281
|
.ui.buttons {
|
4312
4282
|
display: -webkit-inline-box;
|
@@ -27,13 +27,13 @@
|
|
27
27
|
margin-left: 1em;
|
28
28
|
margin-right: 1em;
|
29
29
|
}
|
30
|
-
.ui.ui.grid.container {
|
30
|
+
.ui.ui.ui.grid.container {
|
31
31
|
width: auto;
|
32
32
|
}
|
33
|
-
.ui.ui.relaxed.grid.container {
|
33
|
+
.ui.ui.ui.relaxed.grid.container {
|
34
34
|
width: auto;
|
35
35
|
}
|
36
|
-
.ui.ui.very.relaxed.grid.container {
|
36
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
37
37
|
width: auto;
|
38
38
|
}
|
39
39
|
}
|
@@ -45,13 +45,13 @@
|
|
45
45
|
margin-left: auto;
|
46
46
|
margin-right: auto;
|
47
47
|
}
|
48
|
-
.ui.ui.grid.container {
|
48
|
+
.ui.ui.ui.grid.container {
|
49
49
|
width: calc(723px + 2rem);
|
50
50
|
}
|
51
|
-
.ui.ui.relaxed.grid.container {
|
51
|
+
.ui.ui.ui.relaxed.grid.container {
|
52
52
|
width: calc(723px + 3rem);
|
53
53
|
}
|
54
|
-
.ui.ui.very.relaxed.grid.container {
|
54
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
55
55
|
width: calc(723px + 5rem);
|
56
56
|
}
|
57
57
|
}
|
@@ -63,13 +63,13 @@
|
|
63
63
|
margin-left: auto;
|
64
64
|
margin-right: auto;
|
65
65
|
}
|
66
|
-
.ui.ui.grid.container {
|
66
|
+
.ui.ui.ui.grid.container {
|
67
67
|
width: calc(933px + 2rem);
|
68
68
|
}
|
69
|
-
.ui.ui.relaxed.grid.container {
|
69
|
+
.ui.ui.ui.relaxed.grid.container {
|
70
70
|
width: calc(933px + 3rem);
|
71
71
|
}
|
72
|
-
.ui.ui.very.relaxed.grid.container {
|
72
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
73
73
|
width: calc(933px + 5rem);
|
74
74
|
}
|
75
75
|
}
|
@@ -81,13 +81,13 @@
|
|
81
81
|
margin-left: auto;
|
82
82
|
margin-right: auto;
|
83
83
|
}
|
84
|
-
.ui.ui.grid.container {
|
84
|
+
.ui.ui.ui.grid.container {
|
85
85
|
width: calc(1127px + 2rem);
|
86
86
|
}
|
87
|
-
.ui.ui.relaxed.grid.container {
|
87
|
+
.ui.ui.ui.relaxed.grid.container {
|
88
88
|
width: calc(1127px + 3rem);
|
89
89
|
}
|
90
|
-
.ui.ui.very.relaxed.grid.container {
|
90
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
91
91
|
width: calc(1127px + 5rem);
|
92
92
|
}
|
93
93
|
}
|
@@ -49,8 +49,8 @@
|
|
49
49
|
}
|
50
50
|
|
51
51
|
/*--------------
|
52
|
-
|
53
|
-
---------------*/
|
52
|
+
Horizontal
|
53
|
+
---------------*/
|
54
54
|
|
55
55
|
.ui.horizontal.divider {
|
56
56
|
display: table;
|
@@ -77,8 +77,8 @@
|
|
77
77
|
}
|
78
78
|
|
79
79
|
/*--------------
|
80
|
-
|
81
|
-
---------------*/
|
80
|
+
Vertical
|
81
|
+
---------------*/
|
82
82
|
|
83
83
|
.ui.vertical.divider {
|
84
84
|
position: absolute;
|
@@ -155,8 +155,8 @@
|
|
155
155
|
}
|
156
156
|
|
157
157
|
/*--------------
|
158
|
-
|
159
|
-
---------------*/
|
158
|
+
Icon
|
159
|
+
---------------*/
|
160
160
|
|
161
161
|
.ui.divider > .icon {
|
162
162
|
margin: 0;
|
@@ -166,8 +166,8 @@
|
|
166
166
|
}
|
167
167
|
|
168
168
|
/*--------------
|
169
|
-
|
170
|
-
---------------*/
|
169
|
+
Header
|
170
|
+
---------------*/
|
171
171
|
|
172
172
|
.ui.horizontal.divider[class*="left aligned"]:before {
|
173
173
|
display: none;
|
@@ -189,8 +189,8 @@
|
|
189
189
|
|
190
190
|
|
191
191
|
/*--------------
|
192
|
-
|
193
|
-
---------------*/
|
192
|
+
Hidden
|
193
|
+
---------------*/
|
194
194
|
|
195
195
|
.ui.hidden.divider {
|
196
196
|
border-color: transparent !important;
|
@@ -227,16 +227,16 @@
|
|
227
227
|
}
|
228
228
|
|
229
229
|
/*--------------
|
230
|
-
|
231
|
-
---------------*/
|
230
|
+
Clearing
|
231
|
+
---------------*/
|
232
232
|
|
233
233
|
.ui.clearing.divider {
|
234
234
|
clear: both;
|
235
235
|
}
|
236
236
|
|
237
237
|
/*--------------
|
238
|
-
|
239
|
-
---------------*/
|
238
|
+
Section
|
239
|
+
---------------*/
|
240
240
|
|
241
241
|
.ui.section.divider {
|
242
242
|
margin-top: 2rem;
|
@@ -250,6 +250,27 @@
|
|
250
250
|
.ui.divider {
|
251
251
|
font-size: 1rem;
|
252
252
|
}
|
253
|
+
.ui.mini.divider {
|
254
|
+
font-size: 0.78571429rem;
|
255
|
+
}
|
256
|
+
.ui.tiny.divider {
|
257
|
+
font-size: 0.85714286rem;
|
258
|
+
}
|
259
|
+
.ui.small.divider {
|
260
|
+
font-size: 0.92857143rem;
|
261
|
+
}
|
262
|
+
.ui.large.divider {
|
263
|
+
font-size: 1.14285714rem;
|
264
|
+
}
|
265
|
+
.ui.big.divider {
|
266
|
+
font-size: 1.28571429rem;
|
267
|
+
}
|
268
|
+
.ui.huge.divider {
|
269
|
+
font-size: 1.42857143rem;
|
270
|
+
}
|
271
|
+
.ui.massive.divider {
|
272
|
+
font-size: 1.71428571rem;
|
273
|
+
}
|
253
274
|
|
254
275
|
|
255
276
|
/*******************************
|