Skip to content

Commit

Permalink
Add style scss
Browse files Browse the repository at this point in the history
  • Loading branch information
cp-dharti-r committed Jan 10, 2024
1 parent 6fc61f1 commit 0890539
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 3 deletions.
4 changes: 1 addition & 3 deletions vue/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,4 @@ coverage
*.ntvs*
*.njsproj
*.sln
*.sw?

src/assets/style.scss
*.sw?
63 changes: 63 additions & 0 deletions vue/src/assets/style.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
@mixin gradient-striped($color: rgba(255, 255, 255, 0.15), $angle: 45deg) {
background-image: -webkit-linear-gradient(
$angle,
$color 25%,
transparent 25%,
transparent 50%,
$color 50%,
$color 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
$angle,
$color 25%,
transparent 25%,
transparent 50%,
$color 50%,
$color 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
$angle,
$color 25%,
transparent 25%,
transparent 50%,
$color 50%,
$color 75%,
transparent 75%,
transparent
);
}

@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
.progress.active .progress-bar {
@include animation(progress-bar-stripes 2s linear infinite);
}
.progress-striped .progress-bar {
@include gradient-striped;
background-size: 40px 40px;
}

0 comments on commit 0890539

Please sign in to comment.