IntenseWebs/opentofu
3
0
Fork 0
mirror of https://github.com/opentofu/opentofu.git synced 2025-02-25 18:45:20 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix webkit rendering issue

Browse Source 
this once fixed aliasing issues related to the css transform: skew in
webkit browsers. a recent release causes it to render artifacts and bug
out. removing the declaration fixes it.
This commit is contained in:
Jason Costello 2016-10-31 11:52:03 -07:00
parent b8f17b4df4
commit b74f12dd28
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
website/source/assets/stylesheets/_home.scss
View File

@ -73,7 +73,6 @@ body.page-home {
background: $black; background: $black;
background-size: 100%; background-size: 100%;
@include skewY(-3deg); @include skewY(-3deg);
-webkit-backface-visibility: hidden;
} }
} }
@ -220,14 +219,12 @@ body.page-home {
right: 3%; right: 3%;
width: 581px; width: 581px;
@include skewY(-3deg); @include skewY(-3deg);
-webkit-backface-visibility: hidden;
} }
#feature-write-bg{ #feature-write-bg{
background: $white; background: $white;
z-index: 70; z-index: 70;
@include skewY(3deg); @include skewY(3deg);
-webkit-backface-visibility: hidden;
overflow: hidden; overflow: hidden;
} }
} }
@ -267,7 +264,6 @@ body.page-home {
background: $purple; background: $purple;
z-index: 60; z-index: 60;
@include skewY(-3deg); @include skewY(-3deg);
-webkit-backface-visibility: hidden;
} }
} }
@ -294,6 +290,7 @@ body.page-home {
#feature-create-bg{ #feature-create-bg{
@include skewY(3deg); @include skewY(3deg);
z-index: 50; z-index: 50;
overflow: hidden; overflow: hidden;
} }
@ -311,6 +308,7 @@ body.page-home {
#demo-bg{ #demo-bg{
background-color: #E6E7E8; background-color: #E6E7E8;
@include skewY(3deg); @include skewY(3deg);
z-index: 40; z-index: 40;
} }
@ -355,7 +353,6 @@ body.page-home {
position: relative; position: relative;
text-align: center; text-align: center;
padding: 3px; padding: 3px;
//background-color: #1e1e1e;
border-bottom: 2px solid #1e1e1e; border-bottom: 2px solid #1e1e1e;
h4{ h4{
@ -620,7 +617,7 @@ body.page-home {
background: $black; background: $black;
background-size: 100%; background-size: 100%;
@include skewY(-3deg); @include skewY(-3deg);
-webkit-backface-visibility: hidden;
} }
ul.customer-list{ ul.customer-list{