You are here

Home » API reference » Commerce Pricelist 8.2

pricelist.form.css in Commerce Pricelist 8.2

Styles for the price list add/edit form.

Copied from node.module.css

@todo Make a generic version in Entity API so we can stop copying it.

File

css/pricelist.form.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for the price list add/edit form.

  4.  *

  5.  * Copied from node.module.css

  6.  *

  7.  * @todo Make a generic version in Entity API so we can stop copying it.

  8.  */

  9. 

  10. /* Narrow screens */

  11. .layout-region {

  12.   box-sizing: border-box;

  13. }

  14. 

  15. /* Wide screens */

  16. @media

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

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

  19. 

  20.   .layout-region-pricelist-main,

  21.   .layout-region-pricelist-footer {

  22.     float: left; /* LTR */

  23.     width: 65%;

  24.     padding-right: 2em; /* LTR */

  25.     box-sizing: border-box;

  26.   }

  27. 

  28.   [dir="rtl"] .layout-region-pricelist-main,

  29.   [dir="rtl"] .layout-region-pricelist-footer {

  30.     float: right;

  31.     padding-left: 2em;

  32.     padding-right: 0;

  33.   }

  34. 

  35.   .layout-region-pricelist-secondary {

  36.     float: right; /* LTR */

  37.     width: 35%;

  38.   }

  39. 

  40.   [dir="rtl"] .layout-region-pricelist-secondary {

  41.     float: left;

  42.   }

  43. }

  44. 

  45. /**

  46.  * The vertical toolbar mode gets triggered for narrow screens, which throws off

  47.  * the intent of media queries written for the viewport width. When the vertical

  48.  * toolbar is on, we need to suppress layout for the original media width + the

  49.  * toolbar width (240px). In this case, 240px + 780px.

  50.  */

  51. @media

  52.   screen and (max-width: 1020px) {

  53. 

  54.   .toolbar-vertical.toolbar-tray-open .layout-region-pricelist-main,

  55.   .toolbar-vertical.toolbar-tray-open .layout-region-pricelist-footer,

  56.   .toolbar-vertical.toolbar-tray-open .layout-region-pricelist-secondary {

  57.     float: none;

  58.     width: auto;

  59.     padding-right: 0;

  60.   }

  61. }