ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00
Code Issues Releases Wiki Activity

Landing now iterates over colors

Browse Source
This commit is contained in:
vrde 2015-09-22 14:46:32 +02:00
parent 54a1049b48
commit 1885440447
3 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
sass/main.scss
View File

@ -3,6 +3,7 @@
$BASE_URL: '<%= BASE_URL %>'; $BASE_URL: '<%= BASE_URL %>';
@import 'mixins';
@import 'ascribe_variables'; @import 'ascribe_variables';
@import 'variables'; @import 'variables';
@import '../node_modules/bootstrap-sass/assets/stylesheets/bootstrap'; @import '../node_modules/bootstrap-sass/assets/stylesheets/bootstrap';

16
sass/mixins.scss Normal file
View File

@ -0,0 +1,16 @@
// keyframes mixin
@mixin keyframes($name) {
@-webkit-keyframes #{$name} {
@content;
}
@-moz-keyframes #{$name} {
@content;
}
@-ms-keyframes #{$name} {
@content;
}
@keyframes #{$name} {
@content;
}
}

17
sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
View File

@ -1,9 +1,16 @@
$ikono--landing-bg-color: #06c; $ikono--landing-bg-color: #093;
$ikono--bg-color: #939; $ikono--bg-color: #06c;
$ikono--button-color: $ikono--bg-color; $ikono--button-color: $ikono--bg-color;
$ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ikono_tv.png'; $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ikono_tv.png';
@include keyframes(color-loop) {
0% { background: $ikono--landing-bg-color; }
33% { background: #099; }
66% { background: #09f; }
}
.client--ikonotv { .client--ikonotv {
font-family: 'Helvetica Neue', 'Helvetica', sans-serif; font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
} }
@ -84,6 +91,10 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
.client--ikonotv .route--landing { .client--ikonotv .route--landing {
background-color: $ikono--landing-bg-color; background-color: $ikono--landing-bg-color;
animation: color-loop 20s;
-moz-animation: color-loop 20s infinite;
-webkit-animation: color-loop 20s infinite;
margin: 0; margin: 0;
width: 100%; width: 100%;
padding: 5em 1em; padding: 5em 1em;
@ -212,7 +223,7 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
margin-bottom: 2em; margin-bottom: 2em;
> h1 { > h1 {
font-size: 9em; font-size: 7em;
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 10px;