@pageboard/html 0.14.19 → 0.14.20

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 (109) hide show
  1. package/elements/accordion.js +1 -1
  2. package/elements/fieldsets.js +1 -1
  3. package/elements/form.js +2 -2
  4. package/elements/grid.js +1 -1
  5. package/elements/image.js +1 -1
  6. package/elements/input-file.js +2 -2
  7. package/elements/input-property.js +1 -1
  8. package/elements/inputs.js +5 -5
  9. package/elements/layout.js +1 -1
  10. package/elements/link.js +2 -2
  11. package/elements/menu.js +2 -2
  12. package/elements/navigation.js +1 -1
  13. package/elements/page.js +1 -1
  14. package/elements/paragraph.js +2 -2
  15. package/elements/query-tags.js +1 -1
  16. package/elements/tab.js +1 -1
  17. package/elements/table.js +1 -1
  18. package/elements/template.js +1 -1
  19. package/package.json +3 -8
  20. package/ui/card.css +3 -3
  21. package/ui/components/accordion.css +241 -0
  22. package/ui/components/accordion.js +613 -0
  23. package/ui/components/ad.css +275 -0
  24. package/ui/components/api.js +1167 -0
  25. package/ui/components/breadcrumb.css +122 -0
  26. package/ui/components/button.css +3525 -0
  27. package/ui/components/card.css +939 -0
  28. package/ui/components/checkbox.css +604 -0
  29. package/ui/components/checkbox.js +831 -0
  30. package/ui/components/colorize.js +274 -0
  31. package/ui/components/comment.css +268 -0
  32. package/ui/components/container.css +149 -0
  33. package/ui/components/dimmer.css +224 -0
  34. package/ui/components/dimmer.js +733 -0
  35. package/ui/components/divider.css +253 -0
  36. package/ui/components/dropdown.css +1448 -0
  37. package/ui/components/dropdown.js +3955 -0
  38. package/ui/components/embed.css +160 -0
  39. package/ui/components/embed.js +706 -0
  40. package/ui/components/feed.css +281 -0
  41. package/ui/components/flag.css +1035 -0
  42. package/ui/components/form.css +1011 -0
  43. package/ui/components/form.js +1706 -0
  44. package/ui/components/grid.css +1941 -0
  45. package/ui/components/header.css +719 -0
  46. package/ui/components/icon.css +4777 -0
  47. package/ui/components/image.css +310 -0
  48. package/ui/components/input.css +469 -0
  49. package/ui/components/item.css +464 -0
  50. package/ui/components/label.css +1281 -0
  51. package/ui/components/list.css +943 -0
  52. package/ui/components/loader.css +339 -0
  53. package/ui/components/menu.css +1940 -0
  54. package/ui/components/message.css +468 -0
  55. package/ui/components/modal.css +617 -0
  56. package/ui/components/modal.js +1034 -0
  57. package/ui/components/nag.css +145 -0
  58. package/ui/components/nag.js +507 -0
  59. package/ui/components/placeholder.css +229 -0
  60. package/ui/components/popup.css +640 -0
  61. package/ui/components/popup.js +1532 -0
  62. package/ui/components/progress.css +502 -0
  63. package/ui/components/progress.js +931 -0
  64. package/ui/components/rail.css +152 -0
  65. package/ui/components/rating.css +257 -0
  66. package/ui/components/rating.js +508 -0
  67. package/ui/components/reset.css +476 -0
  68. package/ui/components/reveal.css +260 -0
  69. package/ui/components/search.css +431 -0
  70. package/ui/components/search.js +1505 -0
  71. package/ui/components/segment.css +824 -0
  72. package/ui/components/shape.css +143 -0
  73. package/ui/components/shape.js +921 -0
  74. package/ui/components/sidebar.css +537 -0
  75. package/ui/components/sidebar.js +1033 -0
  76. package/ui/components/site.css +184 -0
  77. package/ui/components/site.js +487 -0
  78. package/ui/components/state.js +708 -0
  79. package/ui/components/statistic.css +534 -0
  80. package/ui/components/step.css +566 -0
  81. package/ui/components/sticky.css +73 -0
  82. package/ui/components/sticky.js +959 -0
  83. package/ui/components/tab.css +89 -0
  84. package/ui/components/tab.js +952 -0
  85. package/ui/components/table.css +1108 -0
  86. package/ui/components/transition.css +1792 -0
  87. package/ui/components/transition.js +1095 -0
  88. package/ui/components/video.css +121 -0
  89. package/ui/components/video.js +532 -0
  90. package/ui/components/visibility.js +1311 -0
  91. package/ui/components/visit.js +517 -0
  92. package/ui/item.css +2 -2
  93. package/ui/themes/default/assets/fonts/brand-icons.eot +0 -0
  94. package/ui/themes/default/assets/fonts/brand-icons.svg +1008 -0
  95. package/ui/themes/default/assets/fonts/brand-icons.ttf +0 -0
  96. package/ui/themes/default/assets/fonts/brand-icons.woff +0 -0
  97. package/ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  98. package/ui/themes/default/assets/fonts/icons.eot +0 -0
  99. package/ui/themes/default/assets/fonts/icons.otf +0 -0
  100. package/ui/themes/default/assets/fonts/icons.svg +1518 -0
  101. package/ui/themes/default/assets/fonts/icons.ttf +0 -0
  102. package/ui/themes/default/assets/fonts/icons.woff +0 -0
  103. package/ui/themes/default/assets/fonts/icons.woff2 +0 -0
  104. package/ui/themes/default/assets/fonts/outline-icons.eot +0 -0
  105. package/ui/themes/default/assets/fonts/outline-icons.svg +366 -0
  106. package/ui/themes/default/assets/fonts/outline-icons.ttf +0 -0
  107. package/ui/themes/default/assets/fonts/outline-icons.woff +0 -0
  108. package/ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  109. package/ui/themes/default/assets/images/flags.png +0 -0
package/ui/components/feed.css ADDED
@@ -0,0 +1,281 @@
1
+ /*!
2
+ * # Semantic UI 2.4.1 - Feed
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Activity Feed
14
+ *******************************/
15
+
16
+ .ui.feed {
17
+ margin: 1em 0em;
18
+ }
19
+ .ui.feed:first-child {
20
+ margin-top: 0em;
21
+ }
22
+ .ui.feed:last-child {
23
+ margin-bottom: 0em;
24
+ }
25
+
26
+
27
+ /*******************************
28
+ Content
29
+ *******************************/
30
+
31
+
32
+ /* Event */
33
+ .ui.feed > .event {
34
+ display: flex;
35
+ flex-direction: row;
36
+ width: 100%;
37
+ padding: 0.2142rem 0em;
38
+ margin: 0em;
39
+ background: none;
40
+ border-top: none;
41
+ }
42
+ .ui.feed > .event:first-child {
43
+ border-top: 0px;
44
+ padding-top: 0em;
45
+ }
46
+ .ui.feed > .event:last-child {
47
+ padding-bottom: 0em;
48
+ }
49
+
50
+ /* Event Label */
51
+ .ui.feed > .event > .label {
52
+ display: block;
53
+ flex: 0 0 auto;
54
+ width: 2.5em;
55
+ height: auto;
56
+ align-self: stretch;
57
+ text-align: left;
58
+ }
59
+ .ui.feed > .event > .label .icon {
60
+ opacity: 1;
61
+ font-size: 1.5em;
62
+ width: 100%;
63
+ padding: 0.25em;
64
+ background: none;
65
+ border: none;
66
+ border-radius: none;
67
+ color: rgb(0 0 0 / 60%);
68
+ }
69
+ .ui.feed > .event > .label img {
70
+ width: 100%;
71
+ height: auto;
72
+ border-radius: 500rem;
73
+ }
74
+ .ui.feed > .event > .label + .content {
75
+ margin: 0.5em 0em 0.3571em 1.1428em;
76
+ }
77
+
78
+ /*--------------
79
+ Content
80
+ ---------------*/
81
+
82
+
83
+ /* Content */
84
+ .ui.feed > .event > .content {
85
+ display: block;
86
+ flex: 1 1 auto;
87
+ align-self: stretch;
88
+ text-align: left;
89
+ word-wrap: break-word;
90
+ }
91
+ .ui.feed > .event:last-child > .content {
92
+ padding-bottom: 0em;
93
+ }
94
+
95
+ /* Link */
96
+ .ui.feed > .event > .content a {
97
+ cursor: pointer;
98
+ }
99
+
100
+ /*--------------
101
+ Date
102
+ ---------------*/
103
+
104
+ .ui.feed > .event > .content .date {
105
+ margin: -0.5rem 0em 0em;
106
+ padding: 0em;
107
+ font-weight: normal;
108
+ font-size: 1em;
109
+ font-style: normal;
110
+ color: rgb(0 0 0 / 40%);
111
+ }
112
+
113
+ /*--------------
114
+ Summary
115
+ ---------------*/
116
+
117
+ .ui.feed > .event > .content .summary {
118
+ margin: 0em;
119
+ font-size: 1em;
120
+ font-weight: bold;
121
+ color: rgb(0 0 0 / 87%);
122
+ }
123
+
124
+ /* Summary Image */
125
+ .ui.feed > .event > .content .summary img {
126
+ display: inline-block;
127
+ width: auto;
128
+ height: 10em;
129
+ margin: -0.25em 0.25em 0em 0em;
130
+ border-radius: 0.25em;
131
+ vertical-align: middle;
132
+ }
133
+
134
+ /*--------------
135
+ User
136
+ ---------------*/
137
+
138
+ .ui.feed > .event > .content .user {
139
+ display: inline-block;
140
+ font-weight: bold;
141
+ margin-right: 0em;
142
+ vertical-align: baseline;
143
+ }
144
+ .ui.feed > .event > .content .user img {
145
+ margin: -0.25em 0.25em 0em 0em;
146
+ width: auto;
147
+ height: 10em;
148
+ vertical-align: middle;
149
+ }
150
+
151
+ /*--------------
152
+ Inline Date
153
+ ---------------*/
154
+
155
+
156
+ /* Date inside Summary */
157
+ .ui.feed > .event > .content .summary > .date {
158
+ display: inline-block;
159
+ float: none;
160
+ font-weight: normal;
161
+ font-size: 0.8571em;
162
+ font-style: normal;
163
+ margin: 0em 0em 0em 0.5em;
164
+ padding: 0em;
165
+ color: rgb(0 0 0 / 40%);
166
+ }
167
+
168
+ /*--------------
169
+ Extra Summary
170
+ ---------------*/
171
+
172
+ .ui.feed > .event > .content .extra {
173
+ margin: 0.5em 0em 0em;
174
+ background: none;
175
+ padding: 0em;
176
+ color: rgb(0 0 0 / 87%);
177
+ }
178
+
179
+ /* Images */
180
+ .ui.feed > .event > .content .extra.images img {
181
+ display: inline-block;
182
+ margin: 0em 0.25em 0em 0em;
183
+ width: 6em;
184
+ }
185
+
186
+ /* Text */
187
+ .ui.feed > .event > .content .extra.text {
188
+ padding: 0em;
189
+ border-left: none;
190
+ font-size: 1em;
191
+ max-width: 500px;
192
+ line-height: 1.4285em;
193
+ }
194
+
195
+ /*--------------
196
+ Meta
197
+ ---------------*/
198
+
199
+ .ui.feed > .event > .content .meta {
200
+ display: inline-block;
201
+ font-size: 0.8571em;
202
+ margin: 0.5em 0em 0em;
203
+ background: none;
204
+ border: none;
205
+ border-radius: 0;
206
+ box-shadow: none;
207
+ padding: 0em;
208
+ color: rgb(0 0 0 / 60%);
209
+ }
210
+ .ui.feed > .event > .content .meta > * {
211
+ position: relative;
212
+ margin-left: 0.75em;
213
+ }
214
+ .ui.feed > .event > .content .meta > *::after {
215
+ content: '';
216
+ color: rgb(0 0 0 / 20%);
217
+ top: 0em;
218
+ left: -1em;
219
+ opacity: 1;
220
+ position: absolute;
221
+ vertical-align: top;
222
+ }
223
+ .ui.feed > .event > .content .meta .like {
224
+ color: '';
225
+ transition: 0.2s color ease;
226
+ }
227
+ .ui.feed > .event > .content .meta .like:hover .icon {
228
+ color: #FF2733;
229
+ }
230
+ .ui.feed > .event > .content .meta .active.like .icon {
231
+ color: #EF404A;
232
+ }
233
+
234
+ /* First element */
235
+ .ui.feed > .event > .content .meta > :first-child {
236
+ margin-left: 0em;
237
+ }
238
+ .ui.feed > .event > .content .meta > :first-child::after {
239
+ display: none;
240
+ }
241
+
242
+ /* Action */
243
+ .ui.feed > .event > .content .meta a,
244
+ .ui.feed > .event > .content .meta > .icon {
245
+ cursor: pointer;
246
+ opacity: 1;
247
+ color: rgb(0 0 0 / 50%);
248
+ transition: color 0.1s ease;
249
+ }
250
+ .ui.feed > .event > .content .meta a:hover,
251
+ .ui.feed > .event > .content .meta a:hover .icon,
252
+ .ui.feed > .event > .content .meta > .icon:hover {
253
+ color: rgb(0 0 0 / 95%);
254
+ }
255
+
256
+
257
+ /*******************************
258
+ Variations
259
+ *******************************/
260
+
261
+ .ui.small.feed {
262
+ font-size: 0.9285rem;
263
+ }
264
+ .ui.feed {
265
+ font-size: 1rem;
266
+ }
267
+ .ui.large.feed {
268
+ font-size: 1.1428rem;
269
+ }
270
+
271
+
272
+ /*******************************
273
+ Theme Overrides
274
+ *******************************/
275
+
276
+
277
+
278
+ /*******************************
279
+ User Variable Overrides
280
+ *******************************/
281
+