mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-23 19:33:44 +03:00
50 lines
1,020 B
SCSS
50 lines
1,020 B
SCSS
body.page-about .entry-content {
|
|
.wp-block-pullquote.is-style-solid-color {
|
|
@extend .has-wporg-blue-background-color;
|
|
|
|
blockquote {
|
|
@extend .has-wporg-white-color;
|
|
|
|
max-width: 100%;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
@include breakpoint( $breakpoint-tablet ) {
|
|
> p,
|
|
> h1,
|
|
> h2,
|
|
> h3,
|
|
> h4,
|
|
> h5,
|
|
> h6,
|
|
> .wp-block-quote,
|
|
> .wp-block-media-text,
|
|
> .wp-block-button {
|
|
margin-left: 40%;
|
|
}
|
|
|
|
p.is-style-wporg-tldr {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.wp-block-pullquote.is-style-solid-color {
|
|
@extend .is-style-default !optional;
|
|
//@extend .has-wporg-white-background-color; // todo compile error
|
|
background-color: white !important; // todo why does this need !important? it shouldn't
|
|
|
|
position: absolute;
|
|
top: 800px;
|
|
left: 0;
|
|
width: 40%;
|
|
|
|
blockquote {
|
|
color: $color__text-heading !important; // todo why does this need !important?
|
|
border-left: none;
|
|
}
|
|
|
|
// todo works in front end, but need it in editor-styles too. maybe b/c targeting body.page-about?
|
|
}
|
|
}
|
|
}
|