Move more styles

Automattic · Dec 16, 2019 · e06b61a · e06b61a
1 parent 2b197af
commit e06b61a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/...ugin/starter-page-templates/page-template-modal/components/template-selector/preview.scss b/...ugin/starter-page-templates/page-template-modal/components/template-selector/preview.scss
@@ -1,5 +1,13 @@
 @import './shared.scss';
 
+// Preview positioning
+$preview-max-width: 960px;
+$preview-right-margin: 24px;
+$preview-left-sidebar-reduced: calc( 30% + #{$wp-org-sidebar-reduced} );
+$preview-left-sidebar-full: calc( 30% + #{$wp-org-sidebar-full} );
+
+$template-large-preview-title-height: 120px;
+
 // Template Selector Preview
 .template-selector-preview {
 	@media screen and ( max-width: 659px ) {
@@ -178,5 +186,3 @@ body:not( .is-fullscreen-mode ) {
 		height: 100%;
 	}
 }
-
-$template-large-preview-title-height: 120px;
diff --git a/...lugin/starter-page-templates/page-template-modal/components/template-selector/shared.scss b/...lugin/starter-page-templates/page-template-modal/components/template-selector/shared.scss
@@ -1,3 +1,6 @@
+$wp-org-sidebar-reduced: 36px;
+$wp-org-sidebar-full: 160px;
+
 $template-selector-border-color: #e2e4e7;
 $template-selector-border-color-selected: #555d66;
 $template-selector-border-color-active: #00a0d2;

diff --git a/...ugin/starter-page-templates/page-template-modal/styles/starter-page-templates-editor.scss b/...ugin/starter-page-templates/page-template-modal/styles/starter-page-templates-editor.scss
@@ -1,14 +1,5 @@
 @import '../components/template-selector/shared.scss';
 
-$wp-org-sidebar-reduced: 36px;
-$wp-org-sidebar-full: 160px;
-
-// Preview positioning
-$preview-max-width: 960px;
-$preview-right-margin: 24px;
-$preview-left-sidebar-reduced: calc( 30% + #{$wp-org-sidebar-reduced} );
-$preview-left-sidebar-full: calc( 30% + #{$wp-org-sidebar-full} );
-
 // Modal Overlay
 .page-template-modal-screen-overlay {
 	animation: none;