oreolek/voyageur-review
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Salet 1.5 - CSS animations

Browse source
This commit is contained in:
Alexander Yakovlev 2016-09-20 22:05:09 +07:00
parent a6b9ba0be4
commit 612d0aede9
4 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
game/begin.coffee
View file

@ -4,7 +4,7 @@ oneOf = require('../../lib/oneOf.coffee')
require('salet')
salet.game_id = "your-game-id-here"
salet.game_version = "1.3"
salet.game_version = "1.5"
$(document).ready(() ->
window.addEventListener('popstate', (event) ->
salet.goBack()

1
html/index.html
View file

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic|PT+Sans+Caption' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<div id="page" class="container">

1
sass/_variables.scss
View file

@ -11,3 +11,4 @@ $secondary-bg: #F1EED9;
$waycolor: $link-color;
$text_background: $body-bg; // can be btn-bg
$animation_duration: 2s;

18
sass/main.scss
View file

@ -190,18 +190,12 @@ hr {
border-color: $body-color;
}
// fade-in animation
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
// here we redefine animate.css animation duration, see variables.scss
#ways_hint, ul.options {
-moz-animation-duration: $animation_duration !important;
-webkit-animation-duration: $animation_duration !important;
-o-animation-duration: $animation_duration !important;
animation-duration: $animation_duration !important;
}
.center {