Browse Source

some lp tweaks

master
rdrew 5 months ago
parent
commit
91b7657314
  1. 2
      css/components/block.css
  2. 203
      css/components/landing_page.css
  3. 12
      css/components/navigation/menu-sidebar.css
  4. 22
      css/components/site-header.css
  5. 2
      css/components/text-content.css

2
css/components/block.css

@ -18,7 +18,7 @@
font-size: 24px; font-size: 24px;
line-height: var(--sp); line-height: var(--sp);
border-bottom: 4px double; border-bottom: 4px double;
padding-bottom: 4px; padding-bottom: 8px;
} }
.site-footer .block__title { .site-footer .block__title {

203
css/components/landing_page.css

@ -1,173 +1,23 @@
figure.logo--ilivessdu { .lp-header {
background: none;
width: 24em;
margin: 0 auto;
height: 300px;
display: flex; display: flex;
} align-items: center;
background: #800406;
.page-node-type-landing-page #block-views-block-media-display-blocks-source { padding: 0.8rem;
display: none; border-radius: 74px;
} color: #fff;
article.node.node--type-landing-page h2 { width: 717px;
margin: 0;
text-align: center; text-align: center;
} .logo {
.hero-section { margin-right: 1em;
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);
} }
.region--content-below .text {
#block-olivessdu-views-block-front-page-featured-books-block-2 { font-family: var(--font-serif);
flex-basis: calc(25% - (var(--grid-gap) / 2)); font-size: 2.8em;
flex-grow: 1; line-height: 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;
} }
} }
#block-olivessdu-maparchiveslpblock, .path-frontpage .region--content {
#block-olivessdu-learnmorelpblock { margin-bottom: 0;
.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;
}
} }
.page-node-type-landing-page .node__content { .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 { .page-node-type-landing-page .main-content__container {
padding-top: 1rem; 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 */
}

12
css/components/navigation/menu-sidebar.css

@ -28,7 +28,7 @@
padding-block: var(--sp0-75); padding-block: var(--sp0-75);
padding-inline-start: 0; padding-inline-start: 0;
padding-inline-end: 0; padding-inline-end: 0;
font-family: var(--font-serif); font-family: var(--font-sans-serif);
font-size: 1.125rem; font-size: 1.125rem;
/* Bottom divider line. */ /* Bottom divider line. */
@ -48,7 +48,7 @@
-webkit-text-decoration: none; -webkit-text-decoration: none;
text-decoration: none; text-decoration: none;
color: var(--color-text-neutral-loud); color: var(--color-text-neutral-loud);
font-weight: 600; font-weight: 400;
} }
.menu--sidebar .menu__link--link:hover { .menu--sidebar .menu__link--link:hover {
@ -57,6 +57,12 @@
/* No bottom divider line for last menu item. */ /* 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; content: none;
} }

22
css/components/site-header.css

@ -9,7 +9,9 @@
* @file * @file
* Site header. * Site header.
*/ */
a.site-branding__logo img {
width: 175px;
}
.site-header { .site-header {
position: relative; position: relative;
/** /**
@ -52,7 +54,9 @@
body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed { body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
position: fixed; position: fixed;
z-index: 102; /* Appear above body content that is position: relative */ 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); max-width: var(--max-bg-color);
} }
} }
@ -61,7 +65,10 @@
position: relative; position: relative;
z-index: 1; /* Appear in front of Drupal's tabs. */ z-index: 1; /* Appear in front of Drupal's tabs. */
flex-grow: 1; 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); background: var(--color--white);
} }
@ -91,14 +98,19 @@
/* Hide the desktop nav when it's fixed and not active. */ /* Hide the desktop nav when it's fixed and not active. */
@media ((((min-width: 60rem)))) { @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 */ transform: translateX(-101%); /* LTR */
opacity: 0; opacity: 0;
} }
} }
@media ((((min-width: 60rem)))) { @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%); transform: translateX(101%);
} }
} }

2
css/components/text-content.css

@ -13,7 +13,7 @@
.text-content, .text-content,
.cke_editable { .cke_editable {
color: var(--color-text-neutral-medium); color: var(--color-text-neutral-medium);
font-family: var(--font-serif); font-family: var(--font-sans-serif);
line-height: var(--sp1-5); line-height: var(--sp1-5);
/* /*

Loading…
Cancel
Save