diff --git a/themes/wporg-5ftf/css/components/_about.scss b/themes/wporg-5ftf/css/components/_about.scss index ac721d4..0f96281 100644 --- a/themes/wporg-5ftf/css/components/_about.scss +++ b/themes/wporg-5ftf/css/components/_about.scss @@ -13,7 +13,7 @@ body.page-about .entry-content { > .wp-block-media-text, > .wp-block-button, > .wp-block-group { - margin-left: 35%; + margin-left: 17.5rem; } p.is-style-wporg-tldr { diff --git a/themes/wporg-5ftf/css/components/_entry-content.scss b/themes/wporg-5ftf/css/components/_entry-content.scss index 9c74743..81743c9 100644 --- a/themes/wporg-5ftf/css/components/_entry-content.scss +++ b/themes/wporg-5ftf/css/components/_entry-content.scss @@ -13,13 +13,3 @@ color: $color__text-heading; } } - -p.has-background, -.wp-block-group.has-background, -.wp-block-pullquote.has-wporg-blue-background-color { - /* - * Remove the gaps between consecutive paragraphs that have the same background color, and make it fill 100% - * of the screen on the mobile view. - */ - //margin: 0 - ms( 4 ); this is buggy, affects surrounding elements, see notes in parallelogram file -} diff --git a/themes/wporg-5ftf/css/objects/_hero.scss b/themes/wporg-5ftf/css/objects/_hero.scss index 541add5..4f069cc 100644 --- a/themes/wporg-5ftf/css/objects/_hero.scss +++ b/themes/wporg-5ftf/css/objects/_hero.scss @@ -8,6 +8,7 @@ $size__spacing-unit: ms( 4 ); width: calc( 100% + ( 2 * #{ $size__spacing-unit } ) ); max-width: calc( 100% + ( 2 * #{ $size__spacing-unit} ) ); clear: both; + margin-bottom: 0; @include breakpoint( $breakpoint-tablet ) { position: inherit; @@ -15,5 +16,10 @@ $size__spacing-unit: ms( 4 ); width: inherit; max-width: inherit; clear: inherit; + margin-bottom: 1em; + + &.wp-block-group { + margin-top: -8rem; + } } } diff --git a/themes/wporg-5ftf/css/objects/_image.scss b/themes/wporg-5ftf/css/objects/_image.scss new file mode 100644 index 0000000..282247f --- /dev/null +++ b/themes/wporg-5ftf/css/objects/_image.scss @@ -0,0 +1,6 @@ +.wp-block-image { + + img { + vertical-align: middle; + } +} diff --git a/themes/wporg-5ftf/css/objects/_objects.scss b/themes/wporg-5ftf/css/objects/_objects.scss index 8c95973..d95041d 100644 --- a/themes/wporg-5ftf/css/objects/_objects.scss +++ b/themes/wporg-5ftf/css/objects/_objects.scss @@ -8,5 +8,6 @@ @import "../../../pub/wporg/css/objects/notices"; @import "buttons"; @import "hero"; +@import "image"; @import "pledge-form"; @import "pullquote"; diff --git a/themes/wporg-5ftf/css/settings/_settings.scss b/themes/wporg-5ftf/css/settings/_settings.scss index 6e9929c..cdfd770 100644 --- a/themes/wporg-5ftf/css/settings/_settings.scss +++ b/themes/wporg-5ftf/css/settings/_settings.scss @@ -4,3 +4,4 @@ @import "../../../pub/wporg/css/settings/typography"; @import "colors"; @import "structure"; +@import "typography"; diff --git a/themes/wporg-5ftf/css/settings/_typography.scss b/themes/wporg-5ftf/css/settings/_typography.scss new file mode 100644 index 0000000..5f1d188 --- /dev/null +++ b/themes/wporg-5ftf/css/settings/_typography.scss @@ -0,0 +1,5 @@ +$type__base: 18px; +$type__base-mobile: 16px; +$type__lineheight: 1.5; + +$font__serif: Georgia, "Times New Roman", serif; diff --git a/themes/wporg-5ftf/css/style-editor.scss b/themes/wporg-5ftf/css/style-editor.scss index bb21341..195ca29 100644 --- a/themes/wporg-5ftf/css/style-editor.scss +++ b/themes/wporg-5ftf/css/style-editor.scss @@ -6,6 +6,7 @@ @import "settings/colors"; @import "../../pub/wporg/css/settings/structure"; @import "settings/structure"; +@import "settings/typography"; @import "../../pub/wporg/css/tools/breakpoint"; @import "../../pub/wporg/css/settings/_modular-scale.scss"; @import "../../pub/wporg/css/objects/buttons"; @@ -42,7 +43,9 @@ .wp-block-pullquote.is-style-wporg-home-pullquote { position: relative; top: 0; + left: 0; width: auto; + max-width: 100%; } // font-family and face, etc? diff --git a/themes/wporg-5ftf/css/utilities/_paragraph.scss b/themes/wporg-5ftf/css/utilities/_paragraph.scss index dfd423d..4fcf5d6 100644 --- a/themes/wporg-5ftf/css/utilities/_paragraph.scss +++ b/themes/wporg-5ftf/css/utilities/_paragraph.scss @@ -1,11 +1,11 @@ p.is-style-wporg-tldr { color: $color__text-heading; + font-family: $font__serif; font-style: italic; font-size: 1rem; @include breakpoint( $breakpoint-tablet ) { text-align: center; - text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 1.25rem; } } diff --git a/themes/wporg-5ftf/css/utilities/_pullquote.scss b/themes/wporg-5ftf/css/utilities/_pullquote.scss index a191aeb..52389ca 100644 --- a/themes/wporg-5ftf/css/utilities/_pullquote.scss +++ b/themes/wporg-5ftf/css/utilities/_pullquote.scss @@ -1,6 +1,7 @@ .wp-block-pullquote.is-style-wporg-home-pullquote { padding: 0; margin-bottom: 0; + font-family: $font__serif; border: none; blockquote { @@ -13,9 +14,9 @@ @include breakpoint( $breakpoint-tablet ) { position: absolute; - top: 0; - left: -255px; - max-width: 250px; + top: 14rem; + left: -17.5rem; + max-width: 16rem; blockquote { border-left: none;