@@ -526,31 +526,16 @@ width: 1em; } /* ******* (Mobile first) Journal View styling ******* */ - section.article-listing h2 { - font-weight: normal; - font-style: italic; - font-size: ◊x-lineheight[1]; - margin: 0 0 ◊x-lineheight[0.5] 0; - } - - section.article-listing h2::before { - content: '§\00a0'; - font-family: ◊body-font; - font-style: normal; - color: #d0d0d0; - } - - section.article-listing aside { - margin-bottom: ◊x-lineheight[1]; - font-style: italic; + + section.content-block { } ul.article-list { - margin: 0; + margin-top: ◊x-lineheight[1]; padding: 0; } ul.article-list li { list-style-type: none; @@ -718,32 +703,29 @@ } /* ******* (Grid support) Journal View styling ******* */ - section.article-listing { + section.content-block { display: grid; grid-template-columns: 8rem 7fr 1fr; grid-template-rows: auto auto auto; - grid-template-areas: - ". title title" - "margin main ."; + grid-template-areas: "margin main ."; align-items: start; /* Puts everything at the top */ margin-bottom: 0; grid-column-gap: 1rem; + box-shadow: 0.4em 0.4em 10px #e3e3e3; + background: white; + border: solid 1px #dedede; + border-radius: 2px; + } + div.content-block-main { + padding-top: ◊x-lineheight[1]; + padding-bottom: ◊x-lineheight[1]; + grid-area: main; } - section.article-listing>h2 { - grid-area: title; - } - section.article-listing>aside { - grid-area: margin; - font-size: 0.8rem; - line-height: ◊derive-lineheight[4 #:per-lines 3]; - text-align: right; - color: #6b6b6b; - } - ul.article-list { - grid-area: main; + div.content-block-main > :first-child { + margin-top: 0 !important; } } }