0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Modern Business: Reduce the height and font size for cover block in small screens

Browse source
This commit is contained in:
Takashi Irie 2019-05-10 18:37:35 +01:00
parent 48f43c4f72
commit ecaf3e0451
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
modern-business/sass/blocks/_blocks.scss
View file

@ -679,7 +679,7 @@
.wp-block-cover-image,
.wp-block-cover {
position: relative;
min-height: 510px;
min-height: 430px;
padding: $size__spacing-unit;
@include media(tablet) {
@ -691,7 +691,7 @@
.wp-block-cover-text {
color: #fff;
font-family: $font__heading;
font-size: $font__size-xl;
font-size: $font__size-lg;
font-weight: 300;
line-height: 1.25;
padding: 0;

4
modern-business/style.css
View file

@ -4069,7 +4069,7 @@ body.page .main-navigation {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 510px;
min-height: 430px;
padding: 1rem;
}
@ -4087,7 +4087,7 @@ body.page .main-navigation {
.entry .entry-content .wp-block-cover .wp-block-cover-text {
color: #fff;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 2.25em;
font-size: 1.6875em;
font-weight: 300;
line-height: 1.25;
padding: 0;