You are here

Home » API reference » Panels Extra Layouts 7

three_four_adaptive.css in Panels Extra Layouts 7

Same filename and directory in other branches
  1. 6 plugins/layouts/three_four_adaptive/three_four_adaptive.css
  2. 7.2 plugins/layouts/three_four_adaptive/three_four_adaptive.css
/* CSS file for the three four adaptive layout */
@import url('../../../css/base-grid.css');

.panel-col-twenty-five {
  width: 25%;
}

.panel-col-thirty-three {
  width: 33%;
}

.panel-col-fifty {
  width: 50%;
}

.panel-col-sixty-six {
  width: 66%;
}

.panel-col-seventy-five {
  width: 75%;
}

.panel-one-hundred {
  width: 100%;
}

/* Margins taken from the Panels module plugins */
.lastUnit .inside {
  margin: 0 0 1em .5em;
}
.firstUnit .inside {
  margin: 0 .5em 1em 0;
}
.unit .inside {
  margin: 0 .5em 1em .5em;
}

File

plugins/layouts/three_four_adaptive/three_four_adaptive.css
View source 
  1. /* CSS file for the three four adaptive layout */

  2. @import url('../../../css/base-grid.css');

  3. 

  4. .panel-col-twenty-five {

  5.   width: 25%;

  6. }

  7. 

  8. .panel-col-thirty-three {

  9.   width: 33%;

  10. }

  11. 

  12. .panel-col-fifty {

  13.   width: 50%;

  14. }

  15. 

  16. .panel-col-sixty-six {

  17.   width: 66%;

  18. }

  19. 

  20. .panel-col-seventy-five {

  21.   width: 75%;

  22. }

  23. 

  24. .panel-one-hundred {

  25.   width: 100%;

  26. }

  27. 

  28. /* Margins taken from the Panels module plugins */

  29. .lastUnit .inside {

  30.   margin: 0 0 1em .5em;

  31. }

  32. .firstUnit .inside {

  33.   margin: 0 .5em 1em 0;

  34. }

  35. .unit .inside {

  36.   margin: 0 .5em 1em .5em;

  37. }