Transpiled version (3395L) is out of date.
1 | // see http://jsfiddle.net/stefanreich/a1uLzqh2/4/ |
2 | srecord HLeftCenterRight(S left, S center, S right) {
|
3 | S headStuff() {
|
4 | ret hcss([[ |
5 | .util-lcr {
|
6 | text-align: center; |
7 | /*margin: 0 auto;*/ |
8 | width: 100vw; |
9 | position: relative; |
10 | } |
11 | |
12 | .util-lcr-left, .util-lcr-right {
|
13 | position: absolute; |
14 | top: 0; |
15 | height: 100%; |
16 | } |
17 | |
18 | .util-lcr-left {
|
19 | left: 0; |
20 | transform: translateX(-100%) |
21 | } |
22 | |
23 | .util-lcr-center {
|
24 | position: relative; |
25 | display: inline-block; |
26 | height: 100%; |
27 | z-index: 2; |
28 | } |
29 | |
30 | .util-lcr-right {
|
31 | right: 0; |
32 | transform: translateX(100%) |
33 | } |
34 | ]]; |
35 | } |
36 | |
37 | S get() {
|
38 | ret div_class(".util-lcr",
|
39 | linesLL( |
40 | unnull(center), |
41 | div_class(".util-lcr-left", left),
|
42 | div_class(".util-lcr-right", right)));
|
43 | } |
44 | } |
download show line numbers debug dex old transpilations
Travelled to 4 computer(s): bhatertpkbcr, mqqgnosmbjvj, pyentgdyhuwx, vouqrxazstgt
No comments. add comment
| Snippet ID: | #1030861 |
| Snippet name: | HLeftCenterRight - HTML centerer [dev., layout seems to exceed 100% width] |
| Eternal ID of this version: | #1030861/10 |
| Text MD5: | 1450431ce358c76fdbc81e0e6142f2ff |
| Author: | stefan |
| Category: | javax / html |
| Type: | JavaX fragment (include) |
| Public (visible to everyone): | Yes |
| Archived (hidden from active list): | No |
| Created/modified: | 2021-04-04 18:15:36 |
| Source code size: | 947 bytes / 44 lines |
| Pitched / IR pitched: | No / No |
| Views / Downloads: | 188 / 410 |
| Version history: | 9 change(s) |
| Referenced in: | [show references] |