From 304e1c1e172b00851dca9261a478f2fb4d18fec0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jonatan=20K=C5=82osko?= Date: Mon, 24 Jul 2023 17:06:02 +0200 Subject: [PATCH] Simplify selectors --- assets/css/js_interop.css | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/assets/css/js_interop.css b/assets/css/js_interop.css index 864c3d9f0..891896175 100644 --- a/assets/css/js_interop.css +++ b/assets/css/js_interop.css @@ -309,12 +309,12 @@ solely client-side operations. @apply text-green-bright-400; } -[data-el-session][data-js-view] [data-el-actions], -[data-el-session][data-js-view] [data-el-insert-buttons] { +[data-el-session][data-js-view] + :is([data-el-actions], [data-el-insert-buttons]) { @apply hidden; } -[data-el-session]:is([data-js-view]) [data-el-views-disabled] { +[data-el-session][data-js-view] [data-el-views-disabled] { @apply hidden; } @@ -326,9 +326,12 @@ solely client-side operations. @apply hidden; } -[data-js-hide-section] [data-el-section-headline], -[data-js-hide-section] [data-el-section-subheadline], -[data-js-hide-section] [data-el-section-subheadline-collapsed] { +[data-js-hide-section] + :is( + [data-el-section-headline], + [data-el-section-subheadline], + [data-el-section-subheadline-collapsed] + ) { @apply hidden; } @@ -340,15 +343,17 @@ solely client-side operations. @apply hidden; } -[data-js-spotlight] [data-el-section-headline]:not([data-js-focused]), -[data-js-spotlight] [data-el-section-subheadline]:not([data-js-focused]), -[data-js-spotlight] [data-el-cell]:not([data-js-focused]), -[data-js-spotlight] [data-el-js-view-iframes] iframe:not([data-js-focused]) { +[data-js-spotlight] + :is( + [data-el-section-headline]:not([data-js-focused]), + [data-el-section-subheadline]:not([data-js-focused]), + [data-el-cell]:not([data-js-focused]), + [data-el-js-view-iframes] iframe:not([data-js-focused]) + ) { @apply opacity-10; } -[data-js-spotlight] [data-el-sidebar], -[data-js-spotlight] [data-el-side-panel], -[data-js-spotlight] [data-el-toggle-sidebar] { +[data-js-spotlight] + :is([data-el-sidebar], [data-el-side-panel], [data-el-toggle-sidebar]) { @apply hidden; }