styled headers and grid for squared content
This commit is contained in:
parent
0b3227f54f
commit
2171c18401
|
@ -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
|
@ -4,3 +4,6 @@ hr {
|
|||
height: 1px;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.wp-block-separator {
|
||||
border: none;
|
||||
}
|
||||
|
|
|
@ -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) {
|
||||
|
||||
}
|
||||
|
|
|
@ -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
|
||||
* */
|
||||
|
|
30
style.css
30
style.css
|
@ -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
Loading…
Reference in New Issue