interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: Change common classes

Browse source 
- Remove %hidden placeholder
- Rename hide class to di_none
- Add op_hide and op_show classes
- Add config variables for transition with op_* classes
This commit is contained in:
sthag 2025-05-02 14:01:41 +02:00
parent ec93121d4a
commit 9f3797f651
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
global/_common.scss
View file

@ -20,12 +20,16 @@
} }
} }
%hidden { .di_none {
display: none; display: none;
} }
.hide { .op_hide {
@extend %hidden; opacity: 0;
}
.op_show {
opacity: 1;
} }
.space_even_auto { .space_even_auto {

2
global/_config.scss
View file

@ -223,6 +223,8 @@ $duration_double: $duration_basic * 2;
$duration_long: 2s !default; $duration_long: 2s !default;
$timing_basic: ease-out !default; $timing_basic: ease-out !default;
$transition_best: flex 500ms cubic-bezier(0, 0, 0.2, 1.4), background 800ms ease; $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;