Skip to content

Commit

Permalink
chore(linear-progress): format Sass files
Browse files Browse the repository at this point in the history 
PiperOrigin-RevId: 317380105
  • Loading branch information
@asyncLiz @copybara-github
asyncLiz authored and copybara-github committed Jun 19, 2020
1 parent ff89457 commit 4a1855c
Show file tree
Hide file tree
Showing 2 changed files with 66 additions and 29 deletions.
71 changes: 48 additions & 23 deletions packages/mdc-linear-progress/_keyframes.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,12 +27,17 @@
}

20% {
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
transform: translateX(0);
}

59.15% {
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
animation-timing-function: cubic-bezier(
0.302435,
0.381352,
0.55,
0.956352
);
transform: translateX(83.67142%);
}

Expand All @@ -45,39 +50,39 @@
@mixin primary-indeterminate-scale-keyframes_ {
@keyframes mdc-linear-progress-primary-indeterminate-scale {
0% {
transform: scaleX(.08);
transform: scaleX(0.08);
}

36.65% {
animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);
transform: scaleX(.08);
animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
transform: scaleX(0.08);
}

69.15% {
animation-timing-function: cubic-bezier(.06, .11, .6, 1);
transform: scaleX(.661479);
animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
transform: scaleX(0.661479);
}

100% {
transform: scaleX(.08);
transform: scaleX(0.08);
}
}
}

@mixin secondary-indeterminate-translate-keyframes_ {
@keyframes mdc-linear-progress-secondary-indeterminate-translate {
0% {
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
transform: translateX(0);
}

25% {
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
transform: translateX(37.651913%);
}

48.35% {
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
transform: translateX(84.386165%);
}

Expand All @@ -90,22 +95,37 @@
@mixin secondary-indeterminate-scale-keyframes_ {
@keyframes mdc-linear-progress-secondary-indeterminate-scale {
0% {
animation-timing-function: cubic-bezier(.205028, .057051, .57661, .453971);
transform: scaleX(.08);
animation-timing-function: cubic-bezier(
0.205028,
0.057051,
0.57661,
0.453971
);
transform: scaleX(0.08);
}

19.15% {
animation-timing-function: cubic-bezier(.152313, .196432, .648374, 1.004315);
transform: scaleX(.457104);
animation-timing-function: cubic-bezier(
0.152313,
0.196432,
0.648374,
1.004315
);
transform: scaleX(0.457104);
}

44.15% {
animation-timing-function: cubic-bezier(.257759, -.003163, .211762, 1.38179);
transform: scaleX(.72796);
animation-timing-function: cubic-bezier(
0.257759,
-0.003163,
0.211762,
1.38179
);
transform: scaleX(0.72796);
}

100% {
transform: scaleX(.08);
transform: scaleX(0.08);
}
}
}
Expand All @@ -128,12 +148,17 @@
}

20% {
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
transform: translateX(0);
}

59.15% {
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
animation-timing-function: cubic-bezier(
0.302435,
0.381352,
0.55,
0.956352
);
transform: translateX(-83.67142%);
}

Expand All @@ -146,17 +171,17 @@
@mixin secondary-indeterminate-translate-reverse-keyframes_ {
@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
0% {
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
transform: translateX(0);
}

25% {
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
transform: translateX(-37.651913%);
}

48.35% {
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
transform: translateX(-84.386165%);
}

Expand Down
24 changes: 18 additions & 6 deletions packages/mdc-linear-progress/_mixins.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,11 @@
@mixin buffer-color($color, $query: feature-targeting-functions.all()) {
// We need to escape the '#' character as "%23" for SVG because '#' is a reserved character in URIs.
$color-value-for-css: theme-variables.prop-value($color);
$color-value-for-svg: str-replace_(string.unquote("#{$color-value-for-css}"), "#", "%23");
$color-value-for-svg: str-replace_(
string.unquote('#{$color-value-for-css}'),
'#',
'%23'
);
$feat-color: feature-targeting-functions.create-target($query, color);

.mdc-linear-progress__buffer-dots {
Expand Down Expand Up @@ -221,12 +225,14 @@
}

@include feature-targeting-mixins.targets($feat-animation) {
animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
animation: mdc-linear-progress-primary-indeterminate-translate 2s
infinite linear;
}

> .mdc-linear-progress__bar-inner {
@include feature-targeting-mixins.targets($feat-animation) {
animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite
linear;
}
}
}
Expand All @@ -238,12 +244,14 @@
}

@include feature-targeting-mixins.targets($feat-animation) {
animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
animation: mdc-linear-progress-secondary-indeterminate-translate 2s
infinite linear;
}

> .mdc-linear-progress__bar-inner {
@include feature-targeting-mixins.targets($feat-animation) {
animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
animation: mdc-linear-progress-secondary-indeterminate-scale 2s
infinite linear;
}
}
}
Expand Down Expand Up @@ -299,7 +307,11 @@

@if $index {
$head: string.slice($string, 1, $index - 1);
$tail: str-replace_(string.slice($string, $index + string.length($search)), $search, $replace);
$tail: str-replace_(
string.slice($string, $index + string.length($search)),
$search,
$replace
);

@return $head + $replace + $tail;
}
Expand Down

0 comments on commit 4a1855c

Please sign in to comment.