recipe-collections.css
Same filename in other branches
- 9 core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css
- 10 core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css
- 11.x core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/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
-
core/
profiles/ demo_umami/ themes/ umami/ css/ components/ blocks/ recipe-collections/ recipe-collections.css
View source
- .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;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.