taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added spinner with logo style

stable
Xavier Julián 2014-09-24 16:08:37 +02:00
parent c1d92e9e43
commit e6bc3e7cfb
3 changed files with 2 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/partials/views/components/spinner.jade
View File

@ -1,7 +1,2 @@
.spinner
span.icon.icon-backlog
span.icon.icon-kanban
span.icon.icon-iocaine
span.icon.icon-floppy
span.icon.icon-settings
span.icon.icon-wiki
object.logo-svg(type="image/svg+xml", data="/svg/spinner.svg")
img(src="/svg/logo.svg", alt="TAIGA")

8
app/styles/components/loader.scss
View File

@ -17,14 +17,6 @@
position: relative;
width: 150px;
}
.spinner {
background-color: $white;
box-shadow: 1px 1px 10px rgba($whitish, .9);
.icon {
color: $gray-light;
text-shadow: 1px 1px 3px $whitish, 0 0 0 $grayer, 1px 1px 3px $whitish;
}
}
p {
@extend %large;
color: $gray-light;

40
app/styles/components/spinner.scss
View File

@ -1,41 +1 @@
.spinner {
background: rgba($green-taiga, .9);
border-radius: 4%;
box-shadow: 1px 1px 10px rgba($fresh-taiga, .9);
height: 8rem;
margin: 0 auto;
padding: 1.5rem;
position: relative;
width: 7rem;
.icon {
@include animation(fadeIn 6s linear);
@extend %xxlarge;
@include animation-iteration-count(infinite);
border-radius: 5%;
color: darken($green-taiga, 15%);
font-size: 60px;
height: 80%;
left: 24%;
margin: auto;
opacity: 0;
position: absolute;
text-shadow: 1px 1px 3px $green-taiga, 0 0 0 $black, 1px 1px 3px darken($green-taiga, 15%);
top: 24%;
}
.icon-kanban {
@include animation-delay(1s);
}
.icon-settings {
@include animation-delay(2s);
}
.icon-iocaine {
@include animation-delay(3s);
}
.icon-floppy {
@include animation-delay(4s);
}
.icon-wiki {
@include animation-delay(5s);
}
}