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

t/494: Increased the specificity of CSS rules. Introduced the .ck class for editor UI components #921

Merged
merged 8 commits into from
Mar 29, 2018
Merged

t/494: Increased the specificity of CSS rules. Introduced the .ck class for editor UI components #921

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
a7f5aec
Docs: Increased the specificity of CSS rules. Introduced the .ck clas…
oleq Mar 23, 2018
1dea92a
Tests: Configured branches in mgit.json.
oleq Mar 23, 2018
d5e0e03
Merge branch 'master' into t/494
oleq Mar 23, 2018
b5627d4
Merge branch 'master' into t/494
oleq Mar 28, 2018
9d283c5
Tests: Updated branches in mgit.json.
oleq Mar 28, 2018
8a1cdb7
Docs: Decreased the specificity of image styles to avoid FOUC.
oleq Mar 29, 2018
e55fd63
Merge branch 'master' into t/494
Reinmar Mar 29, 2018
4df565e
Back to master
Reinmar Mar 29, 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
25 changes: 14 additions & 11 deletions docs/assets/snippet-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
* Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
*/

.ck-editor {
.ck.ck-editor {
margin: 1.5em 0;
}

Expand Down Expand Up @@ -33,7 +33,7 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
display: none !important; /* Firefox is very stubborn. */
}

.ck-reset.ck-list {
.ck.ck-list {
/* See https://github.com/ckeditor/ckeditor5/issues/494 */
margin-left: 0;
}
Expand Down Expand Up @@ -62,24 +62,24 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
}

/* https://github.com/ckeditor/ckeditor5/issues/896 */
.live-snippet .ck-content h2,
.live-snippet .ck-content h3,
.live-snippet .ck-content h4 {
.live-snippet .ck.ck-content h2,
.live-snippet .ck.ck-content h3,
.live-snippet .ck.ck-content h4 {
position: static;
}

/* https://github.com/ckeditor/ckeditor5/issues/899 */
.live-snippet .ck-dropdown .ck-list {
.live-snippet .ck-dropdown .ck.ck-list {
margin: 0;
padding: 0;
}

#snippet-inline-editor .ck-editor__editable {
#snippet-inline-editor .ck.ck-editor__editable {
margin-bottom: 1rem;
padding: 2rem;
}

#snippet-inline-editor .ck-editor__editable:not(.ck-focused) {
#snippet-inline-editor .ck.ck-editor__editable:not(.ck-focused) {
border: 1px solid rgba(0, 0, 0, 0.15);
}

Expand All @@ -88,14 +88,17 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
padding-top: 0;
border-bottom: 0;
}
#snippet-inline-editor header {

#snippet-inline-editor header.ck-content {
text-align: center;
}
#snippet-inline-editor header h2 {

#snippet-inline-editor header.ck-content h2 {
margin-bottom: 0;
font-size: 2.1rem;
}
#snippet-inline-editor header h3 {

#snippet-inline-editor header.ck-content h3 {
color: rgba(5, 22, 42, 0.59);
font-weight: 600;
font-size: 1.6rem;
Expand Down