xarxaprod
/
xarxaprod-wp-theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styled headers and grid for squared content

This commit is contained in:
jorge-vitrubio 2024-03-11 20:52:57 +01:00
parent 0b3227f54f
commit 2171c18401
8 changed files with 90 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
adminstyles.css
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,
.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-size: 1.2rem;
font-weight: 500;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h4.small, .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; 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 ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper ol { .edit-post-visual-editor__content-area .editor-styles-wrapper ol {
margin: 0; 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 { .edit-post-visual-editor__content-area .editor-styles-wrapper {
/*
* pages and posts with squared content like
* see Que oferim?
* */
/* used in /* used in
* ./template-parts/section-eachpost.php * ./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; 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 { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

3
sass/base/elements/_hr.scss
View File

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

27
sass/base/typography/_headings.scss
View File

@ -29,7 +29,7 @@
} }
h4,.h4 { h4,.h4 {
font-size: $font__size-body*1.2; font-size: $font__size-body*1.2;
font-weight: 500; //font-weight: 500;
&.small { &.small {
font-size: $font__size-body*0.9; font-size: $font__size-body*0.9;
} }
@ -122,31 +122,6 @@
} }
} }
@media screen and (min-width: 1440px) { @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) { @media screen and (min-width: 80em) {
} }

24
sass/components/content/_posts-and-pages.scss
View File

@ -27,6 +27,30 @@
margin: 0 0 1.5em; 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 /* used in
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */

30
style.css
View File

@ -487,7 +487,6 @@ textarea {
h4, h4,
.h4 { .h4 {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 500;
} }
h4.small, h4.small,
@ -796,6 +795,10 @@ hr {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
.wp-block-separator {
border: none;
}
ul, ul,
ol { ol {
margin: 0; margin: 0;
@ -1716,6 +1719,31 @@ textarea {
margin: 0 0 1.5em; 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 /* used in
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */

2
style.css.map
View File

File diff suppressed because one or more lines are too long