DEV: Fix SCSS deprecations (#172)
* DEV: Fix SCSS deprecations Followup to https://github.com/discourse/discourse-subscriptions/pull/171 Also fixes: ``` ╷ 581 │ hsl(random(360), 100, 50); │ ^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ /Users/pmusaraj/Projects/discourse/discourse-subscriptions.scss 581:7 root stylesheet Deprecation Warning: $lightness: Passing a number without unit % (50) is deprecated. ``` * More cleanup
This commit is contained in:
parent
9173190181
commit
7140517ec8
|
@ -314,22 +314,12 @@ html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner {
|
|||
|
||||
$particles: 50;
|
||||
$width: 500;
|
||||
$halfwidth: $width / 2;
|
||||
$halfwidth: calc($width / 2);
|
||||
$height: 250;
|
||||
$heightpartial: $height / 1.2;
|
||||
|
||||
$sidebar-particles: 25;
|
||||
$sidebar-width: 300;
|
||||
$sidebar-half-width: $sidebar-width / 2;
|
||||
$sidebar-height: 100;
|
||||
$sidebar-height-partial: $sidebar-height / 1.2;
|
||||
$heightpartial: calc($height / 1.2);
|
||||
|
||||
// Create the explosion...
|
||||
$box-shadow: ();
|
||||
$box-shadow2: ();
|
||||
|
||||
$sidebar-box-shadow: ();
|
||||
$sidebar-box-shadow2: ();
|
||||
|
||||
@for $i from 0 through $particles {
|
||||
$box-shadow: $box-shadow,
|
||||
|
@ -339,20 +329,7 @@ $sidebar-box-shadow2: ();
|
|||
random($height) -
|
||||
$heightpartial +
|
||||
px
|
||||
hsl(random(360), 100, 50);
|
||||
$box-shadow2: $box-shadow2, 0 0 #fff;
|
||||
}
|
||||
|
||||
@for $i from 0 through $sidebar-particles {
|
||||
$sidebar-box-shadow: $sidebar-box-shadow,
|
||||
random($sidebar-width) -
|
||||
$sidebar-half-width +
|
||||
px
|
||||
random($sidebar-height) -
|
||||
$sidebar-height-partial +
|
||||
px
|
||||
hsl(random(360), 100, 50);
|
||||
$sidebar-box-shadow2: $sidebar-box-shadow2, 0 0 #fff;
|
||||
hsl(random(360), 100%, 50%);
|
||||
}
|
||||
|
||||
@mixin keyframes($animationName) {
|
||||
|
@ -416,39 +393,16 @@ body:not(.archetype-regular):not(.success-animation-off) {
|
|||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
box-shadow: $box-shadow2;
|
||||
@include animation(
|
||||
(
|
||||
1s bang ease-out 1s 5 backwards,
|
||||
1s gravity ease-in 1s 5 backwards,
|
||||
1s bang ease-out 1s 2 backwards,
|
||||
1s gravity ease-in 1s 2 backwards,
|
||||
5s position ease-in-out 1s 1 backwards
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
body.subscription-campaign-sidebar:not(.archetype-regular):not(
|
||||
.success-animation-off
|
||||
) {
|
||||
.fireworks > .before,
|
||||
.fireworks > .after {
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
box-shadow: $sidebar-box-shadow2;
|
||||
animation: name duration timing-function delay iteration-count direction
|
||||
fill-mode;
|
||||
@include animation(
|
||||
(
|
||||
1s sidebarbang ease-out 1s 5 backwards,
|
||||
1s gravity ease-in 1s 5 backwards,
|
||||
5s sidebarposition ease-in-out 1s 1 backwards
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
.fireworks > .after {
|
||||
@include animation-delay((1.25s, 1.25s, 1.25s));
|
||||
@include animation-duration((1.25s, 1.25s, 1.25s));
|
||||
|
@ -460,12 +414,6 @@ body.subscription-campaign-sidebar:not(.archetype-regular):not(
|
|||
}
|
||||
}
|
||||
|
||||
@include keyframes(sidebarbang) {
|
||||
to {
|
||||
box-shadow: $sidebar-box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(gravity) {
|
||||
to {
|
||||
@include transform(translateY(200px));
|
||||
|
@ -500,31 +448,3 @@ body.subscription-campaign-sidebar:not(.archetype-regular):not(
|
|||
margin-left: 56%;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(sidebarposition) {
|
||||
0%,
|
||||
19.9% {
|
||||
margin-top: -25%;
|
||||
margin-left: 0%;
|
||||
}
|
||||
20%,
|
||||
39.9% {
|
||||
margin-top: -25%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
40%,
|
||||
59.9% {
|
||||
margin-top: -25%;
|
||||
margin-left: 50%;
|
||||
}
|
||||
60%,
|
||||
79.9% {
|
||||
margin-top: -25%;
|
||||
margin-left: 75%;
|
||||
}
|
||||
80%,
|
||||
99.9% {
|
||||
margin-top: -25%;
|
||||
margin-left: 100%;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue