Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Styles: add Editor Styles support #9008

Merged
merged 17 commits into from
Sep 5, 2018
Merged

Styles: add Editor Styles support #9008

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
da0847c
Styles: auto-wrap theme provided styles to avoid specifity in the the…
youknowriad Aug 15, 2018
a3b983b
Change the post-css plugin used (use a smarter one)
youknowriad Aug 15, 2018
deccd21
Add support for the editor styles
youknowriad Aug 20, 2018
50e6498
Refactor default Gutenberg editor styles to apply on the editor-block…
youknowriad Aug 20, 2018
ee2d812
Fix linting errors
youknowriad Aug 20, 2018
2aa09f3
Fix e2e tests
youknowriad Aug 20, 2018
66523d7
Use CSS AST instead of PostCSS
youknowriad Aug 23, 2018
6be229d
Fork css dependency to make it browser friendly
youknowriad Aug 23, 2018
a5eb842
Adding documentation about how the editor styles work
youknowriad Aug 23, 2018
aae8dc0
Make the editor styles support opt-in
youknowriad Aug 24, 2018
d9b76c1
Use the editor styles to apply the default Gutenberg styles
youknowriad Aug 24, 2018
60e1489
Fix typo
youknowriad Aug 24, 2018
7eeaec9
Exclude built files from unit tests
youknowriad Aug 27, 2018
9ba8f93
Inherit color on headings placed in wp-block-heading.
mtias Sep 4, 2018
b7b2ecb
Add the editor width smart transform
youknowriad Sep 4, 2018
c58f0eb
Use `.wp-block` instead of `html` to define the width
youknowriad Sep 4, 2018
53f789b
Fix unit tests
youknowriad Sep 5, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Refactor default Gutenberg editor styles to apply on the editor-block… 
…-list__block className

This make those styles easily extendable in editor styles
  • Loading branch information
@youknowriad
youknowriad committed Sep 4, 2018
commit 50e64982f614159d5daa477037d13cac9d2f696a
6 changes: 6 additions & 0 deletions docs/manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -443,6 +443,12 @@
"markdown_source": "https://raw.githubusercontent.com/WordPress/gutenberg/master/packages/postcss-themes/README.md",
"parent": "packages"
},
{
"title": "@wordpress/postcss-url",
"slug": "packages-postcss-url",
"markdown_source": "https://raw.githubusercontent.com/WordPress/gutenberg/master/packages/postcss-url/README.md",
"parent": "packages"
},
{
"title": "@wordpress/redux-routine",
"slug": "packages-redux-routine",
Expand Down
23 changes: 0 additions & 23 deletions edit-post/components/visual-editor/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,31 +2,8 @@
position: relative;
padding: 50px 0;

&,
& p {
font-family: $editor-font;
font-size: $editor-font-size;
line-height: $editor-line-height;
}

&,
& p {
color: $dark-gray-700;
}

& ul,
& ol {
margin: 0;
padding: 0;
}

& ul:not(.wp-block-gallery) {
list-style-type: disc;
}

& ol {
list-style-type: decimal;
}

& .components-button {
font-family: $default-font;
Expand Down
8 changes: 8 additions & 0 deletions packages/editor/src/components/block-list/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,14 @@
}

.editor-block-list__block {
font-family: $editor-font;
line-height: $editor-line-height;
color: $dark-gray-700;

p {
font-size: $editor-font-size;
}

&.is-hidden *,
&.is-hidden > * {
visibility: hidden;
Expand Down