@syncfusion/ej2-material-theme 34.2.9 → 35.1.37

package/styles/headless-editor/_bigger.scss

@@ -0,0 +1,138 @@
+@use 'variables' as *;
+@include export-module('headless-editor-bigger') {
+  .e-bigger.e-headless-editor,
+  .e-bigger .e-headless-editor {
+    font-size: $he-font-size-bigger;
+    font-weight: $he-font-weight-bigger;
+    line-height: 1.5;
+
+    blockquote {
+      border-left-width: $he-blockquote-left-width-bigger;
+      padding-left: $he-blockquote-text-padding-bigger;
+      margin: 8px 0;
+    }
+
+    /* Task List */
+    ul[data-type = 'taskList'] {
+      li {
+        > label {
+          padding-top: $he-checklist-padding-top-bigger;
+          padding-right: $he-checklist-padding-right-bigger;
+          input {
+            width: $he-checkbox-width-bigger;
+            height: $he-checkbox-height-bigger;
+          }
+        }
+      }
+    }
+
+    /* collapsible */
+    [data-type = 'collapsible'] {
+      margin: 8px 0;
+      .e-collapsible-body-content {
+        padding-left: calc($he-collapsible-header-gap-bigger + $he-toggle-icon-width-bigger);
+      }
+    }
+    [data-role = 'collapsible-header'] {
+      gap: $he-collapsible-header-gap-bigger;
+
+      /* Collapsible toggle button */
+      .e-toggle-btn {
+        width: $he-toggle-icon-width-bigger;
+        height: $he-toggle-icon-height-bigger;
+
+        svg {
+          width: $he-toggle-icon-width-bigger;
+          height: $he-toggle-icon-height-bigger;
+        }
+      }
+    }
+
+    /* Callout */
+    [data-type = 'callout'] {
+      margin: 8px 0;
+      .e-callout-icon {
+        width: $he-callout-icon-width-bigger;
+        height: $he-callout-icon-height-bigger;
+        padding-top: $he-callout-icon-padding-top-bigger;
+
+        svg {
+          width: $he-callout-icon-width-bigger;
+          height: $he-callout-icon-height-bigger;
+        }
+      }
+    }
+
+    /* Inline code */
+    code {
+      &:not(pre *) {
+        font-size: inherit;
+        line-height: inherit;
+        padding: $he-inline-code-padding-bigger;
+      }
+    }
+
+    /* Code Block Styles */
+    .e-code-block {
+      margin: 8px 0;
+      pre {
+        margin: $he-code-block-bigger-pre-margin;
+        padding-left: $he-code-block-bigger-padding;
+        overflow-x: auto;
+        font-size: $he-font-size-bigger;
+        line-height: $he-line-height-bigger;
+      }
+    }
+
+    /* ======== Divider Blocks Level styles ======== */
+    hr[contenteditable = 'false'] {
+      margin-block: $he-divider-margin-block-bigger;
+    }
+
+    /* ======== Table Block Styles ======== */
+    .tableWrapper {
+      table {
+        th {
+          height: $he-table-heading-height-bigger;
+          padding: $he-table-heading-padding-bigger;
+          font-size: $he-table-heading-font-size-bigger;
+          line-height: $he-table-heading-line-height-bigger;
+        }
+        td {
+          height: $he-table-col-height-bigger;
+          padding: $he-table-col-padding-bigger;
+          font-size: $he-table-col-font-size-bigger;
+          line-height: $he-table-col-line-height-bigger;
+        }
+      }
+    }
+
+    /* ======== RTL Styles ======== */
+    &.e-rtl {
+
+      blockquote {
+        border-left-width: unset;
+        border-right-width: $he-blockquote-left-width-bigger;
+        padding: 0 $he-blockquote-text-padding-bigger 0 0;
+      }
+
+      /* collapsible */
+      [data-type = 'collapsible'] {
+        .e-collapsible-body-content {
+          padding-left: unset;
+          padding-right: calc($he-collapsible-header-gap-bigger + $he-toggle-icon-width-bigger);
+        }
+      }
+
+      /* Task List */
+      ul[data-type = 'taskList'] {
+        li {
+          > label {
+            padding-right: unset;
+            padding-left: $he-checklist-padding-right-bigger;
+          }
+        }
+      }
+    }
+  }
+}