|
|
@@ -71,18 +71,6 @@
|
|
|
margin-bottom: var(--ck-spacing-small);
|
|
|
}
|
|
|
|
|
|
- @mixin ck-dir ltr {
|
|
|
- & > .ck.ck-toolbar__grouped-dropdown {
|
|
|
- padding-left: var(--ck-spacing-small);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @mixin ck-dir rtl {
|
|
|
- & > .ck.ck-toolbar__grouped-dropdown {
|
|
|
- padding-right: var(--ck-spacing-small);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
& .ck.ck-toolbar__separator {
|
|
|
align-self: stretch;
|
|
|
width: 1px;
|
|
|
@@ -96,3 +84,25 @@
|
|
|
border: 0;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+/*
|
|
|
+ * 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"] {
|
|
|
+ & > .ck.ck-toolbar__grouped-dropdown {
|
|
|
+ padding-left: var(--ck-spacing-small);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*
|
|
|
+ * 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"] {
|
|
|
+ & > .ck.ck-toolbar__grouped-dropdown {
|
|
|
+ padding-right: var(--ck-spacing-small);
|
|
|
+ }
|
|
|
+}
|