diff --git a/css/components/block.css b/css/components/block.css index 3dccb12..338726c 100755 --- a/css/components/block.css +++ b/css/components/block.css @@ -18,7 +18,7 @@ font-size: 24px; line-height: var(--sp); border-bottom: 4px double; - padding-bottom: 4px; + padding-bottom: 8px; } .site-footer .block__title { diff --git a/css/components/landing_page.css b/css/components/landing_page.css index f634361..298298e 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -1,173 +1,23 @@ -figure.logo--ilivessdu { - background: none; - width: 24em; - margin: 0 auto; - height: 300px; +.lp-header { display: flex; -} - -.page-node-type-landing-page #block-views-block-media-display-blocks-source { - display: none; -} -article.node.node--type-landing-page h2 { - margin: 0; + align-items: center; + background: #800406; + padding: 0.8rem; + border-radius: 74px; + color: #fff; + width: 717px; text-align: center; -} -.hero-section { - border: 10px solid #d0bca4; - - /*height:300px;*/ -} -.hero--wrapper { - background: #e1dbbf; -} -.logo-wrapper { - background: #3333335c; -} -.path-frontpage .region--content { - margin-bottom: 0; -} -#block-olivessdu-views-block-front-page-featured-books-block-2 - .view-content, -#block-olivessdu-views-block-front-page-featured-books-block-1 - .view-content { - /*display: none;*/ - .node__title { - font-size: 1.1rem; - font-weight: bold; - border-bottom: 1px solid #6e563a; - /*margin: 0;*/ - a { - color: #6e563a; - } - } - .node__content { - img { - min-width: 100%; - border: 1px solid #ccc; - background: #fff; - padding: 1rem; - } - } - .views-field-did-image { - float: none; - max-width: 100%; - margin: 0; - height: 100%; - } - .views-row { - padding: 15px; - background: #ece8e3; - border: 1px solid #ccc; - display: flex; - flex-direction: column; - .views-field-title h4 { - margin: 0; - /*margin-bottom: 1rem;*/ - a { - text-decoration: none; - } - } - .views-field img { - width: 100%; - } - } - .node__title a { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; - overflow: hidden; - } -} -/*clean up titles on lp figure block*/ -div#block-olivessdu-views-block-front-page-featured-books-block-2 - .node__title { - margin: 0; -} -div#block-olivessdu-views-block-front-page-featured-books-block-2 - .node__title - a { - line-height: 1.4; -} -div#block-olivessdu-views-block-front-page-featured-books-block-2 - .view-eva - .views-row { - padding: 0 !important; - margin-top: 1em; -} -@media (min-width: 43.75rem) { - #block-olivessdu-views-block-front-page-featured-books-block-1 - .view-content { - .views-field.views-field-title { - height: 7em; - } - display: flex; - justify-content: space-between; - .views-row { - width: 32%; - /*justify-content: space-around;*/ - } - } -} -@media (min-width: 43.75rem) { - .region--content-below { - display: flex; - flex-wrap: wrap; - } - - .region--content-below - #block-olivessdu-views-block-front-page-featured-books-block-1 { - flex-basis: calc(72% - (var(--grid-gap) / 2)); - flex-grow: 1; - flex-shrink: 0; - margin-inline-end: var(--grid-gap); + .logo { + margin-right: 1em; } - .region--content-below - #block-olivessdu-views-block-front-page-featured-books-block-2 { - flex-basis: calc(25% - (var(--grid-gap) / 2)); - flex-grow: 1; - flex-shrink: 0; - margin-inline-end: var(--grid-gap); - } - - .region--content-below > *:nth-child(2n), - .region--content-below > *:last-child { - margin-inline-end: 0; + .text { + font-family: var(--font-serif); + font-size: 2.8em; + line-height: 1; } } -#block-olivessdu-maparchiveslpblock, -#block-olivessdu-learnmorelpblock { - .block__content { - border: 1px solid #ccc; - img { - width: 100%; - } - } -} -.card-section { - background: #f6f8f8; - padding: 1rem; - img { - width: 100%; - } - display: flex; - .left { - margin-right: 3rem; - } - h4 { - margin: 0; - margin-top: 1rem; - font-size: 1.4rem; - } - ul { - margin: 0; - list-style-type: none; - margin-left: 0.5rem; - } - a { - text-decoration: none !important; - font-size: 1.1rem; - } +.path-frontpage .region--content { + margin-bottom: 0; } .page-node-type-landing-page .node__content { @@ -176,26 +26,3 @@ div#block-olivessdu-views-block-front-page-featured-books-block-2 .page-node-type-landing-page .main-content__container { padding-top: 1rem; } -/*icons*/ -#block-olivessdu-learnmorelpblock .block__title, -#block-olivessdu-maparchiveslpblock .block__title { - position: relative; /* Optional: for positioning adjustments */ - font-size: 1.8rem; - svg { - /*width: 30px;*/ - } - &::before { - display: inline-block; - width: 40px; /* Adjust the size as needed */ - height: 40px; /* Adjust the size as needed */ - margin-right: 8px; /* Space between icon and text */ - vertical-align: middle; /* Aligns icon with text */ - } -} - -#block-olivessdu-learnmorelpblock .block__title::before { - content: url("../../images/telescope.svg"); /* Path to your SVG file */ -} -#block-olivessdu-maparchiveslpblock .block__title::before { - content: url("../../images/sextant.svg"); /* Path to your SVG file */ -} diff --git a/css/components/navigation/menu-sidebar.css b/css/components/navigation/menu-sidebar.css index b776580..f85fa74 100755 --- a/css/components/navigation/menu-sidebar.css +++ b/css/components/navigation/menu-sidebar.css @@ -28,7 +28,7 @@ padding-block: var(--sp0-75); padding-inline-start: 0; padding-inline-end: 0; - font-family: var(--font-serif); + font-family: var(--font-sans-serif); font-size: 1.125rem; /* Bottom divider line. */ @@ -48,7 +48,7 @@ -webkit-text-decoration: none; text-decoration: none; color: var(--color-text-neutral-loud); - font-weight: 600; + font-weight: 400; } .menu--sidebar .menu__link--link:hover { @@ -57,6 +57,12 @@ /* No bottom divider line for last menu item. */ -:is(.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child, .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child)::after { +:is( + .menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child, + .menu--sidebar + .menu__item--level-1:last-child + > .menu__item--level-2:last-child + > .menu__link:last-child + )::after { content: none; } diff --git a/css/components/site-header.css b/css/components/site-header.css index 4648ec6..6dcf339 100755 --- a/css/components/site-header.css +++ b/css/components/site-header.css @@ -9,7 +9,9 @@ * @file * Site header. */ - +a.site-branding__logo img { + width: 175px; +} .site-header { position: relative; /** @@ -52,7 +54,9 @@ body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed { position: fixed; z-index: 102; /* Appear above body content that is position: relative */ - inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4)); + inset-block-start: calc( + var(--drupal-displace-offset-top, 0px) - var(--sp4) + ); max-width: var(--max-bg-color); } } @@ -61,7 +65,10 @@ position: relative; z-index: 1; /* Appear in front of Drupal's tabs. */ flex-grow: 1; - width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px)); + width: calc( + 100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - + var(--drupal-displace-offset-right, 0px) + ); background: var(--color--white); } @@ -91,14 +98,19 @@ /* Hide the desktop nav when it's fixed and not active. */ @media ((((min-width: 60rem)))) { - body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { + body:not(.is-always-mobile-nav) + .site-header__fixable.is-fixed:not(.is-expanded) + .site-header__inner { transform: translateX(-101%); /* LTR */ opacity: 0; } } @media ((((min-width: 60rem)))) { - [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { + [dir="rtl"] + body:not(.is-always-mobile-nav) + .site-header__fixable.is-fixed:not(.is-expanded) + .site-header__inner { transform: translateX(101%); } } diff --git a/css/components/text-content.css b/css/components/text-content.css index 7b7832e..4c470d7 100755 --- a/css/components/text-content.css +++ b/css/components/text-content.css @@ -13,7 +13,7 @@ .text-content, .cke_editable { color: var(--color-text-neutral-medium); - font-family: var(--font-serif); + font-family: var(--font-sans-serif); line-height: var(--sp1-5); /*