got gradient overlay working on addtostudio modal

src/_colors.scss

@@ -34,6 +34,7 @@ $active-gray: hsla(0, 0, 0, .1);
 $active-dark-gray: hsla(0, 0, 0, .2);
 $box-shadow-gray: hsla(0, 0, 0, .25);
 $overlay-gray: hsla(0, 0, 0, .75);
+$transparent: rgba(229, 240, 254, 0);
 
 /* Typography Colors */
 $header-gray: hsla(0, 0, 42, 1); //#6B6B6B

src/components/modal/addtostudio/modal.jsx

@@ -1,6 +1,8 @@
 // NOTE: next questions:
-// * should i make these buttons actual select/checkbox elements?
-// then i could just submit the form or something, right?
+// * should the button to submit instantly? By clicking away shouldn't effectively undo what you thought you did.
+// * should it really be pinned on the page? Isn't that something you're trying to move away from?
+// *
+// *
 
 const bindAll = require('lodash.bindall');
 const truncate = require('lodash.truncate');
@@ -202,8 +204,11 @@ class AddToStudioModal extends React.Component {
                                     {studioButtons}
                                 </div>
                             </div>
+                            <div className="studio-list-bottom-gradient">
+                            </div>
                         </div>
 
+
                         <Form
                             className="add-to-studio"
                             onSubmit={this.handleSubmit}

src/components/modal/addtostudio/modal.scss

@@ -40,6 +40,7 @@
 
 .studio-list-outer-scrollbox {
     background-color: $ui-blue-10percent-solid;
+    position: relative;
 }
 
 .studio-list-inner-scrollbox {
@@ -68,11 +69,25 @@
     justify-content: flex-start;
     flex-flow: row wrap;
     padding: 1rem 3rem;
+
+    min-height: 30rem;
 }
 /* NOTE: force scrolling: add to above:
     min-height: 30rem;
 */
 
+.studio-list-bottom-gradient {
+    position: absolute;
+    bottom: 0;
+    background: linear-gradient(
+        $transparent,
+        $ui-blue-10percent
+    );
+    width: 100%;
+    height: 2rem;
+}
+
+
 .studio-selector-button {
     background-color: $ui-white;
     color: $type-gray;