diff --git a/css/components/landing_page.css b/css/components/landing_page.css index e53e212..5da387c 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -3,7 +3,7 @@ figure.logo--ilivesimagined { width: 24em; margin: 0 auto; height: 300px; - display:flex; + display: flex; } .page-node-type-landing-page #block-views-block-media-display-blocks-source { @@ -19,7 +19,7 @@ article.node.node--type-landing-page h2 { /*height:300px;*/ } .hero--wrapper { - background: #e1dbbf; + background: #e1dbbf; } .logo-wrapper { background: #3333335c; @@ -27,8 +27,10 @@ article.node.node--type-landing-page h2 { .path-frontpage .region--content { margin-bottom: 0; } -#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-content, -#block-olivesimagined-views-block-front-page-featured-books-block-1 .view-content { +#block-olivesimagined-views-block-front-page-featured-books-block-2 + .view-content, +#block-olivesimagined-views-block-front-page-featured-books-block-1 + .view-content { /*display: none;*/ .node__title { font-size: 1.1rem; @@ -37,7 +39,6 @@ article.node.node--type-landing-page h2 { /*margin: 0;*/ a { color: #6e563a; - } } .node__content { @@ -79,18 +80,24 @@ article.node.node--type-landing-page h2 { } } /*clean up titles on lp figure block*/ -div#block-olivesimagined-views-block-front-page-featured-books-block-2 .node__title { - margin: 0; +div#block-olivesimagined-views-block-front-page-featured-books-block-2 + .node__title { + margin: 0; } -div#block-olivesimagined-views-block-front-page-featured-books-block-2 .node__title a { - line-height:1.4; +div#block-olivesimagined-views-block-front-page-featured-books-block-2 + .node__title + a { + line-height: 1.4; } -div#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-eva .views-row { - padding: 0 !important; - margin-top:1em +div#block-olivesimagined-views-block-front-page-featured-books-block-2 + .view-eva + .views-row { + padding: 0 !important; + margin-top: 1em; } @media (min-width: 43.75rem) { - #block-olivesimagined-views-block-front-page-featured-books-block-1 .view-content { + #block-olivesimagined-views-block-front-page-featured-books-block-1 + .view-content { .views-field.views-field-title { height: 7em; } @@ -130,42 +137,56 @@ div#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-eva } #block-olivesimagined-maparchiveslpblock, #block-olivesimagined-learnmorelpblock { - .block__content { - border: 1px solid #ccc; + .block__content { + border: 1px solid #ccc; img { - width:100%; + width: 100%; } - } + } } .card-section { - 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:.5rem; - } - a { - text-decoration: none !important;!i;!; - font-size:1.1rem - } + 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 { - padding: 0; + padding: 0; } .page-node-type-landing-page .main-content__container { - padding-top:1rem; + padding-top: 1rem; +} +/*icons*/ +#block-olivesimagined-maparchiveslpblock .block__title { + position: relative; /* Optional: for positioning adjustments */ + svg { + width: 30px; + } + &::before { + content: url("../../images/sextant.svg"); /* Path to your SVG file */ + display: inline-block; + width: 20px; /* Adjust the size as needed */ + height: 20px; /* Adjust the size as needed */ + margin-right: 8px; /* Space between icon and text */ + vertical-align: middle; /* Aligns icon with text */ + } } diff --git a/images/sextant.svg b/images/sextant.svg index 46068f6..e874b7b 100644 --- a/images/sextant.svg +++ b/images/sextant.svg @@ -1,4 +1,4 @@ -<svg width="351px" height="362px" viewBox="0 0 351 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<svg viewBox="0 0 351 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --> <title>Intercalaire3-Sextant</title> <desc>Created with Sketch.</desc>