Not logged in.  Login/Logout/Register | List snippets | | Create snippet | Upload image | Upload data

44
LINES

< > BotCompany Repo | #1030861 // HLeftCenterRight - HTML centerer [dev., layout seems to exceed 100% width]

JavaX fragment (include) [tags: use-pretranspiled]

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]