You are here

Home » API reference » Display Suite 8.3

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

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

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

File

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

  2.  * @file

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

  4.  */

  5. 

  6. .ds-3col-stacked-equal > .group-header {

  7.   clear: both;

  8. }

  9. 

  10. .ds-3col-stacked-equal > .group-left {

  11.   width: 33%;

  12.   float: left; /* LTR */

  13. }

  14. 

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

  16.   float: right;

  17. }

  18. 

  19. .ds-3col-stacked-equal > .group-middle {

  20.   width: 34%;

  21.   float: left; /* LTR */

  22. }

  23. 

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

  25.   float: right;

  26. }

  27. 

  28. .ds-3col-stacked-equal > .group-right {

  29.   width: 33%;

  30.   float: right; /* LTR */

  31. }

  32. 

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

  34.   float: left;

  35. }

  36. 

  37. .ds-3col-stacked-equal > .group-footer {

  38.   clear: both;

  39. }