gin-views-unwrapped.pcss.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/migration/css/base/gin-views-unwrapped.pcss.css
@import "media-queries.pcss.css";

.views-edit-view {
  .unit-title {
    margin-block-start: 0;
    margin-block-end: var(--gin-spacing-m);
    /* Duplicated from h1/h2/h3 styles in _body.scss (was @extend h2). */
    letter-spacing: -0.025em;
    font-size: var(--gin-font-size-h2);
    font-weight: var(--gin-font-weight-normal);
  }
}

/* Option for 6 column layout */
.show-6 {
  .views-row {
    @media (--admin-tiny) {
      float: inline-start;
      width: 50%;
    }

    @media (--admin-small) {
      width: 25%;
    }

    @media (--admin-large) {
      width: 20%;
    }

    @media (--admin-wide) {
      width: 16.66667%;
    }
  }
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-views-unwrapped.pcss.css

View source 
  1. @import "media-queries.pcss.css";

  2. 

  3. .views-edit-view {

  4.   .unit-title {

  5.     margin-block-start: 0;

  6.     margin-block-end: var(--gin-spacing-m);

  7.     /* Duplicated from h1/h2/h3 styles in _body.scss (was @extend h2). */

  8.     letter-spacing: -0.025em;

  9.     font-size: var(--gin-font-size-h2);

  10.     font-weight: var(--gin-font-weight-normal);

  11.   }

  12. }

  13. 

  14. /* Option for 6 column layout */

  15. .show-6 {

  16.   .views-row {

  17.     @media (--admin-tiny) {

  18.       float: inline-start;

  19.       width: 50%;

  20.     }

  21. 

  22.     @media (--admin-small) {

  23.       width: 25%;

  24.     }

  25. 

  26.     @media (--admin-large) {

  27.       width: 20%;

  28.     }

  29. 

  30.     @media (--admin-wide) {

  31.       width: 16.66667%;

  32.     }

  33.   }

  34. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.