recipe-collections.css

.block-views-blockrecipe-collections-block {
  padding: 3rem 1rem;
  color: #fff;
  background: #767775;
}
.block-views-blockrecipe-collections-block .block__title {
  margin-bottom: 1.5rem;
  text-align: center;
}
.block-views-blockrecipe-collections-block .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-views-blockrecipe-collections-block .views-col {
  width: 100%;
  padding: 0 14px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .block-views-blockrecipe-collections-block .views-col {
    width: 25%;
    max-width: 13rem;
    text-align: left; /* LTR */
  }
  [dir="rtl"] .block-views-blockrecipe-collections-block .views-col {
    text-align: right;
  }
}
.block-views-blockrecipe-collections-block .views-row {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.block-views-blockrecipe-collections-block .views-row a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
.block-views-blockrecipe-collections-block .views-row a:active,
.block-views-blockrecipe-collections-block .views-row a:focus,
.block-views-blockrecipe-collections-block .views-row a:hover {
  text-decoration: underline;
  outline-color: #fff;
  background: transparent;
}

File

View on git.drupalcode.org

core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css

View source 
  1. .block-views-blockrecipe-collections-block {

  2.   padding: 3rem 1rem;

  3.   color: #fff;

  4.   background: #767775;

  5. }

  6. .block-views-blockrecipe-collections-block .block__title {

  7.   margin-bottom: 1.5rem;

  8.   text-align: center;

  9. }

  10. .block-views-blockrecipe-collections-block .views-view-grid {

  11.   display: flex;

  12.   flex-wrap: wrap;

  13.   justify-content: center;

  14. }

  15. .block-views-blockrecipe-collections-block .views-col {

  16.   width: 100%;

  17.   padding: 0 14px;

  18.   text-align: center;

  19. }

  20. 

  21. @media screen and (min-width: 48em) {

  22.   .block-views-blockrecipe-collections-block .views-col {

  23.     width: 25%;

  24.     max-width: 13rem;

  25.     text-align: left; /* LTR */

  26.   }

  27.   [dir="rtl"] .block-views-blockrecipe-collections-block .views-col {

  28.     text-align: right;

  29.   }

  30. }

  31. .block-views-blockrecipe-collections-block .views-row {

  32.   margin-bottom: 0.5rem;

  33.   font-size: 0.9rem;

  34. }

  35. .block-views-blockrecipe-collections-block .views-row a {

  36.   text-decoration: none;

  37.   color: #fff;

  38.   font-weight: bold;

  39. }

  40. .block-views-blockrecipe-collections-block .views-row a:active,

  41. .block-views-blockrecipe-collections-block .views-row a:focus,

  42. .block-views-blockrecipe-collections-block .views-row a:hover {

  43.   text-decoration: underline;

  44.   outline-color: #fff;

  45.   background: transparent;

  46. }

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