You are here

Home » API reference » Display Suite 8.4

ds-4col.css in Display Suite 8.4

Same filename and directory in other branches
  1. 8.2 css/ds-4col.css
  2. 8.3 css/ds-4col.css

Styling for the ds-4col template.

File

css/ds-4col.css
View source 
  1. /**

  2.  * @file

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

  4.  */

  5. 

  6. .ds-4col > .group-first {

  7.   width: 25%;

  8.   float: left; /* LTR */

  9. }

  10. 

  11. [dir="rtl"] .ds-4col > .group-first {

  12.   float: right;

  13. }

  14. 

  15. .ds-4col > .group-second {

  16.   width: 25%;

  17.   float: left; /* LTR */

  18. }

  19. 

  20. [dir="rtl"] .ds-4col > .group-second {

  21.   float: right;

  22. }

  23. 

  24. .ds-4col > .group-third {

  25.   width: 25%;

  26.   float: left; /* LTR */

  27. }

  28. 

  29. [dir="rtl"] .ds-4col > .group-third {

  30.   float: right;

  31. }

  32. 

  33. .ds-4col > .group-fourth {

  34.   width: 25%;

  35.   float: left; /* LTR */

  36. }

  37. 

  38. [dir="rtl"] .ds-4col > .group-fourth {

  39.   float: right;

  40. }