mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-08 14:31:28 +02:00
CSS files converted to Sass. Some style fixes. Created file with sponsors.
This commit is contained in:
parent
1a5c529669
commit
a45174a1e4
851 changed files with 19814 additions and 5533 deletions
41
_sass/vendor/animations/attention-seekers/_swing.scss
vendored
Normal file
41
_sass/vendor/animations/attention-seekers/_swing.scss
vendored
Normal file
|
@ -0,0 +1,41 @@
|
|||
@if $use-swing == true {
|
||||
|
||||
@-webkit-keyframes swing {
|
||||
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: $base-origin; }
|
||||
20% { -webkit-transform: rotate(15deg); }
|
||||
40% { -webkit-transform: rotate(-10deg); }
|
||||
60% { -webkit-transform: rotate(5deg); }
|
||||
80% { -webkit-transform: rotate(-5deg); }
|
||||
100% { -webkit-transform: rotate(0deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes swing {
|
||||
20% { -moz-transform: rotate(15deg); }
|
||||
40% { -moz-transform: rotate(-10deg); }
|
||||
60% { -moz-transform: rotate(5deg); }
|
||||
80% { -moz-transform: rotate(-5deg); }
|
||||
100% { -moz-transform: rotate(0deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes swing {
|
||||
20% { -o-transform: rotate(15deg); }
|
||||
40% { -o-transform: rotate(-10deg); }
|
||||
60% { -o-transform: rotate(5deg); }
|
||||
80% { -o-transform: rotate(-5deg); }
|
||||
100% { -o-transform: rotate(0deg); }
|
||||
}
|
||||
|
||||
@keyframes swing {
|
||||
20% { transform: rotate(15deg); }
|
||||
40% { transform: rotate(-10deg); }
|
||||
60% { transform: rotate(5deg); }
|
||||
80% { transform: rotate(-5deg); }
|
||||
100% { transform: rotate(0deg); }
|
||||
}
|
||||
|
||||
.swing {
|
||||
@include animate-prefixer(transform-origin, $base-origin);
|
||||
@include animate-prefixer(animation-name, swing);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue