This commit is contained in:
Robin Hägg 2015-09-11 14:58:35 +02:00
parent 0c7e0693d3
commit 85a9641af0
3 changed files with 98 additions and 104 deletions

View File

@ -110,6 +110,7 @@
<p>Technology is only as useful as it is usable, and even complex systems can be intricately designed so that front-end control is simple and user-friendly. We offer varying levels of control with our entertainment setups and can supply you with a fully programmed Smart Control or replace conventional remotes with dedicated app support, empowering your smartphone or tablet.</p>
</div>
</div>
</div>
<div class="row">
<div class="col expertly-tailored">
<div class="row">

View File

@ -8,7 +8,7 @@
background:$transblack;
min-height:500px;
height:100%;
height:calc(100% - 150px);
height:calc(100% - 60px);
.set-btm{
width:100%;
text-align: right;
@ -116,7 +116,6 @@
}
.page.services {
overflow-x:visible;
h1 {
text-align:center;
text-transform: uppercase;
@ -171,12 +170,13 @@
* { color:$softwhite; }
.splash {
height:105vh;
min-height:500px;
top:0;
height:100%;
min-height:600px;
width:100%;
position:fixed;
z-index:1;
@media all and(max-height:500px){
@media (pointer:coarse){
position:absolute;
}
.splash-text {
@ -192,7 +192,7 @@
}
}
.splashspacer{
height:105vh;
height:90%;
min-height:500px;
width:100%;
}
@ -407,7 +407,7 @@
@include backgrounder("services-integration-splash", "jpg", "top/cover no-repeat");
}
.ff {min-height:450px;}
.ff1 {background:url(/img/ff1.jpg) no-repeat center/cover;}
.ff1 {background:url(/img/ff1.jpg) no-repeat right/cover;}
.ff2 {
background:$softwhite;
padding:5%;
@ -448,7 +448,7 @@
}
.security {
.splash {
@include backgrounder("services-security-splash", "jpg", "top/cover no-repeat");
@include backgrounder("services-security-splash", "jpg", "top left/cover no-repeat");
}
.hover-p{
.hover-for-p {

View File

@ -94,11 +94,11 @@ html {
&.snap-top-static.hidden {
opacity:0;
}
display:none;
}
//Header
header {
position:absolute;
top:0;
@media all and(min-height:900px){
position:fixed;
@ -108,7 +108,6 @@ header {
background:$softblack;
width:100%;
height:60px;
display:inline-block;
padding-right:3%;
padding-left:3%;
z-index:10;
@ -235,9 +234,8 @@ header {
//Default body styles
html,body{position:absolute; min-height:110vh;width:100%;}
html,body{height:100%;width:100%;position:relative;}
body {
overflow-x: hidden;
overflow-y: scroll;
> main {
overflow-x: hidden;
@ -245,13 +243,8 @@ body {
width: 100%;
min-height: 100%;
min-height: calc(100% - 60px);
min-height:110vh;
margin: -7px auto;
> .page {
position:absolute;
&:not(.servicepage) {
margin-top:60px;
}
@media all and(min-height:900px){
margin-top:60px;
}