Files
material-you-react/src/styles/.sass-cache/998ea355c9e5fe51d5ac6a8473a62439e355a0d8/ripple.sassc

70 lines
8.2 KiB
Plaintext
Raw Normal View History

2024-02-01 01:58:19 +04:00
3.7.4
548032d31eae23a5da5fc296f5bc29cc1bf15ac5
o:Sass::Tree::RootNode
:@children[ o:Sass::Tree::RuleNode:
@rule[I".m3.m3-button-ripple:ET:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Class:
@nameI"m3; T:
@linei:@filenameI"ripple.sass; To;;I"m3-button-ripple; T;i;@: @subject0: @sourceso:Set:
@hash}F:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i:
@file0:@importer0;i;@;i;i;@:@selector_source_rangeo; ;o;;i;i;o;;i;i;@;o: Sass::Importers::Filesystem:
@rootI")/home/drn04/DoryanNetwork/src/styles; T:@real_rootI")/home/drn04/DoryanNetwork/src/styles; T:@same_name_warningso;;}F:
@tabsi;[o:Sass::Tree::PropNode;[I" position; T: @value[o: Sass::Script::Tree::Literal ;&o: Sass::Script::Value::String ;&I" absolute; T: @options{:
@type:identifier:"@deprecated_interp_equivalent0;i;o; ;o;;i;i;o;;i;i;@;@;@;$i:@prop_syntax:new;[;@;)@*:@value_source_rangeo; ;o;;i;i;o;;i;i;@;@:@name_source_rangeo; ;o;;i;i;o;;i;i;@;@;io;%;[I"
width; T;&[o;' ;&o: Sass::Script::Value::Number
;ⅈ)@*:@numerator_units[I"%; T:@denominator_units[:@originalI" 100%; T;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i ;@;@;io;%;[I" height; T;&[o;' ;&o;1
;ⅈ)@*;2[I"%; T;3[;4I" 100%; T;i ;o; ;o;;i ;i;o;;i ;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i ;i;o;;i ;i;@;@;0o; ;o;;i ;i;o;;i ;i;@;@;i ;@;)@*;i:@has_childrenTo;;[I"K.m3.is-active > .m3.m3-button-ripple > .m3.ripple:nth-last-child(-n+1); T;
o; ; [o; ; [
o; ; [o;;I"m3; T;i ;@o;;I"is-active; T;i ;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0;0;i ;@I">; To; ; [o;;I"m3; T;i ;@o;;I"m3-button-ripple; T;i ;@;0;o;;}F;o; ;o;;i;i;o;;i;i*;0;0;i ;@I">; To; ; [o;;I"m3; T;i ;@o;;I" ripple; T;i ;@o:Sass::Selector::Pseudo :@syntactic_type:
class;I"nth-last-child; T: @argI" -n+1; T:@selector0;i ;@;0;o;;}F;o; ;o;;i;i-;o;;i;iL;0;0;i ;@;i ;i ;@;o; ;o;;i ;i;o;;i ;iL;@;@;$i;[o;%;[I" opacity; T;&[o:$Sass::Script::Tree::ListLiteral :@elements[o;' ;&o;1
;&i;)@*;2[;3[;4I"1; F;i ;o; ;o;;i ;i;o;;i ;i;@;@;@o;' ;&o;( ;&I"!important; T;)@*;*;+;,0;i ;o; ;o;;i ;i;o;;i ;i;@;@;@:@separator:
space:@bracketedF;i ;o; ;o;;i ;i;o;;i ;i;@;@;@;)@*;$i;-;.;[;@;)@*;/o; ;o;;i ;i;o;;i ;i;@;@;0o; ;o;;i ;i;o;;i ;i;@;@;i ;@;)@*;i ;5To;;[I".m3.ripple; T;
o; ; [o; ; [o; ; [o;;I"m3; T;i;@o;;I" ripple; T;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0;0;i;@;i;i;@;o; ;o;;i;i;o;;i;i;@;@;$i;[o;%;[I" position; T;&[o;' ;&o;( ;&I" absolute; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I" overflow; T;&[o;' ;&o;( ;&I" hidden; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"pointer-events; T;&[o;' ;&o;( ;&I" none; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"transform-origin; T;&[o;' ;&o;( ;&I" center; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i ;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i ;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I" opacity; T;&[o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"0; F;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"aspect-ratio; T;&[o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"1; F;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"border-radius; T;&[o;' ;&o;1
;&i7;)@*;2[I"%; T;3[;4I"50%; T;i;o; ;o;;i;i;o;;i;i;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"animation-name; T;&[o;' ;&o;( ;&I"rippleAppearanceAnimation; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i1;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i1;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"animation-timing-function; T;&[o: Sass::Script::Tree::Funcall:@callable0;I"cubic-bezier; T:
@args[ o;' ;&o;1
;&f0.4;)@*;2[;3@<01>;4I"0.4; F;i;o; ;o;;i;i0;o;;i;i3;@;@;@o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"0; F;i;o; ;o;;i;i5;o;;i;i6;@;@;@o;' ;&o;1
;&f0.2;)@*;2[;3@<01>;4I"0.2; F;i;o; ;o;;i;i8;o;;i;i;;@;@;@o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"1; F;i;o; ;o;;i;i=;o;;i;i>;@;@;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;i;o; ;o;;i;i#;o;;i;i?;@;@;@;)@*;$i;-;.;[;@;)@*;/o; ;o;;i;i#;o;;i;i?;@;@;0o; ;o;;i;i;o;;i;i!;@;@;io;%;[I"animation-duration; T;&[o;' ;&o;1
;&f0.5;)@*;2[I"s; T;3[;4I" 0.5s; T;i;o; ;o;;i;i;o;;i;i ;@;@;@;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i ;@;@;0o; ;o;;i;i;o;;i;i;@;@;io;%;[I"transition; T;&[o;; ;<[o;' ;&o;( ;&I" opacity; T;)@*;*;+;,0;i;o; ;o;;i;i;o;;i;i;@;@;@o;' ;&o;1
;&@<02>;)@*;2[I"s; T;3[;4I" 0.5s; T;i;o; ;o;;i;i;o;;i;i;@;@;@o;@;A0;I"cubic-bezier; T;B[ o;' ;&o;1
;&@S;)@*;2[;3@<01>;4I"0.4; F;i;o; ;o;;i;i-;o;;i;i0;@;@;@o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"0; F;i;o; ;o;;i;i2;o;;i;i3;@;@;@o;' ;&o;1
;&@b;)@*;2[;3@<01>;4I"0.2; F;i;o; ;o;;i;i5;o;;i;i8;@;@;@o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"1; F;i;o; ;o;;i;i:;o;;i;i;;@;@;@;Co;D;E{;F{;G0;H0;i;o; ;o;;i;i ;o;;i;i<;@;@;@;)@*;=;>;?F;i;o; ;o;;i;i;o;;i;i<;@;@;@;)@*;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i<;@;@;0o; ;o;;i;i;o;;i;i;@;@;i;@;)@*;i;5To:Sass::Tree::DirectiveNode ;&[I"@keyframes ; TI"rippleAppearanceAnimation; T;$i;[o;;[I"0%; T;
0;o; ;o;;i;i;o;;i;i
;@;@;$i;[o;%;[I"transform; T;&[o;@;A0;I"
scale; T;B[o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"0; F;i;o; ;o;;i;i;o;;i;i;@;@;@;Co;D;E{;F{;G0;H0;i;o; ;o;;i;i;o;;i;i;@;@;@;)@*;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i
;o;;i;i;@;@;i;@;)@*;i;5To;;[I" 100%; T;
0;o; ;o;;i;i;o;;i;i ;@;@;$i;[o;%;[I"transform; T;&[o;@;A0;I"
scale; T;B[o;' ;&o;1
;&i;)@*;2[;3@<01>;4I"1; F;i;o; ;o;;i;i;o;;i;i;@;@;@;Co;D;E{;F{;G0;H0;i;o; ;o;;i;i;o;;i;i;@;@;@;)@*;$i;-;.;[;@;)@*;/o; ;o;;i;i;o;;i;i;@;@;0o; ;o;;i;i
;o;;i;i;@;@;i;@;)@*;i;5T;@;)@*;i;5T;0;)@*:@templateI"[.m3.m3-button-ripple
position: absolute
width: 100%
height: 100%
.m3.is-active > .m3.m3-button-ripple > .m3.ripple:nth-last-child(-n+1)
opacity: 1 !important
.m3.ripple
position: absolute
overflow: hidden
pointer-events: none
transform-origin: center
opacity: 0
aspect-ratio: 1
border-radius: 50%
animation-name: rippleAppearanceAnimation
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
animation-duration: 0.5s
transition: opacity .5s cubic-bezier(0.4, 0, 0.2, 1)
@keyframes rippleAppearanceAnimation
0%
transform: scale(0)
100%
transform: scale(1)
; T;5T