From 9f3797f6516a63101fb8ebd23ab8229053ec57b6 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Fri, 2 May 2025 14:01:41 +0200
Subject: [PATCH] feat: Change common classes

- Remove %hidden placeholder
- Rename hide class to di_none
- Add op_hide and op_show classes
- Add config variables for transition with op_* classes
---
 global/_common.scss | 10 +++++++---
 global/_config.scss |  2 ++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/global/_common.scss b/global/_common.scss
index e674d86..5fc6585 100644
--- a/global/_common.scss
+++ b/global/_common.scss
@@ -20,12 +20,16 @@
 	}
 }
 
-%hidden {
+.di_none {
 	display: none;
 }
 
-.hide {
-	@extend %hidden;
+.op_hide {
+	opacity: 0;
+}
+
+.op_show {
+	opacity: 1;
 }
 
 .space_even_auto {
diff --git a/global/_config.scss b/global/_config.scss
index 7c8143c..226edd8 100644
--- a/global/_config.scss
+++ b/global/_config.scss
@@ -223,6 +223,8 @@ $duration_double: $duration_basic * 2;
 $duration_long: 2s !default;
 $timing_basic: ease-out !default;
 $transition_best: flex 500ms cubic-bezier(0, 0, 0.2, 1.4), background 800ms ease;
+$transition_hide: opacity $duration_long;
+$transition_show: opacity $duration_double;