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> <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>
</div>
<div class="row"> <div class="row">
<div class="col expertly-tailored"> <div class="col expertly-tailored">
<div class="row"> <div class="row">

View File

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

View File

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