@inchurch/matcha-theme 20.0.8 → 20.276.0

package/tokens/_spacing-tokens.scss

@@ -1,94 +1,94 @@
-$unit-base-pixels: px;
-$unit-base-percent: .0%;
-
-// Border Radius — aligned with Figma (matcha/radius/*)
-$border-radius-none: 0px;
-$border-radius-sm: 2px;
-$border-radius-md: 4px;
-$border-radius-lg: 8px;
-$border-radius-xl: 16px;
-$border-radius-2xl: 24px;
-$border-radius-pill: 9999px;
-
-// Border Width — aligned with Figma (matcha/border/*)
-$border-width-none: 0px;
-$border-width-hairline: 1px;
-$border-width-thin: 2px;
-$border-width-medium: 4px;
-$border-width-thick: 8px;
-$border-style-none: none;
-$border-style-solid: solid;
-$border-style-dashed: dashed;
-$border-style-dotted: dotted;
-
-$size-padding-minimum: 8px;
-$size-padding-xxsmall: 16px;
-$size-padding-xsmall: 24px;
-$size-padding-small: 32px;
-$size-padding-medium: 40px;
-$size-padding-big: 48px;
-$size-padding-bigger: 56px;
-$size-padding-tall: 64px;
-$size-padding-taller: 72px;
-$size-padding-large: 80px;
-$size-padding-xlarge: 88px;
-$size-padding-xxlarge: 96px;
-$size-padding-larger: 104px;
-$size-padding-largest: 112px;
-$size-padding-wider: 120px;
-$spacing-stack-min: 8px 0; // 8px
-$spacing-stack-xxs: 16px 0; // 16px
-$spacing-stack-xs: 24px 0; // 24px
-$spacing-stack-s: 32px 0; // 32px
-$spacing-stack-m: 40px 0; // 40px
-$spacing-stack-big: 48px 0; // 48px
-$spacing-stack-bgg: 56px 0; // 56px
-$spacing-stack-tll: 64px 0; // 64px
-$spacing-stack-tlr: 72px 0; // 72px
-$spacing-stack-lg: 80px 0; // 80px
-$spacing-stack-xl: 88px 0; // 88px
-$spacing-stack-xxl: 96px 0; // 96px
-$spacing-stack-lgr: 104px 0; // 104px
-$spacing-stack-lgs: 112px 0; // 112px
-$spacing-inline-min: 0 8px; // 8px
-$spacing-inline-xxs: 0 16px; // 16px
-$spacing-inline-xs: 0 24px; // 24px
-$spacing-inline-s: 0 32px; // 32px
-$spacing-inline-m: 0 40px; // 40px
-$spacing-inline-big: 0 48px; // 48px
-$spacing-inline-bgg: 0 56px; // 56px
-$spacing-inline-tll: 0 64px; // 64px
-$spacing-inline-tlr: 0 72px; // 72px
-$spacing-inline-lg: 0 80px; // 80px
-$spacing-inline-xl: 0 88px; // 88px
-$spacing-inline-xxl: 0 96px; // 96px
-$spacing-inline-lgr: 0 104px; // 104px
-$spacing-inline-lgs: 0 112px; // 112px
-$spacing-inset-min: 8px 8px; // 8px
-$spacing-inset-xxs: 16px 16px; // 16px
-$spacing-inset-xs: 24px 24px; // 24px
-$spacing-inset-s: 32px 32px; // 32px
-$spacing-inset-m: 40px 40px; // 40px
-$spacing-inset-big: 48px 48px; // 48px
-$spacing-inset-bgg: 56px 56px; // 56px
-$spacing-inset-tll: 64px 64px; // 64px
-$spacing-inset-tlr: 72px 72px; // 72px
-$spacing-inset-lg: 80px 80px; // 80px
-$spacing-inset-xl: 88px 88px; // 88px
-$spacing-inset-xxl: 96px 96px; // 96px
-$spacing-inset-lgr: 104px 104px; // 104px
-$spacing-inset-lgs: 112px 112px; // 112px
-$spacing-squish-min: 8px 16px; // 8px
-$spacing-squish-xxs: 16px 24px; // 16px
-$spacing-squish-xs: 24px 32px; // 24px
-$spacing-squish-s: 32px 40px; // 32px
-$spacing-squish-m: 40px 48px; // 40px
-$spacing-squish-big: 48px 56px; // 48px
-$spacing-squish-bgg: 56px 64px; // 56px
-$spacing-squish-tll: 64px 72px; // 64px
-$spacing-squish-tlr: 72px 80px; // 72px
-$spacing-squish-lg: 80px 88px; // 80px
-$spacing-squish-xl: 88px 96px; // 88px
-$spacing-squish-xxl: 96px 104px; // 96px
-$spacing-squish-lgr: 104px 112px; // 104px
-$spacing-squish-lgs: 112px 120px; // 112px
+$unit-base-pixels: px;
+$unit-base-percent: .0%;
+
+// Border Radius — aligned with Figma (matcha/radius/*)
+$border-radius-none: 0px;
+$border-radius-sm: 2px;
+$border-radius-md: 4px;
+$border-radius-lg: 8px;
+$border-radius-xl: 16px;
+$border-radius-2xl: 24px;
+$border-radius-pill: 9999px;
+
+// Border Width — aligned with Figma (matcha/border/*)
+$border-width-none: 0px;
+$border-width-hairline: 1px;
+$border-width-thin: 2px;
+$border-width-medium: 4px;
+$border-width-thick: 8px;
+$border-style-none: none;
+$border-style-solid: solid;
+$border-style-dashed: dashed;
+$border-style-dotted: dotted;
+
+$size-padding-minimum: 8px;
+$size-padding-xxsmall: 16px;
+$size-padding-xsmall: 24px;
+$size-padding-small: 32px;
+$size-padding-medium: 40px;
+$size-padding-big: 48px;
+$size-padding-bigger: 56px;
+$size-padding-tall: 64px;
+$size-padding-taller: 72px;
+$size-padding-large: 80px;
+$size-padding-xlarge: 88px;
+$size-padding-xxlarge: 96px;
+$size-padding-larger: 104px;
+$size-padding-largest: 112px;
+$size-padding-wider: 120px;
+$spacing-stack-min: 8px 0; // 8px
+$spacing-stack-xxs: 16px 0; // 16px
+$spacing-stack-xs: 24px 0; // 24px
+$spacing-stack-s: 32px 0; // 32px
+$spacing-stack-m: 40px 0; // 40px
+$spacing-stack-big: 48px 0; // 48px
+$spacing-stack-bgg: 56px 0; // 56px
+$spacing-stack-tll: 64px 0; // 64px
+$spacing-stack-tlr: 72px 0; // 72px
+$spacing-stack-lg: 80px 0; // 80px
+$spacing-stack-xl: 88px 0; // 88px
+$spacing-stack-xxl: 96px 0; // 96px
+$spacing-stack-lgr: 104px 0; // 104px
+$spacing-stack-lgs: 112px 0; // 112px
+$spacing-inline-min: 0 8px; // 8px
+$spacing-inline-xxs: 0 16px; // 16px
+$spacing-inline-xs: 0 24px; // 24px
+$spacing-inline-s: 0 32px; // 32px
+$spacing-inline-m: 0 40px; // 40px
+$spacing-inline-big: 0 48px; // 48px
+$spacing-inline-bgg: 0 56px; // 56px
+$spacing-inline-tll: 0 64px; // 64px
+$spacing-inline-tlr: 0 72px; // 72px
+$spacing-inline-lg: 0 80px; // 80px
+$spacing-inline-xl: 0 88px; // 88px
+$spacing-inline-xxl: 0 96px; // 96px
+$spacing-inline-lgr: 0 104px; // 104px
+$spacing-inline-lgs: 0 112px; // 112px
+$spacing-inset-min: 8px 8px; // 8px
+$spacing-inset-xxs: 16px 16px; // 16px
+$spacing-inset-xs: 24px 24px; // 24px
+$spacing-inset-s: 32px 32px; // 32px
+$spacing-inset-m: 40px 40px; // 40px
+$spacing-inset-big: 48px 48px; // 48px
+$spacing-inset-bgg: 56px 56px; // 56px
+$spacing-inset-tll: 64px 64px; // 64px
+$spacing-inset-tlr: 72px 72px; // 72px
+$spacing-inset-lg: 80px 80px; // 80px
+$spacing-inset-xl: 88px 88px; // 88px
+$spacing-inset-xxl: 96px 96px; // 96px
+$spacing-inset-lgr: 104px 104px; // 104px
+$spacing-inset-lgs: 112px 112px; // 112px
+$spacing-squish-min: 8px 16px; // 8px
+$spacing-squish-xxs: 16px 24px; // 16px
+$spacing-squish-xs: 24px 32px; // 24px
+$spacing-squish-s: 32px 40px; // 32px
+$spacing-squish-m: 40px 48px; // 40px
+$spacing-squish-big: 48px 56px; // 48px
+$spacing-squish-bgg: 56px 64px; // 56px
+$spacing-squish-tll: 64px 72px; // 64px
+$spacing-squish-tlr: 72px 80px; // 72px
+$spacing-squish-lg: 80px 88px; // 80px
+$spacing-squish-xl: 88px 96px; // 88px
+$spacing-squish-xxl: 96px 104px; // 96px
+$spacing-squish-lgr: 104px 112px; // 104px
+$spacing-squish-lgs: 112px 120px; // 112px

package/vendors/angular-editor.scss

@@ -1,56 +1,56 @@
-@mixin vendor-angular-editor($theme) {
-    $is-dark-theme: map-get($theme, is-dark);
-    $primary: map-get($theme, primary);
-    $accent: map-get($theme, accent);
-    $warn: map-get($theme, warn);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
-
-    .angular-editor {
-        .angular-editor-toolbar {
-            font: 100 0.8rem/15px Roboto, Arial, sans-serif !important;
-            background-color: map-get($background, disabled) !important;
-            padding: 8px !important;
-            // height: 56px;
-            border: 0px !important;
-
-            .angular-editor-toolbar-set {
-                .angular-editor-button {
-                    background-color: transparent !important;
-                    vertical-align: middle !important;
-                    border: 0 !important;
-                    padding: 8px !important;
-                    float: left !important;
-                    border-radius: 50px;
-
-                    &:hover {
-                        background: map-get($background, card-alpha) !important;
-                    }
-
-                    &.active {
-                        background: map-get($background, card) !important;
-                    }
-
-                    i {
-                        color: map-get($foreground, foreground);
-                        height: 24px !important;
-                        width: 24px !important;
-                        font-size: 16px !important;
-                        line-height: 24px !important;
-                    }
-                }
-            }
-        }
-
-        .angular-editor-textarea {
-            min-height: 100px !important;
-            height: 30vh !important;
-            padding: 16px !important;
-            border: 0px !important;
-            background-color: transparent !important;
-            overflow-x: hidden !important;
-            overflow-y: auto !important;
-            position: relative !important;
-        }
-    }
-}
+@mixin vendor-angular-editor($theme) {
+    $is-dark-theme: map-get($theme, is-dark);
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    .angular-editor {
+        .angular-editor-toolbar {
+            font: 100 0.8rem/15px Roboto, Arial, sans-serif !important;
+            background-color: map-get($background, disabled) !important;
+            padding: 8px !important;
+            // height: 56px;
+            border: 0px !important;
+
+            .angular-editor-toolbar-set {
+                .angular-editor-button {
+                    background-color: transparent !important;
+                    vertical-align: middle !important;
+                    border: 0 !important;
+                    padding: 8px !important;
+                    float: left !important;
+                    border-radius: 50px;
+
+                    &:hover {
+                        background: map-get($background, card-alpha) !important;
+                    }
+
+                    &.active {
+                        background: map-get($background, card) !important;
+                    }
+
+                    i {
+                        color: map-get($foreground, foreground);
+                        height: 24px !important;
+                        width: 24px !important;
+                        font-size: 16px !important;
+                        line-height: 24px !important;
+                    }
+                }
+            }
+        }
+
+        .angular-editor-textarea {
+            min-height: 100px !important;
+            height: 30vh !important;
+            padding: 16px !important;
+            border: 0px !important;
+            background-color: transparent !important;
+            overflow-x: hidden !important;
+            overflow-y: auto !important;
+            position: relative !important;
+        }
+    }
+}