You are here

Home » API reference » Display Suite 8.3

ds-3col-equal-width.css in Display Suite 8.3

Same filename and directory in other branches
  1. 8.4 css/ds-3col-equal-width.css
  2. 8.2 css/ds-3col-equal-width.css

Styling for the ds-3col-equal template.

File

css/ds-3col-equal-width.css
View source 
  1. /**

  2.  * @file

  3.  * Styling for the ds-3col-equal template.

  4.  */

  5. 

  6. .ds-3col-equal > .group-left {

  7.   width: 33%;

  8.   float: left; /* LTR */

  9. }

  10. 

  11. [dir="rtl"] .ds-3col-equal > .group-left {

  12.   float: right;

  13. }

  14. 

  15. .ds-3col-equal > .group-middle {

  16.   width: 34%;

  17.   float: left; /* LTR */

  18. }

  19. 

  20. [dir="rtl"] .ds-3col-equal > .group-middle {

  21.   float: right;

  22. }

  23. 

  24. .ds-3col-equal > .group-right {

  25.   width: 33%;

  26.   float: right; /* LTR */

  27. }

  28. 

  29. [dir="rtl"] .ds-3col-equal > .group-right {

  30.   float: left;

  31. }