mirror of
https://github.com/ascribe/onion.git
synced 2024-12-22 09:23:13 +01:00
Landing now iterates over colors
This commit is contained in:
parent
54a1049b48
commit
1885440447
@ -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';
|
||||||
@ -506,4 +507,4 @@ hr {
|
|||||||
margin-bottom: .1em;
|
margin-bottom: .1em;
|
||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
16
sass/mixins.scss
Normal file
16
sass/mixins.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user