tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-14 22:35:45 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

More blocks styles moved to the appropriate object/utilities folders

Browse source 
Simplifies pullquote and fixes the issues with editor styles; move color classes utilities.
This commit is contained in:
Kelly Dwan 2019-10-02 17:08:14 -04:00
parent e6b3fbd989
commit f8558fe9c2
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
10 changed files with 98 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

130
themes/wporg-5ftf/css/style-editor.css
View file

@ -2,88 +2,6 @@
* Add content area styles to the editor (in addition to the front end), so that users see content the way it will
* appear on the front end.
*/
.entry-content {
position: relative;
color: #555D66;
hyphens: none;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #23282D;
}
.entry-content .wp-block-pullquote {
color: #606A73;
}
.has-wporg-blue-color {
color: #1E8CBE;
}
.has-wporg-blue-background-color, body.page-about .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #1E8CBE;
}
.has-wporg-purple-color {
color: #826EB4;
}
.has-wporg-purple-background-color {
background-color: #826EB4;
}
.has-wporg-white-color, body.page-about .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
color: #FFFFFF;
}
.has-wporg-white-background-color {
background-color: #FFFFFF;
}
p.has-background,
.wp-block-group.has-background,
.wp-block-pullquote.has-wporg-blue-background-color,
body.page-about .entry-content .wp-block-pullquote.is-style-solid-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.
*/
}
body.page-about .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
border: none;
}
@media screen and (min-width: 768px) {
body.page-about .entry-content > p,
body.page-about .entry-content > h1,
body.page-about .entry-content > h2,
body.page-about .entry-content > h3,
body.page-about .entry-content > h4,
body.page-about .entry-content > h5,
body.page-about .entry-content > h6,
body.page-about .entry-content > .wp-block-quote,
body.page-about .entry-content > .wp-block-media-text,
body.page-about .entry-content > .wp-block-button {
margin-left: 40%;
}
body.page-about .entry-content p.is-style-wporg-tldr {
margin-left: auto;
}
body.page-about .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: white !important;
position: absolute;
top: 800px;
left: 0;
width: 40%;
}
body.page-about .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
color: #606A73 !important;
border-left: none;
}
}
/* ----------------------------------------------------------------------------
1.0 - Button Layouts
---------------------------------------------------------------------------- */
@ -500,6 +418,34 @@ input.download-button.button-hero:active[type="submit"],
}
}
.wp-block-pullquote {
color: #606A73;
}
.has-wporg-blue-color {
color: #1E8CBE;
}
.has-wporg-blue-background-color {
background-color: #1E8CBE;
}
.has-wporg-purple-color {
color: #826EB4;
}
.has-wporg-purple-background-color {
background-color: #826EB4;
}
.has-wporg-white-color {
color: #FFFFFF;
}
.has-wporg-white-background-color {
background-color: #FFFFFF;
}
.parallelogram-container {
width: 80%;
margin-left: 10%;
@ -573,4 +519,24 @@ p.is-style-wporg-tldr {
}
}
.wp-block-pullquote.is-style-solid-color {
background-color: #1E8CBE;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
border: none;
color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.wp-block-pullquote.is-style-solid-color {
background-color: #FFFFFF;
}
.wp-block-pullquote.is-style-solid-color blockquote {
border-left: none;
color: #606A73;
}
}
/*# sourceMappingURL=style-editor.css.map */