styled Intro when .xarxaprod-intro .big or .small are added to groups

This commit is contained in:
Jorge vitrubio.net 2024-03-30 17:11:03 +01:00
parent e1433745ac
commit b0abdf06ef
9 changed files with 360 additions and 47 deletions

View File

@ -576,12 +576,16 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper {
/* entry content */
/*
* big lletters block below titles
* */
/* used in
* ./template-parts/section-agenda.php
* ./template-parts/section-last-convos.php
* */
/* entry content */
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h1,
@ -648,12 +652,12 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h5.small,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h5.small {
font-size: 0.8rem;
font-size: 0.9rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h6 {
font-size: 1.1rem;
font-size: 1rem;
font-weight: 100;
}
@ -662,6 +666,66 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 0.8rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h1 {
font-size: 1.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h2 {
font-size: 1.2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h3 {
font-size: 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h4 {
font-size: 0.9rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h5,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h5 {
font-size: 0.9rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h6 {
font-size: 0.8rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h1 {
font-size: 2.2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h2 {
font-size: 2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h3 {
font-size: 1.6rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h4 {
font-size: 1.4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h5,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h5 {
font-size: 1.2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h6 {
font-size: 1.1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h3,
@ -685,6 +749,27 @@ Add your custom styles in this file so it is easier to update the theme.
border-bottom: 0.6rem solid #000;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
padding: 0.5em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h3 {
font-size: 2.3rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h4 {
font-size: 2.1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h5 {
font-size: 2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h6 {
font-size: 2rem;
padding: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper section.agenda h2 a,
.edit-post-visual-editor__content-area .editor-styles-wrapper section.last-convos h2 a {
display: flex;
@ -718,10 +803,6 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper [lang*="es"] section.last-convos h2 a::after {
content: "Ver todas las convocatorias";
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
padding: 0.5em 0;
}
}
@media screen and (min-width: 48em) {
@ -768,6 +849,14 @@ Add your custom styles in this file so it is easier to update the theme.
margin-bottom: 1.5em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper p.big {
font-size: 1.25rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper p.small {
font-size: 0.8rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper dfn,
.edit-post-visual-editor__content-area .editor-styles-wrapper cite,
.edit-post-visual-editor__content-area .editor-styles-wrapper em,
@ -818,14 +907,27 @@ Add your custom styles in this file so it is easier to update the theme.
text-decoration: none;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper big {
.edit-post-visual-editor__content-area .editor-styles-wrapper .big {
font-size: 125%;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big p {
font-size: 1.25rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small {
font-size: 80%;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .small p {
font-size: 0.8rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .big p,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro p {
font-size: 120%;
}
@font-face {
.edit-post-visual-editor__content-area .editor-styles-wrapper {
@ -1132,10 +1234,20 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map {
aspect-ratio: 16 / 9;
aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4);
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-associats-search .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-associats-search .xarxaprod-espais-map {
aspect-ratio: 4 / 3;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-espais-map {
aspect-ratio: 16 / 9;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper table {
margin: 0 0 1.5em;
width: 100%;
@ -1919,10 +2031,10 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro p {
font-size: 2rem;
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro {
line-height: 1.2;
margin: 0;
margin-top: 0;
margin-bottom: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-column,

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -13,8 +13,18 @@ img {
figure {
margin: 1em 0; // Extra wide images within figure tags don't overflow the content area.
}
.xarxaprod-associats-map,.xarxaprod-espais-map {
//mapas leaflet
aspect-ratio: 16 / 9;
background-color: rgba(200,200,200,0.4); //place holder background color
}
//mapas leaflet
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 4 / 3;
background-color: rgba(200,200,200,0.4); //place holder background color
}
.page-template-associats-search{
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 4 / 3;
}
}
.single-xarxaprod-associat {
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 16 / 9;
}
}

View File

@ -1,6 +1,12 @@
p {
margin-top: 0;
margin-bottom: 1.5em;
&.big {
font-size: $font__size-body*1.25;
}
&.small{
font-size: $font__size-body*0.8;
}
}
dfn,
@ -52,9 +58,21 @@ ins {
text-decoration: none;
}
big {
.big {
font-size: 125%;
p {
font-size: $font__size-body*1.25;
}
}
.small {
font-size: 80%;
p {
font-size: $font__size-body*0.8;
}
}
.big, .xarxaprod-intro {
p {
font-size:120%;
}
}

View File

@ -29,7 +29,6 @@
}
h4,.h4 {
font-size: $font__size-body*1.2;
//font-weight: 500;
&.small {
font-size: $font__size-body*0.9;
}
@ -38,16 +37,56 @@
font-size: $font__size-body*1.1;
font-weight: 500;
&.small {
font-size: $font__size-body*0.8;
font-size: $font__size-body*0.9;
}
}
h6,.h6 {
font-size: $font__size-body*1.1;
font-size: $font__size-body*1;
font-weight: 100;
&.small {
font-size: $font__size-body*0.8;
}
}
.small {
h1,.h1 {
font-size: $font__size-body*1.5;
}
h2,.h2 {
font-size: $font__size-body*1.2;
}
h3,.h3 {
font-size: $font__size-body*1;
}
h4,.h4 {
font-size: $font__size-body*0.9;
}
h5,.h5 {
font-size: $font__size-body*0.9;
}
h6,.h6 {
font-size: $font__size-body*0.8;
}
}
.big {
h1,.h1 {
font-size: $font__size-body*2.2;
}
h2,.h2 {
font-size: $font__size-body*2;
}
h3,.h3 {
font-size: $font__size-body*1.6;
}
h4,.h4 {
font-size: $font__size-body*1.4;
}
h5,.h5 {
font-size: $font__size-body*1.2;
}
h6,.h6 {
font-size: $font__size-body*1.1;
}
}
.site-main {
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
@ -62,7 +101,35 @@
border-bottom: 0.6rem solid $color__black;
}
}
/* used in
/* entry content */
.entry-content h6 {
padding: 0.5em 0;
}
/*
* big lletters block below titles
* */
.xarxaprod-intro {
h1 {}
h2 {}
h3 {
font-size: $font__size-body*2.3;
}
h4 {
font-size: $font__size-body*2.1;
}
h5 {
font-size: $font__size-body*2;
}
h6 {
font-size: $font__size-body*2;
padding: 0;
}
}
/* used in
* ./template-parts/section-agenda.php
* ./template-parts/section-last-convos.php
* */
@ -97,10 +164,6 @@
content: "Ver todas las convocatorias";
}
/* entry content */
.entry-content h6 {
padding: 0.5em 0;
}
}
@media screen and (min-width: 48em) {
h1,.h1 {

View File

@ -35,11 +35,10 @@
* */
.xarxaprod-intro {
p {
font-size: $font__size-body*2;
line-height: 1.2;
margin: 0;
}
line-height: 1.2;
margin-top: 0;
margin-bottom: 0;
//font-weight: 100;
}
/*
* blocks columns with line below each block

135
style.css
View File

@ -502,12 +502,12 @@ textarea {
h5.small,
.h5.small {
font-size: 0.8rem;
font-size: 0.9rem;
}
h6,
.h6 {
font-size: 1.1rem;
font-size: 1rem;
font-weight: 100;
}
@ -516,6 +516,66 @@ textarea {
font-size: 0.8rem;
}
.small h1,
.small .h1 {
font-size: 1.5rem;
}
.small h2,
.small .h2 {
font-size: 1.2rem;
}
.small h3,
.small .h3 {
font-size: 1rem;
}
.small h4,
.small .h4 {
font-size: 0.9rem;
}
.small h5,
.small .h5 {
font-size: 0.9rem;
}
.small h6,
.small .h6 {
font-size: 0.8rem;
}
.big h1,
.big .h1 {
font-size: 2.2rem;
}
.big h2,
.big .h2 {
font-size: 2rem;
}
.big h3,
.big .h3 {
font-size: 1.6rem;
}
.big h4,
.big .h4 {
font-size: 1.4rem;
}
.big h5,
.big .h5 {
font-size: 1.2rem;
}
.big h6,
.big .h6 {
font-size: 1.1rem;
}
.site-main h1,
.site-main h2,
.site-main h3,
@ -539,6 +599,31 @@ textarea {
border-bottom: 0.6rem solid #000;
}
/* entry content */
.entry-content h6 {
padding: 0.5em 0;
}
/*
* big lletters block below titles
* */
.xarxaprod-intro h3 {
font-size: 2.3rem;
}
.xarxaprod-intro h4 {
font-size: 2.1rem;
}
.xarxaprod-intro h5 {
font-size: 2rem;
}
.xarxaprod-intro h6 {
font-size: 2rem;
padding: 0;
}
/* used in
* ./template-parts/section-agenda.php
* ./template-parts/section-last-convos.php
@ -576,11 +661,6 @@ textarea {
[lang*="es"] section.last-convos h2 a::after {
content: "Ver todas las convocatorias";
}
/* entry content */
.entry-content h6 {
padding: 0.5em 0;
}
}
@media screen and (min-width: 48em) {
@ -627,6 +707,14 @@ p {
margin-bottom: 1.5em;
}
p.big {
font-size: 1.25rem;
}
p.small {
font-size: 0.8rem;
}
dfn,
cite,
em,
@ -677,14 +765,27 @@ ins {
text-decoration: none;
}
big {
.big {
font-size: 125%;
}
.big p {
font-size: 1.25rem;
}
.small {
font-size: 80%;
}
.small p {
font-size: 0.8rem;
}
.big p,
.xarxaprod-intro p {
font-size: 120%;
}
/*
Your custom style
@ -990,10 +1091,20 @@ figure {
.xarxaprod-associats-map,
.xarxaprod-espais-map {
aspect-ratio: 16 / 9;
aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4);
}
.page-template-associats-search .xarxaprod-associats-map,
.page-template-associats-search .xarxaprod-espais-map {
aspect-ratio: 4 / 3;
}
.single-xarxaprod-associat .xarxaprod-associats-map,
.single-xarxaprod-associat .xarxaprod-espais-map {
aspect-ratio: 16 / 9;
}
table {
margin: 0 0 1.5em;
width: 100%;
@ -1734,10 +1845,10 @@ textarea {
/*
* big lletters block below titles
* */
.xarxaprod-intro p {
font-size: 2rem;
.xarxaprod-intro {
line-height: 1.2;
margin: 0;
margin-top: 0;
margin-bottom: 0;
}
/*

File diff suppressed because one or more lines are too long