move parent theme css earlier in the inclusion order (#451)

Author: akhmerov

pydata_sphinx_theme/static/css/blank.css

@@ -0,0 +1,2 @@
+/* This file is intentionally left blank to override the stylesheet of the
+parent theme via theme.conf. The parent style we import directly in theme.css */

pydata_sphinx_theme/static/css/index.ba352cd6b068e1f086448f8c213af9de.css renamed to pydata_sphinx_theme/static/css/index.0884b3a9c6335b337dc42acb87c1ef31.css

@@ -1,3 +1,6 @@
+/* Provided by the Sphinx base theme template at build time */
+@import "../basic.css";
+
 :root {
   /*****************************************************************************
   * Theme config

pydata_sphinx_theme/static/css/theme.css

@@ -13,13 +13,13 @@
 
 {% macro head_pre_bootstrap() %}
   <link href="{{ pathto('_static/css/theme.css', 1) }}" rel="stylesheet">
-  <link href="{{ pathto('_static/css/index.ba352cd6b068e1f086448f8c213af9de.css', 1) }}" rel="stylesheet">
+  <link href="{{ pathto('_static/css/index.0884b3a9c6335b337dc42acb87c1ef31.css', 1) }}" rel="stylesheet">
 {% endmacro %}
 
 {% macro head_js_preload() %}
-  <link rel="preload" as="script" href="{{ pathto('_static/js/index.1426bd52e66c6024bf44.js', 1) }}">
+  <link rel="preload" as="script" href="{{ pathto('_static/js/index.8ce51e06244021f9481b.js', 1) }}">
 {% endmacro %}
 
 {% macro body_post() %}
-  <script src="{{ pathto('_static/js/index.1426bd52e66c6024bf44.js', 1) }}"></script>
+  <script src="{{ pathto('_static/js/index.8ce51e06244021f9481b.js', 1) }}"></script>
 {% endmacro %}

pydata_sphinx_theme/static/js/index.1426bd52e66c6024bf44.js renamed to pydata_sphinx_theme/static/js/index.8ce51e06244021f9481b.js

@@ -1,5 +1,6 @@
 [theme]
 inherit = basic
+stylesheet = css/blank.css
 pygments_style = tango
 sidebars = search-field.html, sidebar-nav-bs.html, sidebar-ethical-ads.html
 

pydata_sphinx_theme/static/webpack-macros.html

@@ -1,8 +1,8 @@
 // Admonitions CSS originally inspired by https://squidfunk.github.io/mkdocs-material/getting-started/
 
-.admonition {
+div.admonition, .admonition{
   margin: 1.5625em auto;
-  padding: 0 0.6rem 0.8rem 0.6rem !important;
+  padding: 0 0.6rem 0.8rem 0.6rem;
   overflow: hidden;
   page-break-inside: avoid;
   border-left: 0.2rem solid;
@@ -30,7 +30,7 @@
   // Defaults for all admonitions
   > .admonition-title {
     position: relative;
-    margin: 0 -0.6rem !important;
+    margin: 0 -0.6rem;
     padding: 0.4rem 0.6rem 0.4rem 2rem;
     font-weight: 700;
     background-color: rgba(var(--pst-color-admonition-default), 0.1);

pydata_sphinx_theme/theme.conf

@@ -32,7 +32,7 @@
 // If we want the shadow to only point downward in the future, set
 // box-shadow to: 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.11);
 .navbar-light {
-  background: #fff !important;
+  background: #fff;
   box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.11);
 
   .navbar-nav {

src/scss/_admonitions.scss

@@ -229,7 +229,7 @@ footer {
   margin-left: -15px;
 
   @include media-breakpoint-up(md) {
-    display: block !important;
+    display: block;
 
     @supports (position: -webkit-sticky) or (position: sticky) {
       max-height: calc(100vh - 11rem);
@@ -500,7 +500,7 @@ nav.bd-links {
 
 // xarray output display in bootstrap
 .xr-wrap[hidden] {
-  display: block !important;
+  display: block;
 }
 
 
@@ -579,9 +579,9 @@ nav.bd-links {
 table.highlighttable td.linenos,
 span.linenos,
 div.doctest > div.highlight span.gp {  /* gp: Generic.Prompt */
-  user-select: none !important;
-  -webkit-user-select: text !important; /* Safari fallback only */
-  -webkit-user-select: none !important; /* Chrome/Safari */
-  -moz-user-select: none !important; /* Firefox */
-  -ms-user-select: none !important; /* IE10+ */
+  user-select: none;
+  -webkit-user-select: text; /* Safari fallback only */
+  -webkit-user-select: none; /* Chrome/Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* IE10+ */
 }

src/scss/_navbar.scss

@@ -108,7 +108,7 @@ module.exports = {
   },
   plugins: [
     new CleanWebpackPlugin({
-      cleanOnceBeforeBuildPatterns: ['**/*', '!css', '!css/theme.css'],
+      cleanOnceBeforeBuildPatterns: ['**/*', '!css', '!css/theme.css', '!css/blank.css'],
     }),
     new HtmlWebpackPlugin({
       filename: resolve(staticPath, 'webpack-macros.html'),