AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove pseudo-elements from fadeable

Browse Source
This commit is contained in:
Mathias Schopmans
2017-04-03 14:56:30 +02:00
parent f92a029a55
commit 36858c2e29
1 changed files with 3 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
styles/components/fadeable.css
View File

@@ -1,23 +1,8 @@
.fadable { .fadable {
position: relative; opacity: 1;
transition: opacity 0.2s cubic-bezier(0.54, 0, 0.28, 1);
&::after {
transition: opacity 0.2s cubic-bezier(0.54, 0, 0.28, 1);
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: var(--color-gray-dark);
pointer-events: none;
}
&.is-faded { &.is-faded {
&::after { opacity: 0;
opacity: 1;
}
} }
} }