Reverted color transitions on all elements

material/assets/manifest.json

@@ -5,8 +5,8 @@
   "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.de50e36d.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.27c6a5e6.min.js",
   "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.27c6a5e6.min.js.map",
-  "assets/stylesheets/main.css": "assets/stylesheets/main.58cd5b42.min.css",
+  "assets/stylesheets/main.css": "assets/stylesheets/main.d6c38d2b.min.css",
-  "assets/stylesheets/main.css.map": "assets/stylesheets/main.58cd5b42.min.css.map",
+  "assets/stylesheets/main.css.map": "assets/stylesheets/main.d6c38d2b.min.css.map",
   "assets/stylesheets/palette.css": "assets/stylesheets/palette.02db69e1.min.css",
   "assets/stylesheets/palette.css.map": "assets/stylesheets/palette.02db69e1.min.css.map"
 }

material/base.html

@@ -41,7 +41,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.58cd5b42.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.d6c38d2b.min.css' | url }}">
       {% if palette.scheme or palette.primary or palette.accent %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.02db69e1.min.css' | url }}">
       {% endif %}

src/assets/stylesheets/base/_typeset.scss

@@ -36,9 +36,6 @@ input {
   color: var(--md-text-color);
   font-feature-settings: "kern", "liga";
   font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  transition:
-    color            250ms,
-    background-color 250ms;
 }
 
 // Proportionally spaced fonts
@@ -48,9 +45,6 @@ kbd {
   color: var(--md-text-color);
   font-feature-settings: "kern";
   font-family: SFMono-Regular, Consolas, Menlo, monospace;
-  transition:
-    color            250ms,
-    background-color 250ms;
 }
 
 // ----------------------------------------------------------------------------
@@ -144,7 +138,7 @@ kbd {
     // Also enable color transition on pseudo elements
     &,
     &::before {
-      transition: color 250ms;
+      transition: color 125ms;
     }
 
     // Focused or hover links
@@ -298,9 +292,6 @@ kbd {
     padding-left: px2rem(12px);
     color: var(--md-default-fg-color--light);
     border-left: px2rem(4px) solid var(--md-default-fg-color--lighter);
-    transition:
-      color        250ms,
-      border-color 250ms;
 
     // Adjust for right-to-left languages
     [dir="rtl"] & {
@@ -451,7 +442,7 @@ kbd {
 
     // Table rows
     tr {
-      transition: background-color 250ms;
+      transition: background-color 125ms;
 
       // Add background on hover
       &:hover {

src/assets/stylesheets/extensions/_admonition.scss

@@ -76,10 +76,6 @@ $admonitions: (
     box-shadow:
       0 px2rem(4px) px2rem(10px) hsla(0, 0%, 0%, 0.05),
       0 0           px2rem(1px)  hsla(0, 0%, 0%, 0.1);
-    transition:
-      color            250ms,
-      background-color 250ms,
-      border-color     250ms;
 
     // Adjust for right-to-left languages
     [dir="rtl"] & {

src/assets/stylesheets/extensions/_footnotes.scss

@@ -77,7 +77,7 @@
 
     // Footnote
     li {
-      transition: color 250ms;
+      transition: color 125ms;
 
       // Darken color for targeted footnote
       &:target {

src/assets/stylesheets/layout/_button.scss

@@ -36,9 +36,9 @@
     border: px2rem(2px) solid currentColor;
     border-radius: px2rem(2px);
     transition:
-      color            250ms,
+      color            125ms,
-      background-color 250ms,
+      background-color 125ms,
-      border-color     250ms;
+      border-color     125ms;
 
     // Primary button
     &--primary {

src/assets/stylesheets/layout/_clipboard.scss

@@ -35,7 +35,7 @@
   color: var(--md-default-fg-color--lightest);
   border-radius: px2rem(2px);
   cursor: pointer;
-  transition: color 250ms;
+  transition: color 125ms;
 
   // Hide for print
   @media print {

src/assets/stylesheets/layout/_footer.scss

@@ -28,9 +28,6 @@
 .md-footer {
   color: var(--md-footer-fg-color);
   background-color: var(--md-footer-bg-color);
-  transition:
-    color            250ms,
-    background-color 250ms;
 
   // Hide for print
   @media print {

src/assets/stylesheets/layout/_header.scss

@@ -152,12 +152,6 @@
       transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),
       opacity   150ms;
 
-    // Adjust for right-to-left languages
-    [dir="rtl"] & {
-      padding-right: px2rem(20px);
-      padding-left: initial;
-    }
-
     // Page title
     & + & {
       z-index: -1;

src/assets/stylesheets/layout/_nav.scss

@@ -106,7 +106,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     cursor: pointer;
-    transition: color 250ms;
+    transition: color 125ms;
     scroll-snap-align: start;
 
     // Hide link to table of contents by default - this will only match the

src/assets/stylesheets/layout/_search.scss

@@ -445,9 +445,6 @@ $md-toggle__search--checked:
     background-color: var(--md-default-bg-color);
     // Hack: reduce jitter
     backface-visibility: hidden;
-    transition:
-      color            250ms,
-      background-color 250ms;
     scroll-snap-type: y mandatory;
     touch-action: pan-y;
 
@@ -498,7 +495,6 @@ $md-toggle__search--checked:
 .md-search-result {
   color: var(--md-default-fg-color);
   word-break: break-word;
-  transition: color 250ms;
 
   // Search metadata
   &__meta {