Transpiled version (3395L) is out of date.
// see http://jsfiddle.net/stefanreich/a1uLzqh2/4/ srecord HLeftCenterRight(S left, S center, S right) { S headStuff() { ret hcss([[ .util-lcr { text-align: center; /*margin: 0 auto;*/ width: 100vw; position: relative; } .util-lcr-left, .util-lcr-right { position: absolute; top: 0; height: 100%; } .util-lcr-left { left: 0; transform: translateX(-100%) } .util-lcr-center { position: relative; display: inline-block; height: 100%; z-index: 2; } .util-lcr-right { right: 0; transform: translateX(100%) } ]]; } S get() { ret div_class(".util-lcr", linesLL( unnull(center), div_class(".util-lcr-left", left), div_class(".util-lcr-right", right))); } }
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: | 186 / 406 |
Version history: | 9 change(s) |
Referenced in: | [show references] |