comic-panels-ui 0.0.0-beta.3 → 0.0.0-beta.4
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/index.js +3 -3
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -31,11 +31,11 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
var css_248z$1 = ".comic-panels__comicPages {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: 1em;\n padding: 1em;\n width: 100%;\n}\n\n.comic-panels__comicPages > * {\n flex: 1;\n}\n\n.comic-panels__comicPagesActions {\n align-items: center;\n display: flex;\n flex-direction: row;\n font-size: 0.8em;\n gap: 1em;\n justify-content: center;\n margin: 1em auto 0;\n}\n\n.comic-panels__comicPagesActions > button {\n align-items: center;\n display: flex;\n font-size: 1.2em;\n}\n\n.comic-panels__hideComicAction {\n opacity: 0;\n pointer-events: none;\n}\n\n.comic-
|
|
35
|
-
var styles$1 = {"comicPages":"comic-panels__comicPages","comicPagesActions":"comic-panels__comicPagesActions","hideComicAction":"comic-panels__hideComicAction","
|
|
34
|
+
var css_248z$1 = ".comic-panels__comicPages {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: 100%;\n gap: 1em;\n padding: 1em;\n position: relative;\n width: 100%;\n}\n\n.comic-panels__comicPages::after {\n align-items: center;\n background-color: rgba(255, 255, 255, 0.8);\n border: 1px solid black;\n content: 'Click to use the left and right arrow keys to navigate.';\n display: flex;\n height: 100%;\n justify-content: center;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n}\n\n.comic-panels__comicPages:focus-within::after {\n display: none;\n}\n\n.comic-panels__comicPages > * {\n flex: 1 0;\n}\n\n.comic-panels__comicPagesActions {\n align-items: center;\n display: flex;\n flex-direction: row;\n font-size: 0.8em;\n gap: 1em;\n justify-content: center;\n margin: 1em auto 0;\n}\n\n.comic-panels__comicPagesActions > button {\n align-items: center;\n display: flex;\n font-size: 1.2em;\n}\n\n.comic-panels__hideComicAction {\n opacity: 0;\n pointer-events: none;\n}\n\n.comic-panels__comicPagesReference {\n max-height: 100%;\n min-width: 0;\n}\n\n.comic-panels__comicPagesText {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 1em;\n line-height: 1.5em;\n overflow-y: auto;\n}\n\n.comic-panels__comicPagesText > p {\n border: 1px solid transparent;\n box-sizing: border-box;\n padding: 0.5em;\n}\n\n.comic-panels__comicPagesReferenceContainer,\n.comic-panels__comicPagesText,\n.comic-panels__comicPagesTextAnchor {\n height: 95%;\n}\n\n.comic-panels__comicPagesTextAnchor {\n box-sizing: border-box;\n display: flex;\n flex: none;\n flex-direction: column;\n font-size: 0.8em;\n justify-content: center;\n text-align: center;\n}\n\n.comic-panels__comicPanelFocusOnScroll {\n background-color: #c1c1c1;\n}\n\ndiv.comic-panels__comicPanelFocusOnHover,\n.comic-panels__comicPagesText > p.comic-panels__textFocusOnHover {\n border-color: red;\n}\n";
|
|
35
|
+
var styles$1 = {"comicPages":"comic-panels__comicPages","comicPagesActions":"comic-panels__comicPagesActions","hideComicAction":"comic-panels__hideComicAction","comicPagesReference":"comic-panels__comicPagesReference","comicPagesText":"comic-panels__comicPagesText","comicPagesReferenceContainer":"comic-panels__comicPagesReferenceContainer","comicPagesTextAnchor":"comic-panels__comicPagesTextAnchor","comicPanelFocusOnScroll":"comic-panels__comicPanelFocusOnScroll","comicPanelFocusOnHover":"comic-panels__comicPanelFocusOnHover","textFocusOnHover":"comic-panels__textFocusOnHover"};
|
|
36
36
|
styleInject(css_248z$1);
|
|
37
37
|
|
|
38
|
-
var css_248z = ".comic-panels__comicPage {\n display: flex;\n flex-direction: column;\n}\n\n.comic-panels__comicPanel {\n border: 1px solid black;\n box-sizing: border-box;\n cursor: pointer;\n margin: 4px;\n}\n\n.comic-panels__comicPanelRow {\n display: flex;\n flex-direction: row;\n}\n";
|
|
38
|
+
var css_248z = ".comic-panels__comicPage {\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n\n.comic-panels__comicPanel {\n border: 1px solid black;\n box-sizing: border-box;\n cursor: pointer;\n margin: 4px;\n}\n\n.comic-panels__comicPanelRow {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n";
|
|
39
39
|
var styles = {"comicPage":"comic-panels__comicPage","comicPanel":"comic-panels__comicPanel","comicPanelRow":"comic-panels__comicPanelRow"};
|
|
40
40
|
styleInject(css_248z);
|
|
41
41
|
|