Added scss variables

src/app/shared/uploader/uploader.component.scss

@@ -10,7 +10,7 @@
 }
 
 .ds-base-drop-zone p {
-  min-height: 42px;
+  min-height: $drop-zone-area-height;
 }
 
 .ds-document-drop-zone {

src/app/submission/form/collection/submission-form-collection.component.scss

@@ -2,7 +2,7 @@
 
 .scrollable-menu {
   height: auto;
-  max-height: 200px;
+  max-height: $dropdown-menu-max-height;
   overflow-x: hidden;
 }
 

src/app/submission/sections/container/section-container.component.scss

 @import '../../../../styles/variables';
 
 :host /deep/ .card {
-  margin-bottom: 0.5rem;
+  margin-bottom: $border-radius * 2;
 }
 
 .section-focus {
-  // box-shadow: $btn-focus-box-shadow;
-  border-radius: 0.25rem;
+  border-radius: $border-radius;
   box-shadow: $btn-focus-box-shadow;
 }

src/app/submission/sections/upload/file/file.component.scss

@@ -2,7 +2,7 @@
 
 .sticky-buttons {
   position: sticky;
-  top: 72px;
+  top: $dropdown-item-padding-x * 3;
   z-index: $submission-footer-z-index;
   background-color: rgba($white, .97);
 }

src/styles/_custom_variables.scss

@@ -4,6 +4,7 @@ $button-height: $input-btn-padding-y * 2 + $input-btn-line-height + calculateRem
 $card-height-percentage:98%;
 $card-thumbnail-height:240px;
 $dropdown-menu-max-height: 200px;
+$drop-zone-area-height: 42px;
 $drop-zone-area-z-index: 1025;
 $drop-zone-area-inner-z-index: 1021;
 $login-logo-height:72px;