styled agenda images

This commit is contained in:
Jorge vitrubio.net 2024-03-30 18:41:37 +01:00
parent b0abdf06ef
commit a7e4455e73
7 changed files with 53 additions and 9 deletions

View File

@ -572,6 +572,18 @@ Add your custom styles in this file so it is easier to update the theme.
background-color: transparent; background-color: transparent;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .strong,
.edit-post-visual-editor__content-area .editor-styles-wrapper .bold {
font-weight: 700;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .light,
.edit-post-visual-editor__content-area .editor-styles-wrapper .thin,
.edit-post-visual-editor__content-area .editor-styles-wrapper .estreta {
font-weight: light;
font-weight: 100;
}
@media screen { @media screen {
.edit-post-visual-editor__content-area .editor-styles-wrapper { .edit-post-visual-editor__content-area .editor-styles-wrapper {
@ -2345,6 +2357,8 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] { .edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] {
position: relative; position: relative;
display: flex;
align-content: space-between;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image,
@ -2352,6 +2366,8 @@ Add your custom styles in this file so it is easier to update the theme.
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0; margin: 0;
aspect-ratio: 16/9;
overflow: hidden;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before,
@ -2360,9 +2376,9 @@ Add your custom styles in this file so it is easier to update the theme.
display: inline-block; display: inline-block;
min-width: 100%; min-width: 100%;
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 16/9;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.4); background-color: rgba(230, 230, 230, 0.4);
border-radius: 0.3em; border-radius: 0.3em;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -42,6 +42,14 @@ textarea {
background: none; background: none;
background-color: transparent; background-color: transparent;
} }
.strong,.bold {
font-weight: bold;
font-weight: 700;
}
.light,.thin,.estreta {
font-weight: light;
font-weight: 100;
}
@import "headings"; @import "headings";
@import "copy"; @import "copy";
@import "fonts"; @import "fonts";

View File

@ -341,10 +341,14 @@
li.category-activitats, li.category-activitats,
li[class*='category-agenda'] { li[class*='category-agenda'] {
position: relative; position: relative;
display: flex;
align-content: space-between;
.wp-block-post-featured-image { .wp-block-post-featured-image {
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0; margin: 0;
aspect-ratio: 16/9;
overflow: hidden;
} }
.wp-block-post-title { .wp-block-post-title {
} }
@ -353,9 +357,9 @@
display: inline-block; display: inline-block;
min-width: 100%; min-width: 100%;
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 16/9;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240,240,240,0.4); background-color: rgba(230,230,230,0.4);
border-radius: 0.3em; border-radius: 0.3em;
} }
} }

View File

@ -436,6 +436,18 @@ textarea {
background-color: transparent; background-color: transparent;
} }
.strong,
.bold {
font-weight: 700;
}
.light,
.thin,
.estreta {
font-weight: light;
font-weight: 100;
}
@media screen { @media screen {
h1, h1,
@ -2195,6 +2207,8 @@ textarea {
li.category-activitats, li.category-activitats,
li[class*="category-agenda"] { li[class*="category-agenda"] {
position: relative; position: relative;
display: flex;
align-content: space-between;
} }
li.category-activitats .wp-block-post-featured-image, li.category-activitats .wp-block-post-featured-image,
@ -2202,6 +2216,8 @@ textarea {
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0; margin: 0;
aspect-ratio: 16/9;
overflow: hidden;
} }
li.category-activitats .wp-block-post-title::before, li.category-activitats .wp-block-post-title::before,
@ -2210,9 +2226,9 @@ textarea {
display: inline-block; display: inline-block;
min-width: 100%; min-width: 100%;
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 16/9;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.4); background-color: rgba(230, 230, 230, 0.4);
border-radius: 0.3em; border-radius: 0.3em;
} }

File diff suppressed because one or more lines are too long