Page Transitions Colored
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Setup Page Transitions Using Sass Variables
Easily Modify And Change The Page Transitions By Just Setting The Desired Sass Variables. Add the
following markup immediately after the <body> tag and voila you ahve working
page transitions. Chnage the SASS variables to set the look that you want.
<div id = "wdpk-page-load-animate" class = "wdpk-page-load-animate">
<div class = "wdpk-spinner" role = "status">
<span class = "sr-only"></span>
</div>
</div>
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-page-trans-bg-color: (
backgroundType: color,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 90deg,
backgroundImage: url(../../assets/images/grey.png),
backgroundRepeat: repeat-x,
backgroundHorPos: center,
backgroundVerPos: center,
backgroundSize: initial
) !default;
$wdpk-page-trans-spinner-color: #ffffff;
/* No Changes Made To Default Javascript */
WoodPecker® is a modular design system crafted to make creating layouts easy for the developers. Now instead of fucussing on the low level detail of developing these modules, you can simple use the existing modules to create fantasstic layouts.