fix(window): extract window variables

telerik · Oct 1, 2020 · 2011e06 · 2011e06
1 parent 995d50f
commit 2011e06
Show file tree

Hide file tree

Showing 16 changed files with 152 additions and 152 deletions.
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -754,44 +754,6 @@ $drag-clue-line-height: null !default;
 $drag-clue-border-radius: null !default;
 
 
-// Window
-$window-border-width: 1px !default;
-$window-border-radius: $border-radius !default;
-$window-font-family: $font-family !default;
-$window-font-size: $font-size !default;
-$window-line-height: $line-height !default;
-
-$window-inner-padding-x: $modal-inner-padding !default;
-$window-inner-padding-y: $modal-inner-padding !default;
-
-$window-titlebar-padding-x: $modal-header-padding-x !default;
-$window-titlebar-padding-y: $modal-header-padding-y !default;
-$window-titlebar-border-width: 0 0 1px !default;
-$window-titlebar-border-style: solid !default;
-
-$window-title-spacing: 0px !default;
-$window-title-font-size: $font-size-lg !default;
-$window-title-line-height: $modal-title-line-height !default;
-
-$window-bg: $modal-content-bg !default;
-$window-text: $modal-content-color !default;
-$window-border: $modal-content-border-color !default;
-
-$window-titlebar-bg: null !default;
-$window-titlebar-text: null !default;
-$window-titlebar-border: $modal-header-border-color !default;
-
-$window-shadow: null !default;
-$window-focused-shadow: null !default;
-
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
-
-
 // Layout
 $grid-cols: 12 !default;
 $grid-rows: 10 !default;

diff --git a/packages/bootstrap/scss/forms/_index.scss b/packages/bootstrap/scss/forms/_index.scss
@@ -4,6 +4,7 @@
 
 // Dependencies // TODO: extract variables
 @import "../toolbar/_index.scss";
+@import "../window/_variables.scss";
 
 
 // Component

diff --git a/packages/bootstrap/scss/window/_index.scss b/packages/bootstrap/scss/window/_index.scss
@@ -11,5 +11,6 @@
 
 
 // Component
+@import "_variables.scss";
 @import "_layout.scss";
 @import "_theme.scss";
diff --git a/packages/bootstrap/scss/window/_variables.scss b/packages/bootstrap/scss/window/_variables.scss
@@ -0,0 +1,36 @@
+// Window
+$window-border-width: 1px !default;
+$window-border-radius: $border-radius !default;
+$window-font-family: $font-family !default;
+$window-font-size: $font-size !default;
+$window-line-height: $line-height !default;
+
+$window-inner-padding-x: $modal-inner-padding !default;
+$window-inner-padding-y: $modal-inner-padding !default;
+
+$window-titlebar-padding-x: $modal-header-padding-x !default;
+$window-titlebar-padding-y: $modal-header-padding-y !default;
+$window-titlebar-border-width: 0 0 1px !default;
+$window-titlebar-border-style: solid !default;
+
+$window-title-spacing: 0px !default;
+$window-title-font-size: $font-size-lg !default;
+$window-title-line-height: $modal-title-line-height !default;
+
+$window-bg: $modal-content-bg !default;
+$window-text: $modal-content-color !default;
+$window-border: $modal-content-border-color !default;
+
+$window-titlebar-bg: null !default;
+$window-titlebar-text: null !default;
+$window-titlebar-border: $modal-header-border-color !default;
+
+$window-shadow: null !default;
+$window-focused-shadow: null !default;
+
+$window-sizes: () !default;
+$window-sizes: map-merge((
+        sm: 300px,
+        md: 800px,
+        lg: 1200px
+), $window-sizes);
diff --git a/packages/classic/scss/_variables.scss b/packages/classic/scss/_variables.scss
@@ -737,44 +737,6 @@ $drag-clue-line-height: null !default;
 $drag-clue-border-radius: null !default;
 
 
-// Window
-$window-border-width: 0 !default;
-$window-border-radius: 0 !default;
-$window-font-family: $font-family !default;
-$window-font-size: $font-size !default;
-$window-line-height: $line-height !default;
-
-$window-titlebar-padding-x: 16px !default;
-$window-titlebar-padding-y: 12px !default;
-$window-titlebar-border-width: 0 0 1px !default;
-$window-titlebar-border-style: solid !default;
-
-$window-title-spacing: 0 !default;
-$window-title-font-size: $font-size-lg !default;
-$window-title-line-height: ( 20 / 19 ) !default; // desired line-height divided by $font-size-lg
-
-$window-inner-padding-x: 16px !default;
-$window-inner-padding-y: 16px !default;
-
-$window-bg: $component-bg !default;
-$window-text: $component-text !default;
-$window-border: rgba(0, 0, 0, .08) !default;
-
-$window-titlebar-bg: $header-bg !default;
-$window-titlebar-text: $header-text !default;
-$window-titlebar-border: inherit !default;
-
-$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
-$window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
-
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
-
-
 // Layout
 $grid-cols: 12 !default;
 $grid-rows: 10 !default;

diff --git a/packages/classic/scss/forms/_index.scss b/packages/classic/scss/forms/_index.scss
@@ -1,5 +1,6 @@
 // Dependencies // TODO: extract variables
 @import "../toolbar/_index.scss";
+@import "../window/_variables.scss";
 
 
 // Component

diff --git a/packages/classic/scss/window/_index.scss b/packages/classic/scss/window/_index.scss
@@ -1,3 +1,4 @@
 // Component
+@import "_variables.scss";
 @import "~@progress/kendo-theme-default/scss/window/_layout.scss";
 @import "~@progress/kendo-theme-default/scss/window/_theme.scss";
diff --git a/packages/classic/scss/window/_variables.scss b/packages/classic/scss/window/_variables.scss
@@ -0,0 +1,36 @@
+// Window
+$window-border-width: 0 !default;
+$window-border-radius: 0 !default;
+$window-font-family: $font-family !default;
+$window-font-size: $font-size !default;
+$window-line-height: $line-height !default;
+
+$window-titlebar-padding-x: 16px !default;
+$window-titlebar-padding-y: 12px !default;
+$window-titlebar-border-width: 0 0 1px !default;
+$window-titlebar-border-style: solid !default;
+
+$window-title-spacing: 0 !default;
+$window-title-font-size: $font-size-lg !default;
+$window-title-line-height: ( 20 / 19 ) !default; // desired line-height divided by $font-size-lg
+
+$window-inner-padding-x: 16px !default;
+$window-inner-padding-y: 16px !default;
+
+$window-bg: $component-bg !default;
+$window-text: $component-text !default;
+$window-border: rgba(0, 0, 0, .08) !default;
+
+$window-titlebar-bg: $header-bg !default;
+$window-titlebar-text: $header-text !default;
+$window-titlebar-border: inherit !default;
+
+$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
+$window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
+
+$window-sizes: () !default;
+$window-sizes: map-merge((
+        sm: 300px,
+        md: 800px,
+        lg: 1200px
+), $window-sizes);
diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss
@@ -758,44 +758,6 @@ $drag-clue-line-height: null !default;
 $drag-clue-border-radius: null !default;
 
 
-// Window
-$window-border-width: 0px !default;
-$window-border-radius: 0px !default;
-$window-font-family: $font-family !default;
-$window-font-size: $font-size !default;
-$window-line-height: $line-height !default;
-
-$window-titlebar-padding-x: 16px !default;
-$window-titlebar-padding-y: 12px !default;
-$window-titlebar-border-width: 0 0 1px !default;
-$window-titlebar-border-style: solid !default;
-
-$window-title-spacing: 0px !default;
-$window-title-font-size: $font-size-lg !default;
-$window-title-line-height: ( 20 / 19 ) !default; // desired line-height divided by $font-size-lg
-
-$window-inner-padding-x: 16px !default;
-$window-inner-padding-y: 16px !default;
-
-$window-bg: $component-bg !default;
-$window-text: $component-text !default;
-$window-border: $component-border !default;
-
-$window-titlebar-bg: $header-bg !default;
-$window-titlebar-text: $header-text !default;
-$window-titlebar-border: inherit !default;
-
-$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
-$window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
-
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
-
-
 // Layout
 $grid-cols: 12 !default;
 $grid-rows: 10 !default;

diff --git a/packages/default/scss/forms/_index.scss b/packages/default/scss/forms/_index.scss
@@ -4,6 +4,7 @@
 
 // Dependencies // TODO: extract variables
 @import "../toolbar/_index.scss";
+@import "../window/_variables.scss";
 
 
 // Component

diff --git a/packages/default/scss/window/_index.scss b/packages/default/scss/window/_index.scss
@@ -11,5 +11,6 @@
 
 
 // Component
+@import "_variables.scss";
 @import "_layout.scss";
 @import "_theme.scss";
diff --git a/packages/default/scss/window/_variables.scss b/packages/default/scss/window/_variables.scss
@@ -0,0 +1,36 @@
+// Window
+$window-border-width: 0px !default;
+$window-border-radius: 0px !default;
+$window-font-family: $font-family !default;
+$window-font-size: $font-size !default;
+$window-line-height: $line-height !default;
+
+$window-titlebar-padding-x: 16px !default;
+$window-titlebar-padding-y: 12px !default;
+$window-titlebar-border-width: 0 0 1px !default;
+$window-titlebar-border-style: solid !default;
+
+$window-title-spacing: 0px !default;
+$window-title-font-size: $font-size-lg !default;
+$window-title-line-height: ( 20 / 19 ) !default; // desired line-height divided by $font-size-lg
+
+$window-inner-padding-x: 16px !default;
+$window-inner-padding-y: 16px !default;
+
+$window-bg: $component-bg !default;
+$window-text: $component-text !default;
+$window-border: $component-border !default;
+
+$window-titlebar-bg: $header-bg !default;
+$window-titlebar-text: $header-text !default;
+$window-titlebar-border: inherit !default;
+
+$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
+$window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
+
+$window-sizes: () !default;
+$window-sizes: map-merge((
+        sm: 300px,
+        md: 800px,
+        lg: 1200px
+), $window-sizes);
diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
@@ -800,44 +800,6 @@ $drag-clue-line-height: $line-height !default;
 $drag-clue-border-radius: calc( ( #{$drag-clue-line-height} * ( #{$font-size} + #{$padding-y} ) ) / 2 ) !default;
 
 
-// Window
-$window-border-width: 0px !default;
-$window-border-radius: 4px !default;
-$window-font-family: $font-family !default;
-$window-font-size: $font-size !default;
-$window-line-height: $line-height !default;
-
-$window-titlebar-padding-x: 24px !default;
-$window-titlebar-padding-y: 24px !default;
-$window-titlebar-border-width: 0px !default;
-$window-titlebar-border-style: solid !default;
-
-$window-title-spacing: -.15em 0 !default;
-$window-title-font-size: 20px !default;
-$window-title-line-height: 1.4 !default;
-
-$window-inner-padding-x: 24px !default;
-$window-inner-padding-y: 24px !default;
-
-$window-bg: $component-bg !default;
-$window-text: $component-text !default;
-$window-border: null !default;
-
-$window-titlebar-bg: null !default;
-$window-titlebar-text: null !default;
-$window-titlebar-border: null !default;
-
-$window-shadow: $box-shadow-depth-4 !default;
-$window-focused-shadow: $box-shadow-depth-5 !default;
-
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
-
-
 // Layout
 $grid-cols: 12 !default;
 $grid-rows: 10 !default;

diff --git a/packages/material/scss/forms/_index.scss b/packages/material/scss/forms/_index.scss
@@ -4,6 +4,7 @@
 
 // Dependencies // TODO: extract variables
 @import "../toolbar/_index.scss";
+@import "../window/_variables.scss";
 
 
 // Component

diff --git a/packages/material/scss/window/_index.scss b/packages/material/scss/window/_index.scss
@@ -11,5 +11,6 @@
 
 
 // Component
+@import "_variables.scss";
 @import "_layout.scss";
 @import "_theme.scss";
diff --git a/packages/material/scss/window/_variables.scss b/packages/material/scss/window/_variables.scss
@@ -0,0 +1,36 @@
+// Window
+$window-border-width: 0px !default;
+$window-border-radius: 4px !default;
+$window-font-family: $font-family !default;
+$window-font-size: $font-size !default;
+$window-line-height: $line-height !default;
+
+$window-titlebar-padding-x: 24px !default;
+$window-titlebar-padding-y: 24px !default;
+$window-titlebar-border-width: 0px !default;
+$window-titlebar-border-style: solid !default;
+
+$window-title-spacing: -.15em 0 !default;
+$window-title-font-size: 20px !default;
+$window-title-line-height: 1.4 !default;
+
+$window-inner-padding-x: 24px !default;
+$window-inner-padding-y: 24px !default;
+
+$window-bg: $component-bg !default;
+$window-text: $component-text !default;
+$window-border: null !default;
+
+$window-titlebar-bg: null !default;
+$window-titlebar-text: null !default;
+$window-titlebar-border: null !default;
+
+$window-shadow: $box-shadow-depth-4 !default;
+$window-focused-shadow: $box-shadow-depth-5 !default;
+
+$window-sizes: () !default;
+$window-sizes: map-merge((
+        sm: 300px,
+        md: 800px,
+        lg: 1200px
+), $window-sizes);