Fixing mobile logo scaling
This commit is contained in:
parent
95dcc213e9
commit
bf52c81454
|
@ -134,12 +134,18 @@ Engine = Base.extend({
|
||||||
},
|
},
|
||||||
|
|
||||||
setupTessellation: function(canvas){
|
setupTessellation: function(canvas){
|
||||||
|
var size;
|
||||||
this.shapes = [];
|
this.shapes = [];
|
||||||
|
if (window.innerWidth < 570) {
|
||||||
|
size = 300;
|
||||||
|
} else {
|
||||||
|
size = 360;
|
||||||
|
}
|
||||||
this.logo = new Engine.Shape(
|
this.logo = new Engine.Shape(
|
||||||
-(180),
|
-(size / 2),
|
||||||
-(220),
|
-(size / 2 + 40),
|
||||||
360,
|
size,
|
||||||
360,
|
size,
|
||||||
Logo.points,
|
Logo.points,
|
||||||
Logo.polygons
|
Logo.polygons
|
||||||
);
|
);
|
||||||
|
|
|
@ -132,6 +132,7 @@
|
||||||
transform:translate3d(0,0,0);
|
transform:translate3d(0,0,0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.animated-logo {
|
.animated-logo {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
z-index:200;
|
z-index:200;
|
||||||
|
@ -415,3 +416,22 @@
|
||||||
opacity:0;
|
opacity:0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 570px) {
|
||||||
|
.tag-line {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jumbotron .jumbotron-content {
|
||||||
|
-webkit-transform:translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-moz-transform:translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-ms-transform:translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-o-transform:translate3d(0, 0, 0) scale(0.8);
|
||||||
|
transform:translate3d(0, 0, 0) scale(0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-logo {
|
||||||
|
margin-top:-72px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -921,6 +921,21 @@ body.page-home #footer {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 570px) {
|
||||||
|
.tag-line {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#jumbotron .jumbotron-content {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-moz-transform: translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-ms-transform: translate3d(0, 0, 0) scale(0.8);
|
||||||
|
-o-transform: translate3d(0, 0, 0) scale(0.8);
|
||||||
|
transform: translate3d(0, 0, 0) scale(0.8);
|
||||||
|
}
|
||||||
|
.animated-logo {
|
||||||
|
margin-top: -72px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.outline-btn {
|
.outline-btn {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
Loading…
Reference in New Issue