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

Commit

Permalink
Merge pull request #63 from ckeditor/i/6636
Browse files Browse the repository at this point in the history
Fix: Font size styles should be prefixed by the `.ck-content` class. Closes ckeditor/ckeditor5#6636.
oleq authored Apr 22, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
2 parents 83a7711 + 01cdfc8 commit b0b06db
Showing 2 changed files with 21 additions and 15 deletions.
8 changes: 4 additions & 4 deletions docs/features/font.md
Original file line number Diff line number Diff line change
@@ -94,19 +94,19 @@ The CSS definition for the classes (presets) must be included in the web page st
Here is an example of the font size CSS classes:

```css
.text-tiny {
.ck-content .text-tiny {
font-size: 0.7em;
}

.text-small {
.ck-content .text-small {
font-size: 0.85em;
}

.text-big {
.ck-content .text-big {
font-size: 1.4em;
}

.text-huge {
.ck-content .text-huge {
font-size: 1.8em;
}
```
28 changes: 17 additions & 11 deletions theme/fontsize.css
Original file line number Diff line number Diff line change
@@ -3,18 +3,24 @@
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/

.text-tiny {
font-size: .7em;
}
/* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */

.text-small {
font-size: .85em;
}
/* Styles should be prefixed with the `.ck-content` class.
See https://github.com/ckeditor/ckeditor5/issues/6636 */
.ck-content {
& .text-tiny {
font-size: .7em;
}

.text-big {
font-size: 1.4em;
}
& .text-small {
font-size: .85em;
}

& .text-big {
font-size: 1.4em;
}

.text-huge {
font-size: 1.8em;
& .text-huge {
font-size: 1.8em;
}
}

0 comments on commit b0b06db

Please sign in to comment.