You are here

Home » API reference » Panels Extra Layouts 7

twocol_70_30_stacked.css in Panels Extra Layouts 7

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

.panel-col-thirty {
  width: 30%;
}
.panel-col-seventy {
  width: 70%;
}

.panel-header, .panel-top, .panel-footer {
  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/twocol_70_30_stacked/twocol_70_30_stacked.css
View source 
  1. /* CSS file for the 30 70 stacked layout */

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

  3. 

  4. .panel-col-thirty {

  5.   width: 30%;

  6. }

  7. .panel-col-seventy {

  8.   width: 70%;

  9. }

  10. 

  11. .panel-header, .panel-top, .panel-footer {

  12.   width: 100%;

  13. }

  14. 

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

  16. .lastUnit .inside {

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

  18. }

  19. .firstUnit .inside {

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

  21. }

  22. .unit .inside {

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

  24. }