From b48aa917281c7c23f92c490b751f2b68f387277d Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Mon, 02 Jun 2025 16:36:57 +0000
Subject: [PATCH] fix(flex): respect DesktopOnly and MobileOnly components (#1971)
---
quartz/styles/base.scss | 28 +++++++++++++++++++++++++++-
1 files changed, 27 insertions(+), 1 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 60d2d8f..820b9ab 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -91,7 +91,7 @@
color: var(--secondary);
&:hover {
- color: var(--tertiary) !important;
+ color: var(--tertiary);
}
&.internal {
@@ -101,6 +101,15 @@
border-radius: 5px;
line-height: 1.4rem;
+ &.broken {
+ color: var(--secondary);
+ opacity: 0.5;
+ transition: opacity 0.2s ease;
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
&:has(> img) {
background-color: transparent;
border-radius: 0;
@@ -123,16 +132,32 @@
}
}
+.flex-component {
+ display: flex;
+}
+
.desktop-only {
display: initial;
+ &.flex-component {
+ display: flex;
+ }
@media all and ($mobile) {
+ &.flex-component {
+ display: none;
+ }
display: none;
}
}
.mobile-only {
display: none;
+ &.flex-component {
+ display: none;
+ }
@media all and ($mobile) {
+ &.flex-component {
+ display: flex;
+ }
display: initial;
}
}
@@ -594,6 +619,7 @@
}
.katex-display {
+ display: initial;
overflow-x: auto;
overflow-y: hidden;
}
--
Gitblit v1.10.0