MAINT,DOC: Remove sphinx-panels in favor of sphinx-design

1 files changed, 19 insertions, 13 deletions

diff --git a/doc/source/_static/numpy.css b/doc/source/_static/numpy.css
index 47a078454..1254e1d9e 100644
--- a/doc/source/_static/numpy.css
+++ b/doc/source/_static/numpy.css
@@ -64,25 +64,29 @@ Nat Methods 8, 441 (2011). https://doi.org/10.1038/nmeth.1618
 
 /* Main page overview cards */
 
-.intro-card {
+.sd-card {
   background: #fff;
   border-radius: 0;
   padding: 30px 10px 20px 10px;
   margin: 10px 0px;
 }
 
-.intro-card p.card-text {
+.sd-card .sd-card-header {
+  text-align: center;
+}
+
+.sd-card .sd-card-header .sd-card-text {
   margin: 0px;
 }
 
-.intro-card .card-img-top {
+.sd-card .sd-card-img-top {
   height: 52px;
   width: 52px;
   margin-left: auto;
   margin-right: auto;
 }
 
-.intro-card .card-header {
+.sd-card .sd-card-header {
   border: none;
   background-color: white;
   color: #150458 !important;
@@ -91,35 +95,37 @@ Nat Methods 8, 441 (2011). https://doi.org/10.1038/nmeth.1618
   padding: 2.5rem 0rem 0.5rem 0rem;
 }
 
-.intro-card .card-footer {
+.sd-card .sd-card-footer {
   border: none;
   background-color: white;
 }
 
-.intro-card .card-footer p.card-text {
+.sd-card .sd-card-footer .sd-card-text {
   max-width: 220px;
   margin-left: auto;
   margin-right: auto;
 }
 
-
-
 /* Dark theme tweaking */
-html[data-theme=dark] .intro-card img[src*='.svg'] {
+html[data-theme=dark] .sd-card img[src*='.svg'] {
     filter: invert(0.82) brightness(0.8) contrast(1.2);
 }
 
 /* Main index page overview cards */
-html[data-theme=dark] .shadow {
-    box-shadow: 0 .5rem 1rem rgba(250, 250, 250, .6) !important
+html[data-theme=dark] .sd-card {
+  background-color:var(--pst-color-background);
+}
+
+html[data-theme=dark] .sd-shadow-sm {
+    box-shadow: 0 .1rem 1rem rgba(250, 250, 250, .6) !important
 }
 
-html[data-theme=dark] .intro-card .card-header {
+html[data-theme=dark] .sd-card .sd-card-header {
   background-color:var(--pst-color-background);
   color: #150458 !important;
 }
 
-html[data-theme=dark] .intro-card .card-footer {
+html[data-theme=dark] .sd-card .sd-card-footer {
   background-color:var(--pst-color-background);
 }