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

styled black blocs in home page

This commit is contained in:
jorge-vitrubio 2022-12-22 22:46:24 +01:00
parent e56498d407
commit fcb0f55a93
4 changed files with 86 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
sass/plugins/guttemberg/_guttemberg.scss Normal file
View File

@ -0,0 +1,36 @@
.black-blocs {
padding: $font__size-body 0;
gap: $font__size-body;
.wp-block-column{
align-self: auto;
display: flex;
flex-direction: column;
position:relative;
min-height: 17rem;
padding: $font__size-body;
h1,h2,h3,h4,h5,h6 {
min-height: $font__size-body*4.8;
font-family: $font__black;
font-size: $font__size-body*2.3;
line-height: $font__line-height-body*0.8;
}
p {
font-family: $font__bold;
font-size: $font__size-body*0.9;
}
.big-plus-wrapper {
position: absolute;
bottom: 0;
}
.big-plus.white .wp-block-button__link {
margin: 0;
padding: 0;
color: white;
background-color: transparent;
font-size: $font__size-body*4.5;
line-height: 0;
font-weight: bold;
font-family: $font__black;
}
}
}

4
sass/style.scss
View File

@ -91,6 +91,10 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
--------------------------------------------- */
@import "plugins/jetpack/infinite-scroll";
/* Guttenberg
--------------------------------------------- */
@import "plugins/guttemberg/guttemberg";
/* Contact Form 7
--------------------------------------------- */
@import "plugins/contactform7/contactform7";

44
style.css
View File

@ -1187,6 +1187,50 @@ textarea {
display: block;
}
/* Guttenberg
--------------------------------------------- */
.black-blocs {
padding: 1rem 0;
gap: 1rem;
}
.black-blocs .wp-block-column {
align-self: auto;
display: flex;
flex-direction: column;
position: relative;
min-height: 17rem;
padding: 1rem;
}
.black-blocs .wp-block-column h1, .black-blocs .wp-block-column h2, .black-blocs .wp-block-column h3, .black-blocs .wp-block-column h4, .black-blocs .wp-block-column h5, .black-blocs .wp-block-column h6 {
min-height: 4.8rem;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 2.3rem;
line-height: 1.04;
}
.black-blocs .wp-block-column p {
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.9rem;
}
.black-blocs .wp-block-column .big-plus-wrapper {
position: absolute;
bottom: 0;
}
.black-blocs .wp-block-column .big-plus.white .wp-block-button__link {
margin: 0;
padding: 0;
color: white;
background-color: transparent;
font-size: 4.5rem;
line-height: 0;
font-weight: bold;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
/* Contact Form 7
--------------------------------------------- */
.wpcf7-not-valid:not(:focus) {

3
style.css.map
View File

File diff suppressed because one or more lines are too long