diff --git a/css/components/unsorted.css b/css/components/unsorted.css index 3803644..05a51ea 100755 --- a/css/components/unsorted.css +++ b/css/components/unsorted.css @@ -1,49 +1,42 @@ -.leaflet-popup-content { - & .node--view-mode-teaser .field { - margin-block-end: 0; - } - & .node__title { - font-size: 1.4rem; - } - & article { - margin-bottom: 0; - } - & .node__content { - padding-bottom: 0; - font-size: 0.9rem; - & .field__label, - .field__items { - font-size: 0.9rem; - font-weight: normal; - } - } +.path-frontpage .field--name-body .kln-logo-grid--five-columns { + display: grid; + grid-template-columns: repeat(5, 145px); + gap: 0; + margin: 2rem 0 5rem; + background: #fff; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18); + width: fit-content; } -.view-alphabetical-title-list { - & .node--view-mode-teaser .field { - margin-block-end: 0; - } - & .node__title { - /*font-size: 1.4rem;*/ - } - & article { - /*margin-bottom: 0;*/ - } - & .node__content { - /*padding-bottom: 0;*/ - /*font-size: 0.9rem;*/ - & .field__label, - .field__items { - /*font-size: 0.9rem;*/ - font-weight: normal; - } - } + +.path-frontpage .field--name-body .kln-logo-grid--five-columns a { + display: flex; + align-items: center; + justify-content: center; + width: 145px; + height: 135px; + padding: 8px; + background: #fff; + border: 1px solid #e5e5e5; + box-sizing: border-box; + text-decoration: none; } -.node--type-book { - figure { - border: 1px solid #ccc; - border-bottom: 0; + +.path-frontpage .field--name-body .kln-logo-grid--five-columns img { + max-width: 125px; + max-height: 115px; + width: auto; + height: auto; + object-fit: contain; +} + +@media (max-width: 800px) { + .path-frontpage .field--name-body .kln-logo-grid--five-columns { + grid-template-columns: repeat(2, 145px); } - figcaption { - border: 1px solid #ccc; +} + +@media (max-width: 400px) { + .path-frontpage .field--name-body .kln-logo-grid--five-columns { + grid-template-columns: 145px; } }