You are here

Home » API reference » Drupal 8

node-add.pcss.css in Drupal 8

Same filename and directory in other branches
  1. 9 core/themes/claro/css/layout/node-add.pcss.css
/**
 * Layout overrides for node add/edit form.
 */

@import "../base/variables.pcss.css";

.layout-region-node-footer__content {
  margin-top: 1.5em;
}

/**
 * Widescreen
 *
 * Both of the following media queries must *exactly* match what is in
 * node.module.css. This is rather crazy.
 *
 * @todo Figure out how to reduce media query duplication across files
 *       and modules. Layout styles only allowed in themes?
 */
@media
  screen and (min-width: 780px),
  (orientation: landscape) and (min-device-height: 780px) {
  .layout-region-node-footer__content {
    margin-top: 0.5em;
  }
}

/* Push sidebar down to horizontal align with form section */
.layout-region-node-secondary {
  margin-top: var(--space-l);
}

File

core/themes/claro/css/layout/node-add.pcss.css
View source 
  1. /**

  2.  * Layout overrides for node add/edit form.

  3.  */

  4. 

  5. @import "../base/variables.pcss.css";

  6. 

  7. .layout-region-node-footer__content {

  8.   margin-top: 1.5em;

  9. }

  10. 

  11. /**

  12.  * Widescreen

  13.  *

  14.  * Both of the following media queries must *exactly* match what is in

  15.  * node.module.css. This is rather crazy.

  16.  *

  17.  * @todo Figure out how to reduce media query duplication across files

  18.  *       and modules. Layout styles only allowed in themes?

  19.  */

  20. @media

  21.   screen and (min-width: 780px),

  22.   (orientation: landscape) and (min-device-height: 780px) {

  23.   .layout-region-node-footer__content {

  24.     margin-top: 0.5em;

  25.   }

  26. }

  27. 

  28. /* Push sidebar down to horizontal align with form section */

  29. .layout-region-node-secondary {

  30.   margin-top: var(--space-l);

  31. }