From 1f42bb73a4d79b0567e6f7d21986409455726be0 Mon Sep 17 00:00:00 2001 From: mateuswetah Date: Thu, 12 Aug 2021 11:24:47 -0300 Subject: [PATCH] Several updates to display relationship values properly and new heading tags sizes. --- src/assets/scss/_home-collection.scss | 5 +- src/assets/scss/_list-post.scss | 8 +- src/assets/scss/_post.scss | 1044 +----------------- src/assets/scss/_single-item-collection.scss | 757 +++++++++++++ src/assets/scss/style.scss | 358 +++++- src/functions/customizer.php | 3 +- 6 files changed, 1119 insertions(+), 1056 deletions(-) create mode 100644 src/assets/scss/_single-item-collection.scss diff --git a/src/assets/scss/_home-collection.scss b/src/assets/scss/_home-collection.scss index fd95b95..5aea4c3 100644 --- a/src/assets/scss/_home-collection.scss +++ b/src/assets/scss/_home-collection.scss @@ -74,6 +74,7 @@ } h2 { + padding-top: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -81,13 +82,13 @@ } .t-collection--info-title { font: { - size: 1.5rem; + size: 1.5rem !important; weight: 600; } margin-top: 0.4rem; @media only screen and (max-width: 768px){ font: { - size: 1.125rem; + size: 1.125rem !important; weight: 600; } } diff --git a/src/assets/scss/_list-post.scss b/src/assets/scss/_list-post.scss index aec8a23..18fc23e 100644 --- a/src/assets/scss/_list-post.scss +++ b/src/assets/scss/_list-post.scss @@ -41,11 +41,11 @@ justify-content: space-between; align-items: baseline; } - h3{ - font-size: 1.125rem; + h3 { + font-size: 1.125rem !important; } h4 { - font-size: 0.75rem; + font-size: 0.75rem !important; margin-bottom: 0.75rem; background: #e6f6f8; display: inline-block; @@ -192,7 +192,7 @@ .tainacan-list-collection--title { background: #fff; font: { - size: 0.875rem; + size: 0.875rem !important; weight: 400; } height: 40px; diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss index db4b062..48b0a3a 100644 --- a/src/assets/scss/_post.scss +++ b/src/assets/scss/_post.scss @@ -1,143 +1,4 @@ .tainacan-single-post { - .aside-thumbnail, - &.aside-thumbnail { - margin-left: 200px; - p { - font-size: 0.875rem; - font-weight: normal; - margin: 0; - } - h1 { - font-size: 1.5rem; - font-weight: bold; - margin: 0 60px 0 0px; - } - - @media screen and (max-width: 1526px) { - margin-left: calc(4.166667% + 165px); - } - - @media screen and (max-width: 768px) { - margin-left: calc(4.166667% + 115px); - } - } - &.single-item-collection-banner { - margin-left: -4.16666667%; - margin-right: -4.1666667%; - margin-left: calc(-1 * ((100vw - 100%)/2)); - margin-right: calc(-1 * ((100vw - 100%)/2)); - margin-top: -2.0rem; - position: relative; - width: 100%; - width: 100vw; - - &>div { - padding: 8px 4.16666667% 12px 4.16666667%; - padding: 8px calc((100vw - 1400px)/2) 12px calc((100vw - 1400px)/2); - } - .t-bg-collection { - min-height: 4.16666667%; - min-height: 4.16666667vw; - position: relative; - } - - .collection-name { - color: white; - margin-bottom: -2px; - margin-top: 38px; - a { - color: white; - } - } - .item-title { - display: flex; - justify-content: space-between; - align-items: baseline; - - p, h1 { - display: inline-block; - } - } - .collection-thumbnail { - position: relative; - padding-top: 0; - padding-bottom: 0; - z-index: 9; - - img { - width: 185px; - height: 185px; - top: -88px; - border-width: 3px !important; - - @media screen and (max-width: 1526px) { - left: 4.1666667vw; - top: -68px; - height: 150px; - width: 150px; - } - @media screen and (max-width: 768px) { - top: -45px; - height: 110px; - width: 110px; - } - } - .image-placeholder { - width: 185px; - height: 185px; - top: -88px; - border-width: 3px !important; - - @media screen and (max-width: 1526px) { - left: 4.1666667vw; - top: -68px; - height: 150px; - width: 150px; - - h4 { - font-size: 2.5rem !important; - } - } - - @media screen and (max-width: 768px) { - top: -45px; - height: 110px; - width: 110px; - - h4 { - font-size: 2.0rem !important; - } - } - - h4 { - font-size: 3rem; - } - } - } - .collection-header--share { - position: absolute; - float: left; - padding-top: 0; - padding-bottom: 0; - padding-left: 0; - top: initial; - - .btn { - max-width: 35px; - border: 2px solid white; - background: #2c2d2d; - - .tainacan-icon { - color: white; - font-size: 1.25rem; - } - } - .icons { - position: relative; - top: 50%; - } - } - } header { .header-meta { color: #898d8f !important; @@ -174,16 +35,6 @@ margin: 0 auto; } } - .title-content-items { - font-size: 1.125rem; - font-weight: 500; - color: #338591; - margin-left: 4.16666666667%; - margin-right: 4.16666666667%; - margin-left: 4.16666666667vw; - margin-right: 4.16666666667vw; - margin-bottom: 2rem; - } header.tainacan-content { min-height: auto; } @@ -193,800 +44,12 @@ @media only screen and (min-height: 1080px) { min-height: 50vh; } - h1, - h2, - h3, - h5 { - font-weight: 600; - } - h4 { - font-style: italic; - } - h6 { - font-style: 400; - } - h1:not(.has-text-color), - h6:not(.has-text-color) { - color: #298596; - } - h2:not(.has-text-color), - h3:not(.has-text-color), - h5:not(.has-text-color) { - color: #000; - } - h4:not(.has-text-color) { - color:#555758; - } - h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 1.125rem; - } - h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 1.125rem; - } - h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 1rem; - } - h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 1rem; - } - h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 0.875rem; - } - h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { - font-size: 0.875rem; - } - pre:not(.wp-block-code) { - color: #555758; - font-size: 1rem; - font-weight: 400; - white-space: pre-line; - } - .wp-block-code { - code { - font-size: 0.875rem; - color: #298596; - word-break: break-word; - } - } - .wp-block-quote { - margin: 3rem 8.33333%; - padding: 1rem; - p { - color: #555758; - font-size: 1rem; - font-weight: normal; - } - cite { - color: #555758; - display: block; - width: 100%; - text-align: right; - font-size: 1rem; - font-weight: 500; - font-style: italic; - } - &:not(.is-style-large) { - border-left: 2px solid #298596; - } - &.is-style-large { - font-size: 1.375rem; - } - } - .wp-block-separator { - &:not(.has-background-color) { - border-color: #cbcbcb; - } - width: 50%; - max-width: 300px; - &.is-style-wide { - width: 100%; - } - &.is-style-dots { - &:not(.has-background-color)::before { - color: #cbcbcb; - } - &::before { - font-weight: 600; - } - } - } - .tainacan-group-heading { - h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.6rem; } - h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.5rem; } - h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.25rem; } - h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.125rem; } - - h1:not(.has-text-color), - h2:not(.has-text-color), - h3:not(.has-text-color), - h4:not(.has-text-color) { - color: #298596; - } - p { - font-style: italic; - } - p:not(.has-text-color) { - color: #898d8f; - } - hr.wp-block-separator:not(.is-style-wide) { - margin-left: 0; - max-width: 200px; - } - hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - border-width: 2px; - height: 3px; - } - } - &>ul, - &>ol { - font-size: 1rem; - font-weight: 400; - margin-left: 1.75rem; - } - .wp-block-media-text__content>ul, - .wp-block-media-text__content>ol { - margin-left: 1.75rem; - } - .table { - thead { - border-bottom: 1px solid #cbcbcb; - color: #555758; - th { - font-weight: normal; - font-size: 0.75rem; - } - } - tbody { - font-size: 0.875rem; - font-weight: 400; - color: #000; - } - } - dl { - dd { - margin-left: 2rem; - } - } - address { - font-size: 0.875rem; - font-style: italic; - } - p { - margin-top: 0.5rem; - margin-bottom: 1rem; - code { - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border: 1px solid #BCBEC0; - padding: 2px; - font-size:12px; - } - } - img[class*="align"], - img[class*="wp-image-"], - .gallery { - .gallery-icon img { - padding: 6px; - max-width: 97.5%; - max-width: calc( 100% - 14px ); - } - } - img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { - height: auto; - } - h1, h2, h3, h4, h5, h6 { - padding-top: .4rem; - &::after{ - display: block; - clear: both; - content: ""; - } - } - .wp-block-columns { - display: flex; - margin: 0; - - .wp-block-column { - flex-basis: 100%; - } - .wp-block-column:not(:last-child) { - margin-right: 2.0833333%; // Half column - } - .wp-block-column:not(:first-child) { - margin-left: 2.0833333%; // Half column - } - @media only screen and (max-width: 576px) { - .wp-block-column:not(:last-child) { - margin-right: 0; - } - .wp-block-column:not(:first-child) { - margin-left: 0; - } - } - } - .alignleft { - float:left; - margin: 1rem 1rem 1rem 0; - } - .alignright { - float:right; - margin: 1rem 0 1rem 1rem; - } - @media only screen and (max-width: 576px) { - .alignleft, .alignright { - float: none; - text-align: center; - margin: 0; - img { - width: 275px; - } - } - } - img { - max-width: 100%; - &.alignleft { - float: left; - margin-right: 1.625em; - margin-bottom: 1.625em; - @media only screen and (max-width: 576px) { - display: block; - float: none; - margin-left: 0; - margin-right: 0; - } - } - &.alignright { - float: right; - margin-left: 1.625em; - @media only screen and (max-width: 576px) { - display: block; - float: none; - margin-left: 0; - margin-right: 0; - } - } - &.size-full{ - max-width: 97.5%; - width: auto; - height: auto; - } - &.aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; - } - } - .wp-block-cover-image{ - width: 99.5vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; - @media only screen and (max-width: 1200px){ - width: 100vw; - } - } - .wp-block-embed{ - iframe{ - width: 100%; - } - } - .wp-block-gallery{ - .blocks-gallery-item{ - figure{ - margin: 0 !important; - } - img { - height: 100% !important; - } - } - @media (max-width: 768px){ - padding-left: 0; - } - } - .wp-block-image { - &.is-resized { - img { - max-width: none !important; - } - } - text-align: center; - figcaption { - color: inherit; - font-size: 0.875rem; - font-weight: 400; - } - } - .wp-block-pullquote { - margin: 3rem 0; - padding: 0; - - &:not(.is-style-solid-color) { - border-color:#298596; - border-top-width: 2px; - border-bottom-width: 2px; - border-top-style: solid; - border-bottom-style: solid; - } - - blockquote { - padding: 2rem 8.3333333%; - margin: 0; - - p { - font-size: 1.375rem; - font-weight: 500; - } - :not(.has-text-color) p { - color: #298596; - } - cite { - color: #555758; - font-size: 1rem; - font-weight: normal; - font-style: italic; - text-transform: none; - } - } - } - .wp-caption, .gallery-caption { - font-size: 0.8125rem; - max-width: 100%; - margin-top: 1em; - margin-bottom: 1.5em; - .wp-caption-text { - margin: 0.8075em 0; - } - img[class*="wp-image-"]{ - height: auto; - margin: 2% 0; - width: 100%; - } - } + > p:last-child::after { display: block; clear: both; content: ""; } - &.single-item-collection { - min-height: 10vh; - position: relative; - - .tainacan-item-file-download { - position: absolute; - opacity: 0; - transform: scale(0); - border-radius: 24px; - width: 36px; - height: 36px; - bottom: 0px; - right: calc(50% - 18px); - cursor: pointer; - font-size: 0; - background-color: #298596; - color: white; - transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease; - - a { - height: 38px; - width: 38px; - display: block; - position: relative; - z-index: 99; - padding: 0; - } - - &::after { - position: relative; - top: -38px; - display: inline-block; - font: normal normal normal 20px/1 "TainacanIcons"; - font-size: 1.25rem !important; - line-height: 2.25rem; - text-rendering: auto; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 1.25em; - text-transform: none !important; - letter-spacing: normal !important; - content: 'download'; - display: flex; - justify-content: center; - align-items: center; - } - } - .single-item-collection--document { - position: relative; - color: black; - text-align: center; - font-size: 0.875rem; - font-weight: 400; - display: block; - min-height: 10vh; - img { - width: auto; - } - &:hover { - .tainacan-item-file-download { - opacity: 1; - transform: scale(1); - } - } - > iframe { - display: block; - margin: 0 auto; - border: none; - } - img.attachment-large { - display: block; - height: auto; - margin: 0 auto; - border: none; - } - > audio { - width: 95%; - } - > iframe { - min-height: 10vh; - } - >.twitter-tweet { - margin-left: auto; - margin-right: auto; - } - .tainacan-content-embed { - width: 100%; - height: auto; - - &.tainacan-has-aspect-ratio { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 2) / 1); /* Default to 2:1 aspect ratio. */ - margin-left: auto; - margin-right: auto; - } - &.tainacan-embed-aspect-21-9 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 21) / 9); - } - &.tainacan-embed-aspect-18-9 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 18) / 9); - } - &.tainacan-embed-aspect-16-9 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 16) / 9); - } - &.tainacan-embed-aspect-4-3 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 4) / 3); - } - &.tainacan-embed-aspect-1-1 { - max-width: var(--tainacan-media-main-carousel-height, 60vh); - } - &.tainacan-embed-aspect-3-4 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 3) / 4); - } - &.tainacan-embed-aspect-9-16 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 9) / 16); - } - &.tainacan-embed-aspect-1-2 { - max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 1) / 2); - } - } - - .document-metadata { - text-align: center; - width: 100%; - display: block; - - &.hide-name .document-metadata__name { - display: none; - visibility: hidden; - } - &.hide-description .document-metadata__description { - display: none; - visibility: hidden; - } - &.hide-caption .document-metadata__caption { - display: none; - visibility: hidden; - } - } - - .document-metadata__name { - font-size: 1em; - font-weight: bold; - color: var(--tainacan-label-color, #454647); - } - .document-metadata__caption { - font-size: 0.9375em; - color: var(--tainacan-input-color, #1d1d1d); - } - .document-metadata__caption { - font-size: 0.875em; - color: var(--tainacan-info-color, #555758); - } - } - .single-item-collection--attachments-prev, - .single-item-collection--attachments-next { - position: absolute; - display: block; - height: 33px; - width: 45px; - line-height: 0px; - font-size: 3.75rem; - color: #298596; - cursor: pointer; - background: transparent; - top: 50%; - -webkit-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); - padding: 0; - border: none; - outline: none; - } - - .single-item-collection--attachments-prev { - left: -50px; - @media only screen and (max-width: 380px) { - right: -40px; - } - &.slick-disabled { - display: none; - visibility: hidden; - } - } - .single-item-collection--attachments-next { - right: -50px; - @media only screen and (max-width: 380px) { - right: -40px; - } - &.slick-disabled { - display: none; - visibility: hidden; - } - } - .single-item-collection--gallery { - margin-bottom: 24px; - .slick-list { - overflow: visible; - } - .slick-track { - display: flex; - align-items: center; - } - .tainacan-content { - margin: 0; - img { - max-height: 60vh; - width: auto; - } - video { - width: auto; - } - iframe { - min-height: 200px; - height: 60vh; - } - } - .slick-slide { - max-height: 60vh; - } - .single-item-collection--attachments-next .tainacan-icon-arrowright::before { - content: 'next'; - } - .single-item-collection--attachments-prev .tainacan-icon-arrowleft::before { - content: 'previous'; - } - } - .single-item-collection--gallery-items { - font-weight: normal; - transition: font-weight 0.3s ease; - - img { - border-bottom: 4px solid transparent; - margin-bottom: 4px; - transition: border 0.3s ease; - } - .slick-current{ - font-weight: bold; - img { - border-bottom: 4px solid #298596; - } - } - } - .single-item-collection--attachments-file, - .tainacan-media-component__swiper-main .swiper-slide { - &:hover { - .tainacan-item-file-download { - opacity: 1; - transform: scale(1); - a { background-color: transparent; } - } - } - } - .single-item-collection--gallery-items, - .single-item-collection--attachments { - .single-item-collection--attachments-file { - margin: 10px; - text-align: center; - display: inline-block; - vertical-align: top; - cursor: pointer; - word-break: break-word; - font-size: 0.875em; - padding: 0 14px; - - @media only screen and (max-width: 380px) { - margin: 10px 0; - } - - img { - width: 125px; - height: 125px; - display: inline-block; - object-fit: cover; - &:focus { - outline: none; - } - } - a { - width: 100%; - max-width: 125px; - margin: 0 auto; - display: inline-block; - font-size: 0.875rem; - text-align: center; - word-break: break-word; - line-height: 1.5rem - } - a, - a:focus, - a:hover { - outline: none; - text-decoration: none; - cursor: pointer; - color: black; - } - .attachment-without-image img { - padding: 36px; - background-color: #dbdbdb; - object-fit: contain; - } - .item-card--thumbnail { - margin: 0 0 4px 0 !important; - } - } - } - .single-item-collection--information{ - .card { - background-color: transparent; - box-shadow: none; - .item-card--thumbnail{ - height: auto; - max-width: 250px; - padding: 0; - } - h3{ - color: #000; - font-size: 0.875rem; - font-weight: 700; - } - p { - color: #000; - font-size: 0.75rem; - } - .item-card-link--sharing{ - margin-right: 0.5rem; - margin-top: 0.25rem; - img { - padding: 0; - max-width: 100%; - width: 30px; - } - } - } - .s-item-collection--metadata { - height: 100%; - .card { - box-shadow: none; - padding: 0; - margin: 0; - } - div { - -webkit-column-break-inside: avoid; - page-break-inside: avoid; - break-inside: avoid; - display: inline-block; - width: 100%; - &:last-child { - -webkit-column-break-inside: auto; - page-break-inside: auto; - break-inside: auto; - display: inline-block; - width: 100%; - } - } - @media only screen and (min-width: 768px) { - -moz-column-count: 2; - -moz-column-gap: 0; - -moz-column-rule: none; - -webkit-column-count: 2; - -webkit-column-gap: 0; - -webkit-column-rule: none; - column-count: 2; - column-gap: 4rem;; - column-rule: none; - } - @media only screen and (min-width: 1366px) { - -moz-column-count: 3; - -moz-column-gap: 7rem; - -moz-column-rule: none; - -webkit-column-count: 3; - -webkit-column-gap: 7rem; - -webkit-column-rule: none; - column-count: 3; - column-gap: 7rem; - column-rule: none; - } - h3 { - color: #1d1d1d; - font-size: 0.875rem !important; - font-weight: 700; - padding-right: 1rem; - margin-bottom: 0.25rem; - width: 100%; - &:first-of-type:last-of-type { - display: inline-block; - } - } - h4, - label { - color: #454647; - font-size: 0.85rem !important; - font-weight: 500; - padding-right: 0.875rem; - width: 100%; - &:first-of-type:last-of-type { - display: inline-block; - } - } - p { - color: #000; - word-wrap: break-word; - font: { - size: 0.75rem; - weight: 400; - } - } - - // Metadata type textarea has different separator - .multivalue-separator { - color: #cbcbcb; - margin: 0 8px; - } - .hierarchy-separator { - color: #cbcbcb; - } - .metadata-type-compound, - .metadata-type-textarea { - .multivalue-separator { - display: block; - max-height: 1px; - width: 70px; - background: #cbcbcb; - content: none; - color: transparent; - margin: 0.875rem auto; - } - } - .tainacan-compound-group { - padding-left: 1.5rem; - border-left: 1px solid #dbdbdb; - } - } - } - } - footer { font-size: 0.875rem; color: #000; @@ -994,111 +57,6 @@ } } } -#breadcrumb-single-item-pagination { - font-size: 0.875rem; - height: 1.3rem; - - .pagination { - margin-bottom: 0; - padding: 0; - &:last-child { - padding: 0 6px; - } - a span { - display: none; - } - a:hover { - text-decoration: none; - } - } -} -#item-single-navigation { - flex-wrap: nowrap; - flex-grow: 2; - max-width: 50%; - - @media screen and (max-width: 768px) { - & { - max-width: 100%; - } - } - @media screen and (max-width: 986px) { - & { - max-width: 66%; - } - } - - .pagination { - max-width: 50%; - flex-basis: 50%; - flex-wrap: nowrap; - align-items: center; - margin-top: 0.25rem; - margin-bottom: 0.25rem; - padding: 0 12px; - - &:first-child { - justify-content: flex-end; - a { - justify-content: flex-end; - } - } - &:last-child { - justify-content: flex-start; - a { - justify-content: flex-start; - } - } - &:not(:last-child):not(:first-child) { - margin-right: 0.1rem; - margin-left: 0.1rem; - } - span { - max-width: 75%; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } - } - a { - position: relative; - left: 0; - transition: left 0.3s ease; - display: flex; - flex-wrap: nowrap; - align-items: center; - width: 100%; - } - a:hover { - text-decoration: none; - } - a[rel=prev]:hover { - left: -7px; - } - a[rel=next]:hover { - left: 7px; - } - a.has-small-thumbnail img { - height: 38px; - width: auto; - margin: 0.5rem; - } - a.has-large-thumbnail>div { - display: flex; - flex-direction: column; - align-items: center; - } - a.has-large-thumbnail img { - height: 170px; - width: auto; - margin: 0.5rem; - } - @media screen and (max-width: 768px) { - a.has-large-thumbnail img { - height: 84px; - } - } -} .tainacan-heading-section-pattern-pattern { h1, h2, diff --git a/src/assets/scss/_single-item-collection.scss b/src/assets/scss/_single-item-collection.scss new file mode 100644 index 0000000..6939053 --- /dev/null +++ b/src/assets/scss/_single-item-collection.scss @@ -0,0 +1,757 @@ +.tainacan-single-post .aside-thumbnail, +.tainacan-single-post.aside-thumbnail { + margin-left: 200px; + p { + font-size: 0.875rem; + font-weight: normal; + margin: 0; + } + h1 { + font-size: 1.5rem !important; + font-weight: bold; + margin: 0 60px 0 0px; + } + + @media screen and (max-width: 1526px) { + margin-left: calc(4.166667% + 165px); + } + + @media screen and (max-width: 768px) { + margin-left: calc(4.166667% + 115px); + } +} +.title-content-items { + font-size: 1.125rem !important; + font-weight: 500; + color: #338591; + margin-left: 4.16666666667%; + margin-right: 4.16666666667%; + margin-left: 4.16666666667vw; + margin-right: 4.16666666667vw; + margin-bottom: 2rem; +} +.single-item-collection-banner { + margin-left: -4.16666667%; + margin-right: -4.1666667%; + margin-left: calc(-1 * ((100vw - 100%)/2)); + margin-right: calc(-1 * ((100vw - 100%)/2)); + margin-top: -2.0rem; + position: relative; + width: 100%; + width: 100vw; + + &>div { + padding: 8px 4.16666667% 12px 4.16666667%; + padding: 8px calc((100vw - 1400px)/2) 12px calc((100vw - 1400px)/2); + } + .t-bg-collection { + min-height: 4.16666667%; + min-height: 4.16666667vw; + position: relative; + } + + .collection-name { + color: white; + margin-bottom: -2px; + margin-top: 38px; + a { + color: white; + } + } + .item-title { + display: flex; + justify-content: space-between; + align-items: baseline; + + p, h1 { + display: inline-block; + } + } + .collection-thumbnail { + position: relative; + padding-top: 0; + padding-bottom: 0; + z-index: 9; + + img { + width: 185px; + height: 185px; + top: -88px; + border-width: 3px !important; + + @media screen and (max-width: 1526px) { + left: 4.1666667vw; + top: -68px; + height: 150px; + width: 150px; + } + @media screen and (max-width: 768px) { + top: -45px; + height: 110px; + width: 110px; + } + } + .image-placeholder { + width: 185px; + height: 185px; + top: -88px; + border-width: 3px !important; + + @media screen and (max-width: 1526px) { + left: 4.1666667vw; + top: -68px; + height: 150px; + width: 150px; + + h4 { + font-size: 2.5rem !important; + } + } + + @media screen and (max-width: 768px) { + top: -45px; + height: 110px; + width: 110px; + + h4 { + font-size: 2.0rem !important; + } + } + + h4 { + font-size: 3rem; + } + } + } + .collection-header--share { + position: absolute; + float: left; + padding-top: 0; + padding-bottom: 0; + padding-left: 0; + top: initial; + + .btn { + max-width: 35px; + border: 2px solid white; + background: #2c2d2d; + + .tainacan-icon { + color: white; + font-size: 1.25rem; + } + } + .icons { + position: relative; + top: 50%; + } + } +} +.single-item-collection { + min-height: 10vh; + position: relative; + + .tainacan-item-file-download { + position: absolute; + opacity: 0; + transform: scale(0); + border-radius: 24px; + width: 36px; + height: 36px; + bottom: 0px; + right: calc(50% - 18px); + cursor: pointer; + font-size: 0; + background-color: #298596; + color: white; + transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease; + + a { + height: 38px; + width: 38px; + display: block; + position: relative; + z-index: 99; + padding: 0; + } + + &::after { + position: relative; + top: -38px; + display: inline-block; + font: normal normal normal 20px/1 "TainacanIcons"; + font-size: 1.25rem !important; + line-height: 2.25rem; + text-rendering: auto; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 1.25em; + text-transform: none !important; + letter-spacing: normal !important; + content: 'download'; + display: flex; + justify-content: center; + align-items: center; + } + } + .single-item-collection--document { + position: relative; + color: black; + text-align: center; + font-size: 0.875rem; + font-weight: 400; + display: block; + min-height: 10vh; + img { + width: auto; + } + &:hover { + .tainacan-item-file-download { + opacity: 1; + transform: scale(1); + } + } + > iframe { + display: block; + margin: 0 auto; + border: none; + } + img.attachment-large { + display: block; + height: auto; + margin: 0 auto; + border: none; + } + > audio { + width: 95%; + } + > iframe { + min-height: 10vh; + } + >.twitter-tweet { + margin-left: auto; + margin-right: auto; + } + .tainacan-content-embed { + width: 100%; + height: auto; + + &.tainacan-has-aspect-ratio { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 2) / 1); /* Default to 2:1 aspect ratio. */ + margin-left: auto; + margin-right: auto; + } + &.tainacan-embed-aspect-21-9 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 21) / 9); + } + &.tainacan-embed-aspect-18-9 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 18) / 9); + } + &.tainacan-embed-aspect-16-9 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 16) / 9); + } + &.tainacan-embed-aspect-4-3 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 4) / 3); + } + &.tainacan-embed-aspect-1-1 { + max-width: var(--tainacan-media-main-carousel-height, 60vh); + } + &.tainacan-embed-aspect-3-4 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 3) / 4); + } + &.tainacan-embed-aspect-9-16 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 9) / 16); + } + &.tainacan-embed-aspect-1-2 { + max-width: calc((var(--tainacan-media-main-carousel-height, 60vh) * 1) / 2); + } + } + + .document-metadata { + text-align: center; + width: 100%; + display: block; + + &.hide-name .document-metadata__name { + display: none; + visibility: hidden; + } + &.hide-description .document-metadata__description { + display: none; + visibility: hidden; + } + &.hide-caption .document-metadata__caption { + display: none; + visibility: hidden; + } + } + + .document-metadata__name { + font-size: 1em; + font-weight: bold; + color: var(--tainacan-label-color, #454647); + } + .document-metadata__caption { + font-size: 0.9375em; + color: var(--tainacan-input-color, #1d1d1d); + } + .document-metadata__caption { + font-size: 0.875em; + color: var(--tainacan-info-color, #555758); + } + } + .single-item-collection--attachments-prev, + .single-item-collection--attachments-next { + position: absolute; + display: block; + height: 33px; + width: 45px; + line-height: 0px; + font-size: 3.75rem; + color: #298596; + cursor: pointer; + background: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + } + + .single-item-collection--attachments-prev { + left: -50px; + @media only screen and (max-width: 380px) { + right: -40px; + } + &.slick-disabled { + display: none; + visibility: hidden; + } + } + .single-item-collection--attachments-next { + right: -50px; + @media only screen and (max-width: 380px) { + right: -40px; + } + &.slick-disabled { + display: none; + visibility: hidden; + } + } + .single-item-collection--gallery { + margin-bottom: 24px; + .slick-list { + overflow: visible; + } + .slick-track { + display: flex; + align-items: center; + } + .tainacan-content { + margin: 0; + img { + max-height: 60vh; + width: auto; + } + video { + width: auto; + } + iframe { + min-height: 200px; + height: 60vh; + } + } + .slick-slide { + max-height: 60vh; + } + .single-item-collection--attachments-next .tainacan-icon-arrowright::before { + content: 'next'; + } + .single-item-collection--attachments-prev .tainacan-icon-arrowleft::before { + content: 'previous'; + } + } + .single-item-collection--gallery-items { + font-weight: normal; + transition: font-weight 0.3s ease; + + img { + border-bottom: 4px solid transparent; + margin-bottom: 4px; + transition: border 0.3s ease; + } + .slick-current{ + font-weight: bold; + img { + border-bottom: 4px solid #298596; + } + } + } + .single-item-collection--attachments-file, + .tainacan-media-component__swiper-main .swiper-slide { + &:hover { + .tainacan-item-file-download { + opacity: 1; + transform: scale(1); + a { background-color: transparent; } + } + } + } + .single-item-collection--gallery-items, + .single-item-collection--attachments { + .single-item-collection--attachments-file { + margin: 10px; + text-align: center; + display: inline-block; + vertical-align: top; + cursor: pointer; + word-break: break-word; + font-size: 0.875em; + padding: 0 14px; + + @media only screen and (max-width: 380px) { + margin: 10px 0; + } + + img { + width: 125px; + height: 125px; + display: inline-block; + object-fit: cover; + &:focus { + outline: none; + } + } + a { + width: 100%; + max-width: 125px; + margin: 0 auto; + display: inline-block; + font-size: 0.875rem; + text-align: center; + word-break: break-word; + line-height: 1.5rem + } + a, + a:focus, + a:hover { + outline: none; + text-decoration: none; + cursor: pointer; + color: black; + } + .attachment-without-image img { + padding: 36px; + background-color: #dbdbdb; + object-fit: contain; + } + .item-card--thumbnail { + margin: 0 0 4px 0 !important; + } + } + } + .single-item-collection--information{ + .card { + background-color: transparent; + box-shadow: none; + .item-card--thumbnail{ + height: auto; + max-width: 250px; + padding: 0; + } + h3{ + color: #000; + font-size: 0.875rem !important; + font-weight: 700; + } + p { + color: #000; + font-size: 0.75rem; + } + .item-card-link--sharing{ + margin-right: 0.5rem; + margin-top: 0.25rem; + img { + padding: 0; + max-width: 100%; + width: 30px; + } + } + } + .s-item-collection--metadata { + height: 100%; + .card { + box-shadow: none; + padding: 0; + margin: 0; + } + div { + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + break-inside: avoid; + display: inline-block; + width: 100%; + &:last-child { + -webkit-column-break-inside: auto; + page-break-inside: auto; + break-inside: auto; + display: inline-block; + width: 100%; + } + } + @media only screen and (min-width: 768px) { + -moz-column-count: 2; + -moz-column-gap: 0; + -moz-column-rule: none; + -webkit-column-count: 2; + -webkit-column-gap: 0; + -webkit-column-rule: none; + column-count: 2; + column-gap: 4rem;; + column-rule: none; + } + @media only screen and (min-width: 1366px) { + -moz-column-count: 3; + -moz-column-gap: 7rem; + -moz-column-rule: none; + -webkit-column-count: 3; + -webkit-column-gap: 7rem; + -webkit-column-rule: none; + column-count: 3; + column-gap: 7rem; + column-rule: none; + } + h3 { + color: #1d1d1d; + font-size: 0.875rem !important; + font-weight: 700; + padding-right: 1rem; + margin-bottom: 0.25rem; + width: 100%; + &:first-of-type:last-of-type { + display: inline-block; + } + } + h4, + label { + color: #454647; + font-size: 0.85rem !important; + font-weight: 500; + padding-right: 0.875rem; + width: 100%; + &:first-of-type:last-of-type { + display: inline-block; + } + } + p { + color: #000; + word-wrap: break-word; + font: { + size: 0.75rem; + weight: 400; + } + } + p:empty { + display: none; + visibility: hidden; + } + + // Metadata type textarea has different separator + .multivalue-separator { + color: #cbcbcb; + margin: 0 8px; + } + .hierarchy-separator { + color: #cbcbcb; + } + .metadata-type-compound, + .metadata-type-textarea { + .multivalue-separator { + display: block; + max-height: 1px; + width: 70px; + background: #cbcbcb; + content: none; + color: transparent; + margin: 0.875rem auto; + } + } + .tainacan-compound-group { + padding-left: 1.5rem; + border-left: 1px solid #dbdbdb; + + .label { + margin: 0; + padding: 0; + font-style: normal; + } + p { + margin-top: 0rem; + margin-bottom: 0.5rem; + } + } + .tainacan-relationship-group { + .tainacan-relationship-metadatum { + .tainacan-relationship-metadatum-header { + display: flex; + align-items: center; + img { + margin-right: 12px; + max-width: 28px; + max-height: 28px; + } + .label { + font-weight: normal; + font-style: normal; + margin-top: 0; + margin-left: 0; + margin-bottom: 0; + margin-right: 0; + padding: 0; + } + } + .tainacan-metadatum { + margin-left: 40px; + .label { + font-size: 0.8125em !important; + line-height: 1em; + margin-top: 0px; + margin-bottom: 2px; + } + p { + margin-top: 0.25rem; + margin-bottom: 0.5rem; + } + } + } + &>.multivalue-separator { + display: block; + max-height: 1px; + width: calc(100% - 40px); + background: var(--tainacan-gray2); + content: none; + color: transparent; + margin: 0.5em 0 0.5em 40px; + } + } + } + } + .single-item-collection--related-items { + .wp-block-tainacan-carousel-related-items { + h3 { + font-size: 1rem !important; + } + p { + font-size: 0.875rem; + } + } + } +} +#breadcrumb-single-item-pagination { + font-size: 0.875rem; + height: 1.3rem; + + .pagination { + margin-bottom: 0; + padding: 0; + &:last-child { + padding: 0 6px; + } + a span { + display: none; + } + a:hover { + text-decoration: none; + } + } +} +#item-single-navigation { + flex-wrap: nowrap; + flex-grow: 2; + max-width: 50%; + + @media screen and (max-width: 768px) { + & { + max-width: 100%; + } + } + @media screen and (max-width: 986px) { + & { + max-width: 66%; + } + } + + .pagination { + max-width: 50%; + flex-basis: 50%; + flex-wrap: nowrap; + align-items: center; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + padding: 0 12px; + + &:first-child { + justify-content: flex-end; + a { + justify-content: flex-end; + } + } + &:last-child { + justify-content: flex-start; + a { + justify-content: flex-start; + } + } + &:not(:last-child):not(:first-child) { + margin-right: 0.1rem; + margin-left: 0.1rem; + } + span { + max-width: 75%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + } + a { + position: relative; + left: 0; + transition: left 0.3s ease; + display: flex; + flex-wrap: nowrap; + align-items: center; + width: 100%; + } + a:hover { + text-decoration: none; + } + a[rel=prev]:hover { + left: -7px; + } + a[rel=next]:hover { + left: 7px; + } + a.has-small-thumbnail img { + height: 38px; + width: auto; + margin: 0.5rem; + } + a.has-large-thumbnail>div { + display: flex; + flex-direction: column; + align-items: center; + } + a.has-large-thumbnail img { + height: 170px; + width: auto; + margin: 0.5rem; + } + @media screen and (max-width: 768px) { + a.has-large-thumbnail img { + height: 84px; + } + } +} \ No newline at end of file diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 4aad8e5..67e8259 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -28,6 +28,351 @@ body{ p { font-size: revert; } + h1, + h2, + h3, + h4, + h5, + h6 { + font-weight: 600; + } + h1:not(.has-text-color), + h2:not(.has-text-color), + h3:not(.has-text-color), + h4:not(.has-text-color), + h5:not(.has-text-color), + h6:not(.has-text-color) { + color: #1d1d1d; + } + h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1.802rem; + } + h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1.602rem; + } + h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1.424rem; + } + h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1.266rem; + } + h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1.125rem; + } + h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) { + font-size: 1rem; + } + pre:not(.wp-block-code) { + color: #555758; + font-size: 1rem; + font-weight: 400; + white-space: pre-line; + } + .wp-block-code { + code { + font-size: 0.875rem; + color: #298596; + word-break: break-word; + } + } + .wp-block-quote { + margin: 3rem 8.33333%; + padding: 1rem; + p { + color: #555758; + font-size: 1rem; + font-weight: normal; + } + cite { + color: #555758; + display: block; + width: 100%; + text-align: right; + font-size: 1rem; + font-weight: 500; + font-style: italic; + } + &:not(.is-style-large) { + border-left: 2px solid #298596; + } + &.is-style-large { + font-size: 1.375rem; + } + } + .wp-block-separator { + &:not(.has-background-color) { + border-color: #cbcbcb; + } + width: 50%; + max-width: 300px; + &.is-style-wide { + width: 100%; + } + &.is-style-dots { + &:not(.has-background-color)::before { + color: #cbcbcb; + } + &::before { + font-weight: 600; + } + } + } + .tainacan-group-heading { + h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.6rem; } + h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.5rem; } + h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.25rem; } + h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) { font-size: 1.125rem; } + + h1:not(.has-text-color), + h2:not(.has-text-color), + h3:not(.has-text-color), + h4:not(.has-text-color) { + color: #298596; + } + p { + font-style: italic; + } + p:not(.has-text-color) { + color: #898d8f; + } + hr.wp-block-separator:not(.is-style-wide) { + margin-left: 0; + max-width: 200px; + } + hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + border-width: 2px; + height: 3px; + } + } + &>ul, + &>ol { + font-size: 1rem; + font-weight: 400; + margin-left: 1.75rem; + } + .wp-block-media-text__content>ul, + .wp-block-media-text__content>ol { + margin-left: 1.75rem; + } + .table { + thead { + border-bottom: 1px solid #cbcbcb; + color: #555758; + th { + font-weight: normal; + font-size: 0.75rem; + } + } + tbody { + font-size: 0.875rem; + font-weight: 400; + color: #000; + } + } + dl { + dd { + margin-left: 2rem; + } + } + address { + font-size: 0.875rem; + font-style: italic; + } + p { + margin-top: 0.5rem; + margin-bottom: 1rem; + code { + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #BCBEC0; + padding: 2px; + font-size:12px; + } + } + img[class*="align"], + img[class*="wp-image-"], + .gallery { + .gallery-icon img { + padding: 6px; + max-width: 97.5%; + max-width: calc( 100% - 14px ); + } + } + img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { + height: auto; + } + h1, h2, h3, h4, h5, h6 { + padding-top: .4rem; + &::after{ + display: block; + clear: both; + content: ""; + } + } + .wp-block-columns { + display: flex; + margin: 0; + + .wp-block-column { + flex-basis: 100%; + } + .wp-block-column:not(:last-child) { + margin-right: 2.0833333%; // Half column + } + .wp-block-column:not(:first-child) { + margin-left: 2.0833333%; // Half column + } + @media only screen and (max-width: 576px) { + .wp-block-column:not(:last-child) { + margin-right: 0; + } + .wp-block-column:not(:first-child) { + margin-left: 0; + } + } + } + .alignleft { + float:left; + margin: 1rem 1rem 1rem 0; + } + .alignright { + float:right; + margin: 1rem 0 1rem 1rem; + } + @media only screen and (max-width: 576px) { + .alignleft, .alignright { + float: none; + text-align: center; + margin: 0; + img { + width: 275px; + } + } + } + img { + max-width: 100%; + &.alignleft { + float: left; + margin-right: 1.625em; + margin-bottom: 1.625em; + @media only screen and (max-width: 576px) { + display: block; + float: none; + margin-left: 0; + margin-right: 0; + } + } + &.alignright { + float: right; + margin-left: 1.625em; + @media only screen and (max-width: 576px) { + display: block; + float: none; + margin-left: 0; + margin-right: 0; + } + } + &.size-full{ + max-width: 97.5%; + width: auto; + height: auto; + } + &.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; + } + } + .wp-block-cover-image{ + width: 99.5vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + @media only screen and (max-width: 1200px){ + width: 100vw; + } + } + .wp-block-embed{ + iframe{ + width: 100%; + } + } + .wp-block-gallery{ + .blocks-gallery-item{ + figure{ + margin: 0 !important; + } + img { + height: 100% !important; + } + } + @media (max-width: 768px){ + padding-left: 0; + } + } + .wp-block-image { + &.is-resized { + img { + max-width: none !important; + } + } + text-align: center; + figcaption { + color: inherit; + font-size: 0.875rem; + font-weight: 400; + } + } + .wp-block-pullquote { + margin: 3rem 0; + padding: 0; + + &:not(.is-style-solid-color) { + border-color:#298596; + border-top-width: 2px; + border-bottom-width: 2px; + border-top-style: solid; + border-bottom-style: solid; + } + + blockquote { + padding: 2rem 8.3333333%; + margin: 0; + + p { + font-size: 1.375rem; + font-weight: 500; + } + :not(.has-text-color) p { + color: #298596; + } + cite { + color: #555758; + font-size: 1rem; + font-weight: normal; + font-style: italic; + text-transform: none; + } + } + } + .wp-caption, .gallery-caption { + font-size: 0.8125rem; + max-width: 100%; + margin-top: 1em; + margin-bottom: 1.5em; + .wp-caption-text { + margin: 0.8075em 0; + } + img[class*="wp-image-"]{ + height: auto; + margin: 2% 0; + width: 100%; + } + } } body.loading-content main { @@ -756,16 +1101,17 @@ nav { } h1{ color: #000; - font-size: 3rem; + font-size: 3rem !important; font-weight: 800; + padding-top: 0; @media only screen and (max-width: 768px){ - font-size: 2rem; + font-size: 2rem !important; line-height: 2rem; } @media only screen and (max-width: 576px){ - font-size: 1.5rem; + font-size: 1.5rem !important; line-height: 1.5rem; } } @@ -821,7 +1167,7 @@ nav { margin-bottom: 0.75rem; border-bottom: 2px solid #298596; .title-page h1{ - font-size: 1.25rem; + font-size: 1.25rem !important; font-weight: bold; word-break: break-word; margin: 0; @@ -831,7 +1177,7 @@ nav { text-overflow: ellipsis; } .tainacan-edit-item-collection { - font-size: 1rem; + font-size: 1rem !important; } } .title-back{ @@ -975,3 +1321,5 @@ nav { @import "_header-taxonomy"; @import "_lightbox"; + +@import "_single-item-collection"; diff --git a/src/functions/customizer.php b/src/functions/customizer.php index b9c6a70..1fc74d9 100644 --- a/src/functions/customizer.php +++ b/src/functions/customizer.php @@ -2457,8 +2457,7 @@ function tainacan_get_color_scheme_css( $colors ) { } .tainacan-single-post #comments .title-leave, - .tainacan-single-post article .title-content-items, - .tainacan-single-post article .tainacan-content h1 { + .tainacan-single-post article .title-content-items{ color: {$colors['tainacan_link_color']} !important; } footer hr.bg-scooter {