@pie-players/pie-theme 0.3.44 → 0.3.46
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/dist/components.css +24 -0
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -110,6 +110,30 @@
|
|
|
110
110
|
outline-offset: 2px;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
+
/*
|
|
114
|
+
* PIE-558: horizontal-scroll wrapper for authored tables. Mirrors `.pie-image-scroll`:
|
|
115
|
+
* the shared sanitizer wraps every `<table>` outside a `pie-*` custom element
|
|
116
|
+
* in `<div class="pie-table-scroll">`. When the table fits its column the
|
|
117
|
+
* scrollbar stays hidden; when it doesn't, the wrapper provides the sideways
|
|
118
|
+
* scroll needed to satisfy WCAG 1.4.10 Reflow at 400% zoom instead of forcing
|
|
119
|
+
* the section layout to scroll horizontally.
|
|
120
|
+
*/
|
|
121
|
+
.pie-table-scroll {
|
|
122
|
+
display: block;
|
|
123
|
+
max-width: 100%;
|
|
124
|
+
overflow-x: auto;
|
|
125
|
+
overflow-y: hidden;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.pie-table-scroll > table {
|
|
129
|
+
max-width: none;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.pie-table-scroll:focus-visible {
|
|
133
|
+
outline: 2px solid var(--pie-focus-ring-color, #1a73e8);
|
|
134
|
+
outline-offset: 2px;
|
|
135
|
+
}
|
|
136
|
+
|
|
113
137
|
/* These styles are used in the body content of an item -- they also appear in the item body editor. */
|
|
114
138
|
|
|
115
139
|
.book-title-k5 {
|