You are here

Home » API reference » Webform Layout 6

layout_box.css in Webform Layout 6

Same filename and directory in other branches
  1. 7.2 layout_box.css
  2. 7 layout_box.css
.webform-layout-box.horiz,
.webform-layout-box.equal {
  word-spacing: -1em; /* remove the space between inline-blocks */
}

.webform-layout-box.horiz  > *,
.webform-layout-box.equal  > * {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
}

.webform-layout-box.horiz > * + * {
  margin-left: 1em; /* add space between variable-width blocks */
}

.webform-layout-box.equal.child-width-2  > * {width: 50%;}
.webform-layout-box.equal.child-width-3  > * {width: 33.3%;}
.webform-layout-box.equal.child-width-4  > * {width: 25%;}
.webform-layout-box.equal.child-width-5  > * {width: 20%;}
.webform-layout-box.equal.child-width-6  > * {width: 16.6%;}
.webform-layout-box.equal.child-width-7  > * {width: 14.2%;}
.webform-layout-box.equal.child-width-8  > * {width: 12.5%;}
.webform-layout-box.equal.child-width-9  > * {width: 11.1%;}

File

layout_box.css
View source 
  1. .webform-layout-box.horiz,

  2. .webform-layout-box.equal {

  3.   word-spacing: -1em; /* remove the space between inline-blocks */

  4. }

  5. 

  6. .webform-layout-box.horiz  > *,

  7. .webform-layout-box.equal  > * {

  8.   display: inline-block;

  9.   vertical-align: top;

  10.   word-spacing: normal;

  11. }

  12. 

  13. .webform-layout-box.horiz > * + * {

  14.   margin-left: 1em; /* add space between variable-width blocks */

  15. }

  16. 

  17. .webform-layout-box.equal.child-width-2  > * {width: 50%;}

  18. .webform-layout-box.equal.child-width-3  > * {width: 33.3%;}

  19. .webform-layout-box.equal.child-width-4  > * {width: 25%;}

  20. .webform-layout-box.equal.child-width-5  > * {width: 20%;}

  21. .webform-layout-box.equal.child-width-6  > * {width: 16.6%;}

  22. .webform-layout-box.equal.child-width-7  > * {width: 14.2%;}

  23. .webform-layout-box.equal.child-width-8  > * {width: 12.5%;}

  24. .webform-layout-box.equal.child-width-9  > * {width: 11.1%;}