Add shadow to cells

Author: trungleduc

packages/notebook-extension/style/base.css

@@ -27,6 +27,7 @@ body[data-notebook='notebooks']
 body[data-notebook='notebooks'] .jp-Notebook > *:first-child {
   padding-top: var(--jp-notebook-padding-offset);
   margin-top: var(--jp-notebook-toolbar-margin-bottom);
+  box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
 }
 
 body[data-notebook='notebooks'] .jp-Notebook {
@@ -44,13 +45,42 @@ body[data-notebook='notebooks'] .jp-Notebook {
 body[data-notebook='notebooks'] .jp-Notebook.jp-mod-scrollPastEnd::after {
   background: var(--jp-layout-color0);
   min-height: var(--jp-notebook-padding);
+  box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::after,
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::before {
+  content: ' ';
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 11px;
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::before {
+  box-shadow: -11px 0 11px -11px rgb(87 87 87 / 20%) inset;
+  left: -11px;
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::after {
+  box-shadow: 12px 0 11px -11px rgb(87 87 87 / 20%) inset;
+  right: -11px;
 }
 
 /* Cell toolbar adjustements */
 
 body[data-notebook='notebooks'] .jp-cell-toolbar {
   background: unset;
   top: unset;
+  box-shadow: unset;
 }
 
 @media only screen and (max-width: 760px) {