Several updates to display relationship values properly and new heading tags sizes.

This commit is contained in:
mateuswetah 2021-08-12 11:24:47 -03:00
parent b89beae146
commit 1f42bb73a4
6 changed files with 1119 additions and 1056 deletions

View File

@ -74,6 +74,7 @@
} }
h2 { h2 {
padding-top: 0 !important;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -81,13 +82,13 @@
} }
.t-collection--info-title { .t-collection--info-title {
font: { font: {
size: 1.5rem; size: 1.5rem !important;
weight: 600; weight: 600;
} }
margin-top: 0.4rem; margin-top: 0.4rem;
@media only screen and (max-width: 768px){ @media only screen and (max-width: 768px){
font: { font: {
size: 1.125rem; size: 1.125rem !important;
weight: 600; weight: 600;
} }
} }

View File

@ -41,11 +41,11 @@
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
} }
h3{ h3 {
font-size: 1.125rem; font-size: 1.125rem !important;
} }
h4 { h4 {
font-size: 0.75rem; font-size: 0.75rem !important;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
background: #e6f6f8; background: #e6f6f8;
display: inline-block; display: inline-block;
@ -192,7 +192,7 @@
.tainacan-list-collection--title { .tainacan-list-collection--title {
background: #fff; background: #fff;
font: { font: {
size: 0.875rem; size: 0.875rem !important;
weight: 400; weight: 400;
} }
height: 40px; height: 40px;

File diff suppressed because it is too large Load Diff

View File

@ -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;
}
}
}

View File

@ -28,6 +28,351 @@ body{
p { p {
font-size: revert; 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 { body.loading-content main {
@ -756,16 +1101,17 @@ nav {
} }
h1{ h1{
color: #000; color: #000;
font-size: 3rem; font-size: 3rem !important;
font-weight: 800; font-weight: 800;
padding-top: 0;
@media only screen and (max-width: 768px){ @media only screen and (max-width: 768px){
font-size: 2rem; font-size: 2rem !important;
line-height: 2rem; line-height: 2rem;
} }
@media only screen and (max-width: 576px){ @media only screen and (max-width: 576px){
font-size: 1.5rem; font-size: 1.5rem !important;
line-height: 1.5rem; line-height: 1.5rem;
} }
} }
@ -821,7 +1167,7 @@ nav {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
border-bottom: 2px solid #298596; border-bottom: 2px solid #298596;
.title-page h1{ .title-page h1{
font-size: 1.25rem; font-size: 1.25rem !important;
font-weight: bold; font-weight: bold;
word-break: break-word; word-break: break-word;
margin: 0; margin: 0;
@ -831,7 +1177,7 @@ nav {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.tainacan-edit-item-collection { .tainacan-edit-item-collection {
font-size: 1rem; font-size: 1rem !important;
} }
} }
.title-back{ .title-back{
@ -975,3 +1321,5 @@ nav {
@import "_header-taxonomy"; @import "_header-taxonomy";
@import "_lightbox"; @import "_lightbox";
@import "_single-item-collection";

View File

@ -2457,8 +2457,7 @@ function tainacan_get_color_scheme_css( $colors ) {
} }
.tainacan-single-post #comments .title-leave, .tainacan-single-post #comments .title-leave,
.tainacan-single-post article .title-content-items, .tainacan-single-post article .title-content-items{
.tainacan-single-post article .tainacan-content h1 {
color: {$colors['tainacan_link_color']} !important; color: {$colors['tainacan_link_color']} !important;
} }
footer hr.bg-scooter { footer hr.bg-scooter {