signal-desktop/stylesheets/_progress.scss

48 lines
919 B
SCSS
Raw Normal View History

2020-10-30 20:34:04 +00:00
// Copyright 2017-2020 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress-bar-striped {
2018-05-04 20:07:52 +00:00
background-image: linear-gradient(
45deg,
2019-10-04 18:06:17 +00:00
$color-white-alpha-60 25%,
2018-05-04 20:07:52 +00:00
transparent 25%,
transparent 50%,
2019-10-04 18:06:17 +00:00
$color-white-alpha-60 50%,
$color-white-alpha-60 75%,
2018-05-04 20:07:52 +00:00
transparent 75%,
transparent
);
background-size: 40px 40px;
}
.progress-bar-striped {
2018-05-04 20:07:52 +00:00
background-image: linear-gradient(
45deg,
2019-10-04 18:06:17 +00:00
$color-white-alpha-60 25%,
2018-05-04 20:07:52 +00:00
transparent 25%,
transparent 50%,
2019-10-04 18:06:17 +00:00
$color-white-alpha-60 50%,
$color-white-alpha-60 75%,
2018-05-04 20:07:52 +00:00
transparent 75%,
transparent
);
}
.progress-bar.active {
2018-05-04 20:07:52 +00:00
animation: progress-bar-stripes 2s linear infinite;
}
.bar-container {
2019-10-04 18:06:17 +00:00
background: $color-ios-blue-tint;
.progress-bar {
height: 100%;
}
}