Skip to content
This repository has been archived by the owner on Jun 26, 2020. It is now read-only.

t/ckeditor5-theme-lark/124: Standarized colors to hsl/a format. #364

Merged
merged 1 commit into from
Feb 6, 2018
Merged

t/ckeditor5-theme-lark/124: Standarized colors to hsl/a format. #364

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
6 changes: 3 additions & 3 deletions docs/_snippets/examples/bootstrap-ui-inner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,15 +52,15 @@ <h2>Custom UI</h2>
/* Let's give the editor some space and limits using a border. */
.ck-editor {
margin: 0 0 1em;
border: 1px solid rgba( 0, 0, 0, .1 );
border: 1px solid hsla(0, 0%, 0%, 0.1);
border-radius: 4px;
}

/* Adding internal spacing, border and background to the toolbar. */
.ck-editor .btn-toolbar {
padding: .5rem;
background: #f7f7f9;
border-bottom: 1px solid rgba( 0, 0, 0, .1 );
border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
}

/* Tweaking the editable area for better readability. */
Expand All @@ -73,7 +73,7 @@ <h2>Custom UI</h2>
/* When in read–only mode, the editable should fade out. */
.ck-editor .ck-editor__editable:not([contenteditable]) {
background: #fafafa;
color: #777;
color: hsl(0, 0%, 47%);
}

/* Make sure the headings dropdown button does not change its size
Expand Down
10 changes: 5 additions & 5 deletions docs/framework/guides/external-ui.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,15 +188,15 @@ Although Bootstrap provides most of the CSS, it does not come with styles dedica
/* Give the editor some space and limits using a border. */
.ck-editor {
margin: 1em 0;
border: 1px solid rgba( 0, 0, 0, .1 );
border: 1px solid hsla(0, 0%, 0%, 0.1);
border-radius: 4px;
}

/* Adding internal spacing, border and background to the toolbar. */
.ck-editor .btn-toolbar {
padding: .5rem;
background: #f7f7f9;
border-bottom: 1px solid rgba( 0, 0, 0, .1 );
background: hsl(240, 14%, 97%);
border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
}

/* Tweaking the editable area for better readability. */
Expand All @@ -207,8 +207,8 @@ Although Bootstrap provides most of the CSS, it does not come with styles dedica

/* When in read–only mode, the editable should fade out. */
.ck-editor .ck-editor__editable:not([contenteditable]) {
background: #fafafa;
color: #777;
background: hsl(0, 0%, 98%);
color: hsl(0, 0%, 47%);
}

/* Make sure the headings drop-down button does not change its size
Expand Down