|
|
@@ -79,21 +79,27 @@
|
|
|
* Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
|
|
|
* because its parent is not controlled by the editor framework.
|
|
|
*/
|
|
|
-[dir="ltr"] .ck.ck-toolbar,
|
|
|
-.ck.ck-toolbar[dir="ltr"] {
|
|
|
+[dir="rtl"] .ck.ck-toolbar,
|
|
|
+.ck.ck-toolbar[dir="rtl"] {
|
|
|
& > .ck.ck-toolbar__grouped-dropdown {
|
|
|
- padding-left: var(--ck-spacing-small);
|
|
|
+ padding-right: var(--ck-spacing-small);
|
|
|
}
|
|
|
|
|
|
& > .ck.ck-toolbar__items {
|
|
|
- & > *:last-child {
|
|
|
+ & > * {
|
|
|
+ /* (#11) Separate toolbar items. */
|
|
|
+ margin-left: var(--ck-spacing-small);
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
+
|
|
|
+ & > *:last-child {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/* Some spacing between the items and the separator before the grouped items dropdown. */
|
|
|
&.ck-toolbar_grouping > .ck-toolbar__items {
|
|
|
- margin-right: var(--ck-spacing-small);
|
|
|
+ margin-left: var(--ck-spacing-small);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -101,27 +107,20 @@
|
|
|
* Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
|
|
|
* because its parent is not controlled by the editor framework.
|
|
|
*/
|
|
|
-[dir="rtl"] .ck.ck-toolbar,
|
|
|
-.ck.ck-toolbar[dir="rtl"] {
|
|
|
+[dir="ltr"] .ck.ck-toolbar,
|
|
|
+.ck.ck-toolbar[dir="ltr"] {
|
|
|
& > .ck.ck-toolbar__grouped-dropdown {
|
|
|
- padding-right: var(--ck-spacing-small);
|
|
|
+ padding-left: var(--ck-spacing-small);
|
|
|
}
|
|
|
|
|
|
& > .ck.ck-toolbar__items {
|
|
|
- /* stylelint-disable-next-line no-descending-specificity */
|
|
|
- & > * {
|
|
|
- /* (#11) Separate toolbar items. */
|
|
|
- margin-left: var(--ck-spacing-small);
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
-
|
|
|
& > *:last-child {
|
|
|
- margin-left: 0;
|
|
|
+ margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/* Some spacing between the items and the separator before the grouped items dropdown. */
|
|
|
&.ck-toolbar_grouping > .ck-toolbar__items {
|
|
|
- margin-left: var(--ck-spacing-small);
|
|
|
+ margin-right: var(--ck-spacing-small);
|
|
|
}
|
|
|
}
|