aboutsummaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
authorLouis Pilfold <louis@lpil.uk>2024-03-26 14:23:22 +0000
committerLouis Pilfold <louis@lpil.uk>2024-03-26 14:23:22 +0000
commit4584a2908610c4e57b912bb7b11c9a667f1e5a63 (patch)
treec9b6eb5068d300579f54ba8bf62e76efb2fcbc9e /static/css
parente0d7e32903fdd4a52098dd442ed380c0f6f742a9 (diff)
downloadtour-4584a2908610c4e57b912bb7b11c9a667f1e5a63.tar.gz
tour-4584a2908610c4e57b912bb7b11c9a667f1e5a63.zip
Remove off brand transitions
Diffstat (limited to 'static/css')
-rw-r--r--static/css/code/syntax-highlight.css16
-rw-r--r--static/css/pages/everything.css19
-rw-r--r--static/css/root.css5
-rw-r--r--static/css/theme.css24
4 files changed, 0 insertions, 64 deletions
diff --git a/static/css/code/syntax-highlight.css b/static/css/code/syntax-highlight.css
index d742aab..af9df72 100644
--- a/static/css/code/syntax-highlight.css
+++ b/static/css/code/syntax-highlight.css
@@ -194,19 +194,3 @@ CodeFlask mappings
.codeflask .token.attr-value {
color: var(--code-token-attr-value);
}
-
-/* Add color transitions to fit with theme switching */
-
-.hljs,
-.codeflask .codeflask__textarea {
- transition:
- background 150ms linear 0s,
- color 150ms linear 0s;
-}
-
-.hljs,
-.hljs *,
-.codeflask .codeflask__textarea .codeflask .codeflask__textarea * {
- transition: color 150ms linear 0s;
-}
-
diff --git a/static/css/pages/everything.css b/static/css/pages/everything.css
index c8d8279..8637aaa 100644
--- a/static/css/pages/everything.css
+++ b/static/css/pages/everything.css
@@ -63,7 +63,6 @@ h3 {
display: flex;
background: var(--color-background);
flex-direction: column;
- transition: background 150ms linear 0s;
position: relative;
}
@@ -97,7 +96,6 @@ h3 {
list-style: none;
padding: 0;
color: var(--color-text-secondary);
- transition: color 150ms linear 0s;
}
#everything-contents .chapter ul {
@@ -114,7 +112,6 @@ h3 {
scroll-behavior: smooth;
scroll-snap-type: y proximity;
scroll-padding-block-start: calc(2 * var(--navbar-height));
- /* scroll-padding-block-start: var(--gap-double); */
}
#everything-lessons .chapter-title {
@@ -125,9 +122,6 @@ h3 {
height: var(--gap-triple);
top: 0;
background: var(--color-background);
- transition:
- background 150ms linear 0s,
- color 150ms linear 0s;
z-index: 3;
}
@@ -146,9 +140,6 @@ h3 {
position: sticky;
top: var(--gap-triple);
background: var(--color-background);
- transition:
- background 150ms linear 0s,
- color 150ms ease-out 0s;
color: var(--color-link);
z-index: 2;
padding: var(--gap) 0;
@@ -169,9 +160,6 @@ h3 {
margin-top: var(--gap-double);
position: relative;
background: var(--code-background);
- transition:
- background 150ms linear 0s,
- box-shadow 150ms linear 0s;
box-shadow: var(--drop-shadow);
}
@@ -201,7 +189,6 @@ h3 {
outline: 1px solid transparent;
outline-offset: -1px;
cursor: pointer;
- transition: all 300ms ease-out 0s;
}
#everything-lessons hr {
@@ -211,7 +198,6 @@ h3 {
padding: 0;
margin: 0;
display: block;
- transition: border-top 150ms linear 0s;
}
#everything-lessons .lesson-separator {
@@ -249,11 +235,6 @@ h3 {
filter: contrast(1);
}
- #everything-contents:hover:not(:has(a:hover))::after {
- opacity: 0;
- transition: opacity 150ms ease-in 0s;
- }
-
#everything-lessons {
grid-column: 1 / span 2;
padding-bottom: var(--gap-quad);
diff --git a/static/css/root.css b/static/css/root.css
index 948462c..57e7b43 100644
--- a/static/css/root.css
+++ b/static/css/root.css
@@ -164,14 +164,9 @@ html.theme-light .theme-button.-light {
color: var(--color-text-accent);
text-decoration: underline;
text-decoration-color: var(--color-accent-muted);
- transition:
- background 150ms linear 0s,
- color 150ms ease-out 0s,
- text-decoration-color 150ms ease-out 0s;
}
.link.padded,
.navbar .link {
padding: calc(var(--gap-quarter) * 0.5) var(--gap-quarter) 0;
}
-
diff --git a/static/css/theme.css b/static/css/theme.css
index 2cec41e..1ca496a 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -53,27 +53,3 @@ html.theme-dark {
color-scheme: dark;
}
-/* Hide body while theme init is occurring (50ms) */
-html.theme-init body {
- opacity: 0
-}
-
-/*
-removes all transitions in the page during first theme render to avoid FOUC
-(the theme-init class is removed from DOM 1 frame after the page content loads)
-*/
-html.theme-init * {
- transition: none !important;
-}
-
-body {
- opacity: 1;
- transition: opacity 300ms ease-out 0s;
-}
-
-html * {
- transition-duration: 150ms, 300ms;
- transition-property: color, background;
- transition-timing-function: ease-out;
- transition-delay: 0;
-} \ No newline at end of file