styled headers and grid for squared content

This commit is contained in:
jorge 2024-03-11 20:52:57 +01:00
parent 0b3227f54f
commit 2171c18401
8 changed files with 90 additions and 31 deletions

View File

@ -636,7 +636,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 h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h4 {
font-size: 1.2rem;
font-weight: 500;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h4.small,
@ -942,6 +941,10 @@ 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 .wp-block-separator {
border: none;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper ol {
margin: 0;
@ -1829,6 +1832,11 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper {
/*
* pages and posts with squared content like
* see Que oferim?
* */
/* used in
* ./template-parts/section-eachpost.php
* */
@ -1883,6 +1891,27 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 0 0 1.5em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-column,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-column {
position: relative;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading {
padding-top: 1em;
padding-bottom: 2em;
display: inline-grid;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading::after,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading::after {
content: "";
border-bottom: 0.05em solid #000;
width: 100%;
position: absolute;
bottom: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each {
display: flex;
flex-direction: 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

@ -4,3 +4,6 @@ hr {
height: 1px;
margin-bottom: 1.5em;
}
.wp-block-separator {
border: none;
}

View File

@ -29,7 +29,7 @@
}
h4,.h4 {
font-size: $font__size-body*1.2;
font-weight: 500;
//font-weight: 500;
&.small {
font-size: $font__size-body*0.9;
}
@ -122,31 +122,6 @@
}
}
@media screen and (min-width: 1440px) {
// h1,.h1 {
// font-size: $font__size-body*3.5;
// }
// h2,.h2 {
// font-size: $font__size-body*2.5;
// }
// 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.4;
// }
// h6,.h6 {
// font-size: $font__size-body*1.4;
// }
// .home-featured {
// h2,.h2 {
// font-size: $font__size-body*3.5;
// border-bottom: 0.8rem solid $color__black;
// }
// }
}
@media screen and (min-width: 80em) {
}

View File

@ -27,6 +27,30 @@
margin: 0 0 1.5em;
}
/*
* pages and posts with squared content like
* see Que oferim?
* */
.ratlla-abaix,.border-bottom {
.wp-block-column {
position:relative;
}
.wp-block-heading {
padding-top: 1em;
padding-bottom: 2em;
display:inline-grid;
&:after {
content: "";
border-bottom:0.05em solid $color__black;
width: 100%;
position: absolute;
bottom: 0;
}
}
}
/* used in
* ./template-parts/section-eachpost.php
* */

View File

@ -487,7 +487,6 @@ textarea {
h4,
.h4 {
font-size: 1.2rem;
font-weight: 500;
}
h4.small,
@ -796,6 +795,10 @@ hr {
margin-bottom: 1.5em;
}
.wp-block-separator {
border: none;
}
ul,
ol {
margin: 0;
@ -1716,6 +1719,31 @@ textarea {
margin: 0 0 1.5em;
}
/*
* pages and posts with squared content like
* see Que oferim?
* */
.ratlla-abaix .wp-block-column,
.border-bottom .wp-block-column {
position: relative;
}
.ratlla-abaix .wp-block-heading,
.border-bottom .wp-block-heading {
padding-top: 1em;
padding-bottom: 2em;
display: inline-grid;
}
.ratlla-abaix .wp-block-heading::after,
.border-bottom .wp-block-heading::after {
content: "";
border-bottom: 0.05em solid #000;
width: 100%;
position: absolute;
bottom: 0;
}
/* used in
* ./template-parts/section-eachpost.php
* */

File diff suppressed because one or more lines are too long