@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/embed.css ADDED
@@ -0,0 +1,160 @@
1
+ /*!
2
+ * # Semantic UI 2.4.0 - Video
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
+ Types
14
+ *******************************/
15
+
16
+ .ui.embed {
17
+ position: relative;
18
+ max-width: 100%;
19
+ height: 0px;
20
+ overflow: hidden;
21
+ background: #DCDDDE;
22
+ padding-bottom: 56.25%;
23
+ }
24
+
25
+ /*-----------------
26
+ Embedded Content
27
+ ------------------*/
28
+
29
+ .ui.embed iframe,
30
+ .ui.embed embed,
31
+ .ui.embed object {
32
+ position: absolute;
33
+ border: none;
34
+ width: 100%;
35
+ height: 100%;
36
+ top: 0px;
37
+ left: 0px;
38
+ margin: 0em;
39
+ padding: 0em;
40
+ }
41
+
42
+ /*-----------------
43
+ Embed
44
+ ------------------*/
45
+
46
+ .ui.embed > .embed {
47
+ display: none;
48
+ }
49
+
50
+ /*--------------
51
+ Placeholder
52
+ ---------------*/
53
+
54
+ .ui.embed > .placeholder {
55
+ position: absolute;
56
+ cursor: pointer;
57
+ top: 0px;
58
+ left: 0px;
59
+ display: block;
60
+ width: 100%;
61
+ height: 100%;
62
+ background-color: radial-gradient(transparent 45%, rgb(0 0 0 / 30%));
63
+ }
64
+
65
+ /*--------------
66
+ Icon
67
+ ---------------*/
68
+
69
+ .ui.embed > .icon {
70
+ cursor: pointer;
71
+ position: absolute;
72
+ top: 0px;
73
+ left: 0px;
74
+ width: 100%;
75
+ height: 100%;
76
+ z-index: 2;
77
+ }
78
+ .ui.embed > .icon::after {
79
+ position: absolute;
80
+ top: 0%;
81
+ left: 0%;
82
+ width: 100%;
83
+ height: 100%;
84
+ z-index: 3;
85
+ content: '';
86
+ background: radial-gradient(transparent 45%, rgb(0 0 0 / 30%));
87
+ opacity: 0.5;
88
+ transition: opacity 0.5s ease;
89
+ }
90
+ .ui.embed > .icon::before {
91
+ position: absolute;
92
+ top: 50%;
93
+ left: 50%;
94
+ transform: translateX(-50%) translateY(-50%);
95
+ color: #FFFFFF;
96
+ font-size: 6rem;
97
+ text-shadow: 0px 2px 10px rgb(34 36 38 / 20%);
98
+ transition: opacity 0.5s ease, color 0.5s ease;
99
+ z-index: 10;
100
+ }
101
+
102
+
103
+ /*******************************
104
+ States
105
+ *******************************/
106
+
107
+
108
+ /*--------------
109
+ Hover
110
+ ---------------*/
111
+
112
+ .ui.embed .icon:hover::after {
113
+ background: radial-gradient(transparent 45%, rgb(0 0 0 / 30%));
114
+ opacity: 1;
115
+ }
116
+ .ui.embed .icon:hover::before {
117
+ color: #FFFFFF;
118
+ }
119
+
120
+ /*--------------
121
+ Active
122
+ ---------------*/
123
+
124
+ .ui.active.embed > .icon,
125
+ .ui.active.embed > .placeholder {
126
+ display: none;
127
+ }
128
+ .ui.active.embed > .embed {
129
+ display: block;
130
+ }
131
+
132
+
133
+ /*******************************
134
+ Video Overrides
135
+ *******************************/
136
+
137
+
138
+
139
+ /*******************************
140
+ Site Overrides
141
+ *******************************/
142
+
143
+
144
+
145
+ /*******************************
146
+ Variations
147
+ *******************************/
148
+
149
+ .ui.square.embed {
150
+ padding-bottom: 100%;
151
+ }
152
+ .ui[class*="4:3"].embed {
153
+ padding-bottom: 75%;
154
+ }
155
+ .ui[class*="16:9"].embed {
156
+ padding-bottom: 56.25%;
157
+ }
158
+ .ui[class*="21:9"].embed {
159
+ padding-bottom: 42.8571%;
160
+ }