browser/components/newtab/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss
author Ed Lee <edilee@mozilla.com>
Thu, 17 Jan 2019 20:53:45 +0000
changeset 511449 25af8129d9f2c71b724398b64407cbde3215f407
parent 509857 bd9fccec51d7acf49a5151ade04613781d2dc18d
child 511870 fce139bbc7a85d22e8632ea5b3eac4b0a4cbc929
permissions -rw-r--r--
Bug 1520691 - Add Discovery components, search polish and bug fixes to Activity Stream r=k88hudson Differential Revision: https://phabricator.services.mozilla.com/D16784

.ds-card-grid {
  display: grid;

  .ds-card {
    background: $white;
    box-shadow: 0 1px 4px $grey-10-10;
    border-radius: 4px;
    margin-bottom: 24px;
  }

  // "2/3 width layout"
  .ds-column-5 &,
  .ds-column-6 &,
  .ds-column-7 &,
  .ds-column-8 & {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }

  // "Full width layout"
  .ds-column-9 &,
  .dscolumn-10 &,
  .ds-column-11 &,
  .ds-column-12 & {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
  }
}